/* Font */
@font-face{font-family:'akzentconddb';src:url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; }
@font-face{font-family:'open_sansregular';src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Regular-webfont.eot');src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'opensansbold';src:url('https://www.ccpe.es/fonts/OpenSans/opensans-bold-webfont.eot');src:url('https://www.ccpe.es/fonts/OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/OpenSans/opensans-bold-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/OpenSans/opensans-bold-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/OpenSans/opensans-bold-webfont.svg#open_sanslight') format('svg');font-weight:bold;font-style:normal; }
@font-face{font-family:'opensanslight';src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Light-webfont.eot');src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:300;font-style:normal; }
@font-face{font-family:'opensanssemibold';src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Semibold-webfont.eot');src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal; }
@font-face{font-family:'opensansextrabold';src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');src:url('https://www.ccpe.es/fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('https://www.ccpe.es/fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');font-weight:800;font-style:normal; }

/*Fuentes*/
.arial{font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;}
.osans{font-family:'open_sansregular' !important;}
.osansb{font-family:'opensansbold' !important;}
.osansl{font-family:'opensanslight' !important;}
.osanssb{font-family:'opensanssemibold' !important;}
.osanseb{font-family:'opensansextrabold' !important;}
.aconddb{font-family:'akzentconddb' !important;}
.roboto{font-family:'Roboto Condensed';}
/*CONFIGURACION*/
.row{max-width:76.875em;}
.columns{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0;}
.rel{position:relative !important;}
.abs{position:absolute;top:0;left:0;}
.nothing{padding:0;}
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.fullwidth{width:100%;}
.em{font-style:italic;}
.bold{font-weight:bold;}
.color1{color:#000039 !important;}
.color2{color:#A70000 !important;}
.color3{color:#333 !important;}
.color4{color:#2A2A2A !important;}
.color-blanco{color:white !important;}
.fondo-blanco{background-color:white !important;}
.texto{color:#575757 !important;}
.boton{color:white;background-color:#000045;border:0.5px solid #000045;max-width:118px;width: 100%;transition: all 0.5s ease;padding: 15px;font-size:13px;line-height:13px;border-radius:0;display:block;text-align: center;}
.boton:hover,.boton:focus{color:#FFF;background-color:#d72a2a;}
h1{font-size:50px;line-height:55px;margin:0;}
h2{font-size:36px;line-height:41px;margin:0;}
h3{font-size:40px;line-height:45px;margin:0;}
h4{font-size:25px;line-height:30px;margin:0;}
h5{font-size:22px;line-height:27px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}

.iconos{display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;}
.menu-adaptable{width:39px;height:21px;margin-top:-3px;}
.menu_bar{display:none;}
.en-linea>*{display:inline-block;vertical-align:middle;}
.oculw{display:none;position:fixed;width:60px;height:60px;top:50%;z-index:999;right:0px;}
.pagination a:hover,
.pagination .current{background:#E5E5E5 !important;color:#333; }

body{font-family:'open_sansregular', sans-serif;;color:#000;background:white;}

.pagination li.current{background: transparent !important;padding: 0;}
.pagination li a{-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;padding: 15px 20px;margin-right: 5px;margin-bottom: 5px;color: #999999;display: inline-block;border: 1px solid #e6e6e6;background: #ffffff;transition: all 0.5s ease;}
.pagination li:hover a,.pagination li a:hover,.pagination li.current a{background:#FD4D40 !important;border-color:#FD4D40;color:#FFF;}

header{position:fixed;transition:all 0.5s ease;width:100%;z-index:99;top:0;background:#FFF;}
header .linea{padding:18px 0;border-bottom:2px solid #D4D4D4;transition:all 0.5s ease;}
header.flota .linea{padding:3px 0;}
header .logo{padding:0 30px;display:inline-block;transition:all 0.5s ease;margin:0;}
header .logo img{position:relative;z-index: 9;}
header .cuadro-info{display:table;height:30px;float:right;margin-top:23px;margin-left:15px;}
header .cuadro-info > *{display:table-cell;vertical-align:middle;padding-left:10px}
header .cuadro-info > p a{color:#333;}
header .cuadro-info > p a:hover i{opacity:0.6;}

/*Menu*/
nav{padding:25px 0 10px;display:inline-block;transition: all 0.5s ease;position:relative;z-index:99;}
nav > ul{line-height:15px;margin:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:14px;padding:0 15px}
nav > ul > li + li{margin-left:-3px;}
nav > ul > li > a{display:inline-block;font-size:14px;color:#2A2A2A;position:relative;padding:0;text-align:center;transition:all 0.5s ease;line-height:14px;}
nav > ul > li:hover > a,nav > ul > li > a:focus,nav > ul > li.active > a{color:#999999;}
/*Sub Menu*/
nav li ul{display:none;position:absolute;width:160px;padding-top:10px;}
nav li:hover > ul,
nav li:hover > ul a{display:block;z-index:99;}
nav > ul > li > ul > li{display:block;margin:0;}
nav > ul > li > ul > li:first-child{padding-top:10px;background:#F7F7F7 }
nav > ul > li > ul > li:last-child{padding-bottom:10px;background:#F7F7F7 }
nav > ul > li > ul > li > a{display:block;font-size:13px;line-height:14px;color:#333;background:#F7F7F7;position:relative;padding:8px 15px;}
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li.active > a{color:#000045;}


/*btn flotante debe ir afuera de footer*/
#back-top {position:fixed;bottom: 30px;left: 30px;z-index:2;}
#back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase;text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#a70000;background-image: url(../img/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transit8ion: 1s;transition: 1s;}
#back-top a:hover span {background-color:#000048;}

.banners .fondo{background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.banner-header{background-image:url(../img/banners/header.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/header.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/header.png',sizingMethod='scale')"}
.banner-portada{height:557px;background-color:#333;}
.banner-noso{height:472px;background-color:#333;background-image:url(../img/banners/nosotros.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale')"}
.banner-corr{height:472px;background-color:#333;background-image:url(../img/banners/corretaje.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/corretaje.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/corretaje.jpg',sizingMethod='scale')"}
.banner-proy{height:550px;background-color:#333;}

.lSAction > a{width:13px;height:18px;z-index:2;opacity:.9;top:48%;margin:0;}
.lSAction > .lSPrev{background:url(../img/iconos/left.png) no-repeat;left:20px;}
.lSAction > .lSNext{background:url(../img/iconos/right.png) no-repeat;right:20px;}

/*Formulario*/
form{width:100%;margin:0 auto;max-width:733px;}
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
form [type='time'],form [type='url'],form [type='color'],form textarea,form select,
form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,
form [type='month']:focus,form [type='week']:focus,form [type='email']:focus,form [type='number']:focus,form [type='search']:focus,form [type='tel']:focus,
form [type='time']:focus,form [type='url']:focus,form [type='color']:focus,form textarea:focus,form select:focus{font-size:15px;line-height:18px;background-color:#F2F4F3;border:0;z-index:9;box-shadow: none !important;height:44px;position:relative;color:#666;outline:0;border-radius:0;margin:0 0 30px;padding:10px 15px;background-position:right center;}
form textarea,form textarea:focus{height:180px;}
form label{font-size:15px;line-height:15px;padding-bottom:5px;color:#4A4A4A}
form label.error{font-size:13px;line-height:13px;position:absolute;color:white;background:#ff4949;bottom:-23px;width:100%;padding:5px;z-index:1;border-radius:0 0 5px 5px}
form label.error.valid{display:none !important;}
form ::placeholder{color:#666;opacity:1;}

.callout.primary,.callout.alert,.callout.success{padding:10px;color:#333;margin-bottom:10px;}

main{margin-top:100px;}

/*Pagina Principal*/
#portada .banners{padding:40px 0 25px;}
#portada .banners .cuadro{position:absolute;bottom:0;left:0;width:100%;height:250px;background:url(../img/iconos/fondo.png) no-repeat;background-size:100% 100%;text-align:center;opacity:.8;}
#portada .banners span{font-size:17px;line-height:22px;display:block;}
#portada .banners blockquote{font-size:45px;line-height:50px;max-width:535px;margin:0 auto;padding:85px 0 5px;}
#portada .banners .lSAction > a{width:20px;height:32px;}
#portada .banners .lSAction > .lSPrev{background:url(../img/iconos/flechal.png) no-repeat;left:10px;}
#portada .banners .lSAction > .lSNext{background:url(../img/iconos/flechad.png) no-repeat;right:10px;}
#portada .banners .lSSlideOuter .lSPager.lSpg{position: absolute;width: 100%;bottom: 55px;}
#portada .banners .lSSlideOuter .lSPager.lSpg>li a{background-color: #000045;border-radius: 0;height: 5px;width: 20px;}
#portada .banners .lSSlideOuter .lSPager.lSpg>li.active a, #portada .banners .lSSlideOuter .lSPager.lSpg>li:hover a{background-color: #0000A5;}
#portada .callout-1{padding:25px 0 100px;}
#portada .callout-1 .blog-principal{height:500px;margin-bottom:50px;}
#portada .callout-1 .blog-principal .img{width:100%;height:500px;background-repeat:no-repeat;background-size:auto 100%;background-position:center;}
#portada .callout-1 .fond{position:absolute;bottom:0;left:0;width:100%;height:340px;background:url(../img/iconos/fondo2.png) no-repeat;background-size:100% 100%;padding:110px 55px 0}
#portada .callout-1 .fond h2{padding-bottom:10px;border-bottom:2px solid #B2B2B2;}
#portada .callout-1 .fond h2 small{font-size:14px;line-height:20px;display:block;}
#portada .callout-1 .fond h2 a{color:white}
#portada .callout-1 .fond h2 a:hover{opacity:.7}
#portada .callout-1 .fond p{font-size:14px;line-height:20px;padding-top:10px;}
#portada .callout-1 h4{padding-bottom:15px;}
#portada .callout-1 h4 small{font-size:11px;line-height:16px;display:block;}
#portada .callout-1 .blog-lista{display:table;max-width:379px;width:100%;margin:0 auto 30px;}
#portada .callout-1 .blog-lista > *{display:table-cell;vertical-align:top;}
#portada .callout-1 .blog-lista .foto{width:90px;padding-right:15px;}
#portada .callout-1 .blog-lista .foto .img{width:75px;height:75px;background-repeat:no-repeat;background-size:auto 100%;}
#portada .callout-1 .blog-lista div p{line-height:16px;font-size:15px;height:75px;border-bottom:2px solid #D8D8D8;}
#portada .callout-1 .blog-lista div p a{color:#333;}
#portada .callout-1 .blog-lista div p a:hover{color:#d72a2a;}
#portada .callout-1 .blog-lista div span{font-size:11px;line-height:16px;display:block;}
#portada .callout-1 .fondo-plomo{background:#E6E6EC;padding-top:30px;margin-bottom:50px;}
#portada .callout-1 .centrar{max-width:200px;margin:0 auto;}
.redes{display:table;height:25px;}
.redes > *{display:table-cell;vertical-align:middle;}
.redes > p + p{padding-left:20px;}
.redes > p a{color:#333;font-size:15px;left:15px;}
.redes > p a:hover{opacity:.7}
#portada .callout-1 .conec{padding-top:40px;display:block;font-size:11px;line-height:11px;padding-bottom:5px;}
#portada .callout-1 .ente{font-size:24px;line-height:30px;padding-bottom:0px;letter-spacing:-1px;}
#portada .callout-1 .suscri{padding-top:30px;max-width:425px;margin:0 auto}
#portada .callout-1 .suscri [type='text']{border:1px solid #000045;background:white;font-size:13px;line-height:15px;height:52px;max-width:265px;display:inline-block;margin-bottom:15px;}
#portada .callout-1 .suscri button{background:#000045;float:right;color:white;height:52px;width:160px;}
#portada .callout-1 .suscri button:hover{background:#d72a2a;}
#portada .callout-1 .suscri input[type=checkbox]{position:relative;cursor:pointer;margin:0}
#portada .callout-1 .suscri input[type=checkbox]:before{content:"";display:block;position:absolute;width:15px;height:15px;top:0;left:0;border:1px solid#333333;border-radius:3px;background-color:#e6e6ec;}
#portada .callout-1 .suscri input[type=checkbox]:checked:after{content:"";display:block;width:5px;height:10px;border:solid #333333;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:1px;left:5px;}
#portada .callout-1 .suscri [type='checkbox'] + label{width:calc(100% - 25px);margin:0;float:right;font-size:12px;line-height:16px;}
#portada .callout-1 .titu{padding-bottom:55px;}
.servicio{display:table;height:129px;max-width:577px;background:#F9F9F9;padding:15px 35px;width:100%;margin-bottom:30px;}
.servicio > *{display:table-cell;vertical-align:middle;}
.servicio > div a{font-size:25px;line-height:30px;color:#333;display:inline-block;letter-spacing:-1px;}
.servicio > div a.tit2{color:#A70000;}
.servicio > div a:hover{color:#9e0000;}
.servicio .ima{width:100px;}
.servicio .imagen{width:100px;height:100px;border:3px solid #000024;border-radius:15px;}
.servicio .imagen.ima2{border-color:#A70000;}
.servicio .final{padding-left:20px;}
#portada .callout-1 #carousel-2 figure{height:100px;margin:10px 15px;}
#portada .callout-1 .lSAction > .lSPrev{left:0;}
#portada .callout-1 .lSAction > .lSNext{right:0;}

/*Nosotros*/
#nosotros .callout-1{padding:45px 0 80px;}
#nosotros .callout-1 h4{padding-bottom:40px;letter-spacing:-1px;}
#nosotros .callout-1 h4 small{display:block;font-size:11px;line-height:11px;}
#nosotros .callout-1 .descripcion > *{font-size:15px;line-height:20px;color:#333;}
#nosotros .callout-1 .descripcion > p{padding-bottom:20px;}
#nosotros .callout-1 .descripcion > ul{margin-left:50px;}
#nosotros .callout-1 .descripcion > ul li{padding-left:20px;padding-bottom:5px;}
#nosotros .callout-1 .cuadro{padding:60px 30px;min-height:380px;background:#F9F9F9;max-width:380px;margin:60px auto 30px}
#nosotros .callout-1 .cuadro h4{padding:20px 0 15px;}
#nosotros .callout-1 .cuadro p{font-size:15px;line-height:20px;}
#nosotros .callout-1 .cuadro ul li{font-size:15px;line-height:20px;padding-left:10px;color:#333}
#nosotros .callout-1 .socio{display:table;width:100%;background:#000045;margin-bottom:60px;height:486px}
#nosotros .callout-1 .socio > *{display:table-cell;vertical-align:middle;color:white;}
#nosotros .callout-1 .socio > .imagen{width:484px;}
#nosotros .callout-1 .socio h5{font-size:24px;line-height:30px;padding-bottom:15px}
#nosotros .callout-1 .socio .descri{padding-left:50px;padding-right:50px;}
#nosotros .callout-1 .socio .descri p{font-size:15px;line-height:20px;padding-bottom:20px}
#nosotros .callout-1 .socio .descri ul li{font-size:15px;line-height:20px;padding-left:10px;}
#nosotros .callout-1 .socio.socio2{background:#F9F9F9;}
#nosotros .callout-1 .socio.socio2 > *{color:#333;}
#nosotros .callout-1 .servicio > div a:hover{color:#9e0000;}
#nosotros .callout-1 .separar{height:50px;}

/*Agenda*/
#agenda .callout-1{padding:45px 0 80px;}
#agenda .callout-1 h4{padding-bottom:40px;letter-spacing:-1px;}
#agenda .callout-1 h4 small{display:block;font-size:11px;line-height:11px;}
#agenda .callout-1 .calen{;height:69px;margin-bottom:85px}
#agenda .callout-1 .calen > li{display:inline-block;vertical-align:middle;width:69px;}
#agenda .callout-1 .calen > li + li{margin-left:15px;}
#agenda .callout-1 .calen > li a{background:#F9F9F9;color:#000045;font-size:20px;line-height:69px;display:block;text-align:center;width:69px;height:69px}
#agenda .callout-1 .calen > li.activo a,
#agenda .callout-1 .calen > li:hover a,
#agenda .callout-1 .calen > li a:hover,
#agenda .callout-1 .calen > li a:focus{background:#000045;color:#FFF;}
#agenda .callout-1 .agenda{display:table;width:100%;margin-bottom:70px}
#agenda .callout-1 .agenda > *{display:table-cell;vertical-align:top;}
#agenda .callout-1 .agenda .foto{width:204px;}
#agenda .callout-1 .agenda .detalle{padding-left:30px;padding-right:20px}
#agenda .callout-1 .agenda .detalle h5{padding-bottom:10px}
#agenda .callout-1 .agenda .detalle h5 a{color:#2A2A2A}
#agenda .callout-1 .agenda .detalle h5 a:hover{color:#9e0000}
#agenda .callout-1 .agenda .detalle h5 small{font-size:12px;line-height:12px;display:block;padding-bottom:10px}
#agenda .callout-1 .agenda .detalle p{font-size:14px;line-height:20px;padding-bottom:10px}
#agenda .callout-1 .agenda .detalle .redes{width:100%;height:40px;border-top:1px solid #D6D6D6;}
#agenda .callout-1 .agenda .detalle .redes > *{vertical-align:middle;}
#agenda .callout-1 .agenda .detalle .redes > p{padding:0 0 0 20px; }
#agenda .callout-1 .agenda .detalle .redes p:first-child{width:230px;padding:0}

/*Agenda*/
#infomercado .callout-1{padding:45px 0 120px;}
#infomercado .callout-1 h4{padding-bottom:40px;letter-spacing:-1px;}
#infomercado .callout-1 h4 small{display:block;font-size:11px;line-height:11px;letter-spacing:0}
#infomercado .callout-1 .archivo{background:#F9F9F9;padding:40px 60px;height:540px;margin-bottom:30px;}
#infomercado .callout-1 .archivo h4{font-size:28px;line-height:34px;padding:15px 0;}
#infomercado .callout-1 .archivo img{border-radius:10px;}
#infomercado .callout-1 .archivo .descri{height:265px;margin-bottom:10px}
#infomercado .callout-1 .archivo .descri p{font-size:17px;line-height:22px;padding-bottom:10px;color:#333}
#infomercado .callout-1 .archivo .btn{font-size:20px;line-height:20px;color:#000045}
#infomercado .callout-1 .archivo .btn{color:#d72a2a}

/*Contacto*/
#contacto .callout-1{padding:45px 0 120px;}
#contacto .callout-1 h4{padding-bottom:40px;letter-spacing:-1px;}
#contacto .callout-1 h4 small{display:block;font-size:11px;line-height:11px;letter-spacing:0}
#contacto .callout-1 .descri p{font-size:17px;line-height:22px;color:#333;padding-bottom:20px;}
#contacto .callout-1 form{width:100%;margin:0;max-width:733px;}
#contacto .callout-1 form .rela{max-width:341px;width:100%;}
#contacto .callout-1 form .rela2{max-width:100%;width:100%;}
#contacto .callout-1 form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
#contacto .callout-1 #contacto .callout-1 form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
#contacto .callout-1 form [type='time'],form [type='url'],form [type='color'],form textarea,form select,
#contacto .callout-1 form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,
#contacto .callout-1 form [type='month']:focus,form [type='week']:focus,form [type='email']:focus,form [type='number']:focus,form [type='search']:focus,form [type='tel']:focus,
#contacto .callout-1 form [type='time']:focus,form [type='url']:focus,form [type='color']:focus,form textarea:focus,form select:focus{font-size:15px;line-height:18px;background-color:#F2F4F3;border:0;z-index:9;box-shadow: none !important;height:36px;position:relative;color:#666;outline:0;border-radius:0;margin:0 0 14px;padding:10px 15px;background-position:right center;}
#contacto .callout-1 form textarea,#contacto .callout-1 form textarea:focus{height:150px;}
#contacto .callout-1 form label{font-size:15px;line-height:15px;padding-bottom:5px;color:#4A4A4A}
#contacto .callout-1 form label.error{font-size:10px;line-height:10px;position:absolute;color:white;background:#ff4949;bottom:-13px;width:100%;padding:2px 5px;z-index:1;border-radius:0 0 5px 5px}
#contacto .callout-1 form label.error.valid{display:none !important;}
#contacto .callout-1 form .rela.float-right label.error{bottom:0;}
#contacto .callout-1 form ::placeholder{color:#666;opacity:1;}
#contacto .callout-1 .boton{margin-top:20px;}
#contacto .callout-1 .clearfix{padding-bottom:50px;}

/*Publicacion*/
#publica .callout-1{padding:45px 0 70px;}
#publica .callout h4{padding-bottom:40px;letter-spacing:-1px;}
#publica .callout h4 small{display:block;font-size:11px;line-height:11px;}
#publica .callout-1 .rela{padding:45px 35px;background:#E6E6EC;}
#publica .callout-1 .rela2{height:370px;}
#publica .callout-1 .publigran{position:relative;margin-bottom:100px;}
#publica .callout-1 .publigran .blanco{position:absolute;left:60px;bottom:50px;padding:25px 30px 30px;background:rgba(255,255,255,.94);width:754px;}
#publica .callout-1 .publigran .blanco span{font-size:14px;line-height:14px;padding-bottom:5px;display:block;}
#publica .callout-1 .publigran .blanco h2{padding-bottom:15px;border-bottom:2px solid #B2B2B2;margin-bottom:15px;}
#publica .callout-1 .publigran .blanco h2 a{color:#000039;}
#publica .callout-1 .publigran .blanco h2 a:hover{color:#d72a2a;}
#publica .callout-1 .publigran .blanco p{font-size:14px;line-height:20px;}
#publica .callout-1 .publigran .blanco p a{color:#000039;}
#publica .callout-1 .publigran .blanco p a:hover{color:#d72a2a;}
#publica .callout-1 .publipeque{margin:0 auto 50px;max-width:373px;width:100%;height:500px}
#publica .callout-1 .publipeque span{font-size:14px;line-height:14px;padding:25px 0 15px;display:block;}
#publica .callout-1 .publipeque h5{font-size:18px;line-height:18px;height:80px;border-bottom:2px solid #B2B2B2;margin-bottom:15px;}
#publica .callout-1 .publipeque h5 a{color:#000039;}
#publica .callout-1 .publipeque h5 a:hover{color:#d72a2a;}
#publica .callout-1 .publipeque figure{overflow:hidden;}
#publica .callout-1 .publipeque figure a{width:100%;height:100%;}
#publica .callout-1 .publipeque figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
#publica .callout-1 .publipeque figure:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
#publica .callout-1 .publipeque p{font-size:14px;line-height:20px;}
#publica .callout-1 .publipeque p a{color:#000039;}
#publica .callout-1 .publipeque p a:hover{color:#d72a2a;}
#publica .callout-1 #carousel-3 li div:hover img{opacity:.8;}
#publica .callout-1 .lSSlideOuter .lSPager.lSpg>li a{background-color:#E3E3E3;border-radius:50%;height:15px;width:15px;}
#publica .callout-1 .lSSlideOuter .lSPager.lSpg>li.active a,
#publica .callout-1 .lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#000045;}
#publica .callout-2{padding:45px 0 70px;}
#publica .callout-2 .img{margin-bottom:55px;}
#publica .callout-2 h1{font-size:46px;line-height:52px;padding-bottom:35px;}
#publica .callout-2 blockquote{font-size:20px;line-height:26px;padding-bottom:50px}
#publica .callout-2 .descrip > * {font-size:20px;line-height:26px;padding-bottom:30px;color:#333}
#publica .callout-2 .incer{font-size:17px;line-height:22px;color:#646464;padding-top:10px;background:url(../img/iconos/linea.jpg) no-repeat;}

/*Gastronomia*/
#gastronomia .callout-1{padding:45px 0 120px;}
#gastronomia .callout-1 h4{padding-bottom:40px;letter-spacing:-1px;}
#gastronomia .callout-1 h4 small{display:block;font-size:11px;line-height:11px;letter-spacing:0}
#gastronomia .callout-1 .descri{padding-bottom:30px;}
#gastronomia .callout-1 .descri > *{font-size:15px;line-height:20px;color:#333;padding-bottom:20px;}
#gastronomia .callout-1 .descri > ul{margin:0 0 0 50px;}
#gastronomia .callout-1 .descri > ul li{padding-left:10px;}
#gastronomia .callout-1 .extra{display:table;width:100%;margin-bottom:60px;background:#F9F9F9;padding:70px 45px;}
#gastronomia .callout-1 .extra > *{display:table-cell;vertical-align:middle;}
#gastronomia .callout-1 .extra > .imagen{width:284px;}
#gastronomia .callout-1 .extra > .detalle{width:calc(100% - 294px);padding-left:55px;}
#gastronomia .callout-1 .extra > .detalle h5{font-size:24px;line-height:30px;padding-bottom:16px}
#gastronomia .callout-1 .extra > .detalle p{font-size:15px;line-height:20px;color:#333;padding-bottom:20px;}
#gastronomia .callout-1 .extra > .detalle ul li{font-size:15px;line-height:20px;color:#333;padding-left:15px;}

.modalgeneral{max-width:1200px;width:100%;outline:0;min-height:460px;padding:80px 100px;}
.modalgeneral .close-button{font-size:35px;line-height:35px;outline:0;}
.modalgeneral .cuerpo .imagen{width:294px;display:inline-block;}
.modalgeneral .cuerpo .descrip{width:calc(100% - 320px);float:right;padding-top:15px;}
.modalgeneral .cuerpo .descrip img{margin-bottom:15px;}
.modalgeneral .cuerpo .descrip h5{font-size:26px;line-height:32px;padding-bottom:10px;}
.modalgeneral .cuerpo .descrip p{font-size:15px;line-height:20px;padding-bottom:10px;color:#333;}
.modalgeneral .cuerpo .descrip ul li{font-size:15px;line-height:20px;padding-left:10px;color:#333}
.modalgeneral .cuerpo .descrip a{color:#333;}
.modalgeneral .cuerpo .descrip a:hover{color:#333;text-decoration:underline;}
.modalgeneral .orbit-container{outline:0;height:650px !important;overflow: visible;}
.modalgeneral .orbit-container > li{outline:0;height:580px !important;}
.modalgeneral .orbit-container > li p{font-size:15px;line-height:20px;padding-bottom:20px;color:#333}
.modalgeneral .orbit-container > li p strong{font-size:19px;line-height:24px;color:#000041}
.modalgeneral .orbit-container > li ul{margin-bottom:20px;}
.modalgeneral .orbit-container > li ul li{font-size:15px;line-height:20px;padding-left:10px;color:#333}
.modalgeneral .orbit-bullets{width:100%;margin:0;display:block;overflow: visible;}
.modalgeneral .orbit-bullets button{outline:0;background:#E3E3E3;width:15px;height:15px;}
.modalgeneral .orbit-bullets > button + button{margin-left:20px;}
.modalgeneral .orbit-bullets button.is-active{background:#000045}
.modalgeneral .orbit-previous,.modalgeneral .orbit-next{background-color:#F7F7F7;}
.modalgeneral .orbit-previous{left:-65px}
.modalgeneral .orbit-next{right:-65px}

/*footer*/
#ModalAgenda.modalgeneral{max-width:1095px;padding:115px 65px;}
#ModalAgenda.modalgeneral .cuerpo .imagen{width:410px;}
#ModalAgenda.modalgeneral .cuerpo .descrip{width:calc(100% - 415px);float:right;padding:40px 55px 0;}
#ModalAgenda.modalgeneral .cuerpo .descrip img{margin:0}
#ModalAgenda.modalgeneral .cuerpo .descrip h5{font-size:34px;line-height:40px;padding-bottom:25px;letter-spacing:-1px}
#ModalAgenda.modalgeneral .cuerpo .descrip h5 small{font-size:19px;line-height:24px;display:block;padding-bottom:10px;}
#ModalAgenda.modalgeneral .cuerpo .descrip p{font-size:16px;line-height:22px;padding-bottom:25px;color:#333;}
#ModalAgenda.modalgeneral .cuerpo .descrip p.des{padding-bottom:50px;}
#ModalAgenda.modalgeneral .cuerpo .descrip p.dat{font-size:16px;line-height:22px;}
#ModalAgenda.modalgeneral .cuerpo .descrip .redes{width:100%;height:40px;border-top:1px solid #D6D6D6;}
#ModalAgenda.modalgeneral .cuerpo .descrip .redes > *{vertical-align:middle;}
#ModalAgenda.modalgeneral .cuerpo .descrip .redes > p{padding:0 0 0 20px; }
#ModalAgenda.modalgeneral .cuerpo .descrip .redes p:first-child{width:335px;padding:0}

/*footer*/
footer{background:transparent;padding:0;}
footer .linea{border-top:2px solid #D4D4D4;padding:25px 0}
footer .logo{display:inline-block;}
footer p{font-size:15px;line-height:20px;padding-bottom:5px;color:white;}
footer ol{padding:0 0;text-align:right;}
footer ol > li{display:inline-block;line-height:14px;}
footer ol > li + li{padding-left:20px;}
footer ol > li > a{display:inline-block;font-size:14px;color:#2A2A2A;position:relative;padding:0;text-align:center;transition:all 0.5s ease;line-height:14px;}
footer ol > li:hover > a,footer ol > li > a:focus,footer ol > li.active > a{color:#999999;}
footer .suscri{padding-top:40px;max-width:318px;margin:0 auto;float:right;}
footer .suscri [type='text']{border:1px solid #000045;background:white;font-size:13px;line-height:15px;height:40px;max-width:200px;display:inline-block;margin-bottom:15px;}
footer .suscri button{background:#000045;float:right;color:white;font-size:13px;line-height:13px;height:40px;width:118px;}
footer .suscri button:hover{background:#d72a2a;}
.footer-final{background:#535E68;padding:15px 0;border-bottom:1px solid #74838F;border-top:1px solid #74838F;}
.footer-final p{font-size:15px;line-height:20px;padding:0;color:#FFF;}
.orbit-slide{max-height:100% !important;}
@media screen and (max-width: 76em){
	header .cuadro-info > *{padding-left:15px}
	.modalgeneral{padding:60px;}
	#agenda .callout-1 .calen{height:auto;max-width:500px;margin:0 auto 60px;}
	#agenda .callout-1 .calen > li + li{margin-left:0;}
	#agenda .callout-1 .calen > li{padding:5px;width:79px;}
}

@media screen and (max-width: 73em){
	nav > ul > li{padding:0 8px}
	header .cuadro-info{margin-left:5px;}
	header .cuadro-info > *{padding-left:10px}
}

@media screen and (max-width: 63.999em){
	header .cuadro-info{margin-left:15px;margin-top:15px;}
    header .menu_bar{display:inline-block;text-align:right;margin:17px 0;transition: all 0.5s ease;}
    .menu_bar a{display:inline-block;}
    /*Menu*/
    header.flota nav{padding:0}
    nav{display:none;position:absolute;z-index:99;width:100%;left:0;padding:0;margin:0;}
    nav ul{display:block;border-bottom:1px solid #d0d0d0;}
    nav ul li{display:block;border-top:1px solid #d0d0d0;padding:0;}
    nav ul li + li{padding-left:0;}
    nav > ul > li > a{display:block;font-size:14px;line-height:14px;color:#2A2A2A;padding:8px 0;border-radius:0;background:#F7F7F7;border:0;text-align:center}
    nav > ul > li:hover> a, nav > ul > li> a:focus, nav > ul > li.active> a{color:#000045;background:#F7F7F7;}
	/*Sub Menu*/
  	nav li ul{position:relative;width:100%;left:0;border-bottom:0;border-top:0 !important;}
  	nav > ul > li > ul{padding-top:0}
  	nav li:hover > ul{display:none;background:transparent;}
  	nav > ul > li > ul > li:first-child,nav > ul > li > ul > li:last-child{padding:0;background:transparent;}
  	nav > ul > li > ul > li{display:block;background-color:#F7F7F7;margin:0;text-align:center;}
  	nav > ul > li > ul > li + li{border-top:0;margin:0;}
  	nav > ul > li > ul > li > a{display:block;font-size:15px;line-height:15px;color:#333;padding:8px 0;background:#F7F7F7}
  	nav > ul > li > ul > li:hover > a{color:#000045;background:#F7F7F7;}
    .banner-portada{height:460px;}
    #portada .callout-1 .fond{height:auto;background-size:100% 100%;padding:30px 40px}
	footer .logo{display:block;margin:0 auto 15px;max-width:150px;}
	footer .redes{margin:0 auto;}
	#nosotros .callout-1 .socio > *{display:block;}
	#nosotros .callout-1 .socio > .imagen{max-width:484px;width:100%;margin:0 auto 20px;}
	#nosotros .callout-1 .socio .descri{padding:0 30px 30px;}
	.modalgeneral{padding:60px 30px;}
	#publica .callout-1 .publigran .blanco{position:relative;left:0;bottom:0;max-width:754px;width:100%}
}

@media screen and (max-width: 57em){
	.servicio{padding:10px 20px;}
	.servicio .ima{width:85px;}
	.servicio .ima .imagen{width:85px;height:85px;}
	.servicio > div a{font-size:20px;line-height:25px;}
	.servicio > div a br{display:none;}
}

@media only screen and (max-width:39.99em){
	header .cuadro-info{display:none;}
	header .logo{padding:0;}
    .banner-portada{height:350px;}
    #portada .banners blockquote{font-size:35px;line-height:40px;}
    #portada .callout-1 .blog-principal{margin-bottom:30px;}
    #portada .callout-1 .blog-principal .fond p{display:none;}
	#portada .callout-1 .fond h2{padding:0;border:0;}
	#portada .callout-1 .conec{padding-top:10px;}
	#portada .callout-1 .suscri{max-width:298px;}
	#portada .callout-1 .suscri [type='text']{max-width:180px}
	#portada .callout-1 .suscri button{width:118px;}
	footer .suscri{float:none;padding-top:0}
	footer ol{padding:30px 0;margin:0;}
	#nosotros .callout-1 .descripcion > ul{margin-left:20px;}
	#nosotros .callout-1 .descripcion > ul li{padding-left:0;}
	#nosotros .callout-1 .cuadro{padding:30px;min-height:340px;margin:20px auto;}
	#nosotros .callout-1 .socio .descri{padding:0 15px 30px;}
	.modalgeneral .cuerpo .imagen{max-width:294px;width:100%;display:block;margin:0 auto 20px;}
	.modalgeneral .cuerpo .descrip{width:100%;float:none;padding-top:10px;}
	.modalgeneral .orbit-container{outline:0;height:100% !important;}
	.modalgeneral .orbit-container > li{outline:0;height:100% !important;}
	#infomercado .callout-1 .archivo{padding:40px 30px;height:auto;}
	#infomercado .callout-1 .archivo .descri{height:auto;}
	#agenda .callout-1 .agenda > *{display:block;}
	#agenda .callout-1 .agenda .foto{max-width:204px;width:100%;margin:0 auto 20px;}
	#agenda .callout-1 .agenda .detalle{max-width:381px;margin:0 auto;padding:0 15px;}
	#gastronomia .callout-1 .descri > ul{margin-left:20px;}
	#gastronomia .callout-1 .descri > ul li{padding-left:0}
	#gastronomia .callout-1 .extra{padding:60px 25px;}
	#gastronomia .callout-1 .extra > *{display:block;}
	#gastronomia .callout-1 .extra > .imagen{max-width:284px;width:100%;margin:0 auto 20px;}
	#gastronomia .callout-1 .extra > .detalle{width:100%;padding-left:0;}
	#gastronomia .callout-1 .extra > .detalle ul li{padding-left:0}
	#publica .callout-1 .publigran .blanco{padding:15px 0;}
	#publica .callout-2 .incer{padding:15px 15px 30px 0;}
	#portada .callout-1 .blog-principal{height:250px;}
	#portada .callout-1 .blog-principal .img{width:100%;height:250px;}
	#ModalAgenda.modalgeneral{padding:70px 20px;}
	#ModalAgenda.modalgeneral .cuerpo .descrip{width:100%;float:none;padding:10px 10px 0;}
	.modalgeneral .orbit-previous{left:-25px;}
	.modalgeneral .orbit-next{right:-25px;}
	.modalgeneral .orbit-previous, .modalgeneral .orbit-next{padding:5px;}
	.modalgeneral .orbit-previous img, .modalgeneral .orbit-next img{width:10px;}
}

@media screen and (max-width: 28em){
    #portada .callout-1 .fond{padding:20px 30px}
	#portada .callout-1 .fond h2{font-size:30px;line-height:35px;}
	.servicio{padding:10px 15px;}
	.servicio .final{padding-left:10px;}
}

/* min widt*/
@media only screen and (min-width: 61em){

}

@media only screen and (min-width: 50.500em){

}

@media only screen and (min-width: 75em){

}