/*
Desarrollo Web by: CreattoWeb.com - CreattoCMS
CSS: ING. Miguel Angel Ortega Acosta
*/
@font-face {font-family: 'diavlo'; src: url('images/diavlo.otf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'hasteristico'; src: url('images/hasteristico.ttf') format('truetype'); font-weight: normal; font-style: normal;}

.header{ background: rgba(0, 0, 0, 0) url("images/header.png") repeat-x scroll 0 0;height: 125px;position: relative;width: 100%; z-index: 2147483647;}
.header .logo{left: 4%;position: absolute;top: 10px;}
.header .menu{height: 25px;margin-right: 4%;padding-top: 75px;position: relative;}
.header .menu ul{list-style-type: none;margin: 0;padding: 0;position: absolute;right: 0;}
.header .menu ul li{display: inline-block;float: left;height: 25px !important;margin-right: 1px;text-align: center;}
.header .menu ul li a{ color: #fff;display: block;font-family: diavlo;font-size: 11pt;height: 25px;padding-left: 20px;padding-right: 20px;text-decoration: none;text-transform: uppercase;}
.header .menu ul li a:hover{border-bottom: 4px solid #ffe7af;}

ul#navmenu-h ul {margin-top: 0px !important;list-style: none;display: none;position: absolute;top: 92%;left: 0px;z-index:9999999; background:#452F29; width: -moz-fit-content; width:300px;}
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: block; position: relative;  height: auto;}
ul#navmenu-h ul li { width: 100%; display: block;border: none; padding-left: 0px; background-image: none !important;    width: 300px;height: 40px !important;}
ul#navmenu-h ul li  a{font-size:14pt;text-transform:uppercase;float: none !important;font-size: 11pt !important;line-height: 10px;text-align: left;color:#fff;display: block;  padding: 17px !important; height:11px !important;}
ul#navmenu-h li:hover li a{}
ul#navmenu-h li.iehover li a{}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {color:#fff; background:#000; border-bottom: 0px;}
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none;} 
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
ul#navmenu-h li:hover  a{color:#fff;   }
.activo{color:#ffe7af !important;}
.header .redes{ position: absolute;right: 4%;top: 13px;}
.header .redes .red_act{ float: left;margin-right: 15px;}

.slide{height: 331px;position: relative;width: 100%;}
.slide .showcase {    height: 100%; width: 100% !important; position:relative;}
.showcase-slide,.showcase-content,.showcase-content-wrapper,.showcase-content-container,.showcase-content-wrapper .img {height: 100% !important; width:100% !important; background-size: cover !important;}
.showcase-arrow-next{ background: rgba(0, 0, 0, 0) url("images/fle-der.png") no-repeat scroll 0 0;height: 101px;position: absolute;right: 0px;top: 40%;width: 51px;z-index: 99999999;}
.showcase-arrow-previous{ background: rgba(0, 0, 0, 0) url("images/fle-izq.png") no-repeat scroll 0 0;height: 101px;position: absolute;left: 0px;top: 40%;width: 51px;z-index: 99999999;}

.conter{background: rgba(0, 0, 0, 0) url("images/bg-center.jpg") repeat-x scroll center center / cover ;box-shadow: 0 10px 12px -4px;margin-top: -60px;padding-bottom: 52px;padding-top: 48px;position: relative;text-align: center;transform: skew(0deg, -183deg);-webkit-transform: skew(0deg, -183deg); -moz-transform: skew(0deg, -183deg); -ms-transform: skew(0deg, -183deg); -o-transform: skew(0deg, -183deg);width: 100%;z-index: 2;}

.conter .line{ transform: skew(0deg, -177deg);}
.conter .opc{   display: inline-block;font-family: hasteristico;font-size: 15px;height: 310px;letter-spacing: 1px;margin-left: 1%;margin-right: 1%;margin-top: 15px;max-height: 310px;min-width: 225px;overflow: hidden;width: 26%;}
.conter .opc h1{color: #5a3a29;font-family: diavlo;font-size: 22px;}
.conter .opc a{}
.conter .opc p{}
.conter .opc img{}

.footer{background: rgba(0, 0, 0, 0) url("images/bg-verde.jpg") no-repeat scroll center center / cover ;margin-top: -50px;position: relative;width: 100%;}
.footer .ambos{padding-bottom: 48px;padding-top: 103px;position: relative;text-align: center;width: 100%;}
.footer .ambos .izq{background: rgba(0, 0, 0, 0) url("images/rectangulo.png") no-repeat scroll center center / cover ;display: inline-block;font-family: hasteristico;letter-spacing: 1px;margin-left: 8%;margin-right: 8%;min-height: 330px;min-width: 398px;padding: 1%;width: 31%; position:relative;}
.footer .ambos .izq h1{color: #5a3a29;display: block;font-family: diavlo;font-size: 20pt;margin-bottom: 10px;margin-top: 25px;text-align: center;width: 100%;}
.footer .ambos .izq p{font-size: 14pt;line-height: 28px;text-align: left;}
.footer .ambos .izq .notas{}
.footer .ambos .izq .notas a{ text-decoration: none;}
.footer .ambos .izq .notas .imagi{border: 3px solid #fff;border-radius: 300px;box-shadow: 1px 1px 3px 2px #666;height: 220px;left: -129px;margin-top: -83px;position: absolute;top: 50%;width: 220px;z-index: 2147483647;}
.footer .ambos .izq .notas h1{}
.footer .ambos .izq .notas .titnoti{  background: rgba(0, 0, 0, 0) url("images/comi1.png") no-repeat scroll left top;color: #666;margin-left: 96px;text-decoration: none;}
.footer .ambos .izq .notas p{color: #000;margin-top: -5px;padding-left: 10px;padding-top: 43px;text-decoration: none !important;}
.footer .ambos .izq .notas .table{}
.footer .derechos{ bottom: 10px;color: #fff;font-family: hasteristico;font-size: 11pt;font-weight: normal;left: 13px;position: absolute;}
.footer .privacidad{bottom: 10px;left: 50%;position: absolute;text-align: center;width: 225px;}
.footer .privacidad a{ color: #fff;font-family: hasteristico;font-size: 11pt;text-decoration: none;}
.footer .privacidad a:hover{color:#ccc;}
.footer .creatto{bottom: 10px;position: absolute;right: 20px;}
.footer .creatto a{color: #fff;font-family: hasteristico;font-size: 11pt;text-decoration: none;}
.footer .creatto a:hover{color:#ccc;}