/* 
    Created on : 04/02/2015
    Author     : El Puente Publicidad SLU
*/

/**FUENTES*/
@font-face {
    font-family:'novelight';
    src: url('fonts/novecentowide-light-webfont.eot');
    src: url('fonts/novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-light-webfont.woff') format('woff'),
         url('fonts/novecentowide-light-webfont.ttf') format('truetype'),
         url('fonts/novecentowide-light-webfont.svg#novelight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'demibold';
    src: url('fonts/novecentowide-demibold-webfont.eot');
    src: url('fonts/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-demibold-webfont.woff') format('woff'),
         url('fonts/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('fonts/novecentowide-demibold-webfont.svg#demibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'novenormal';
    src: url('fonts/novecentowide-normal-webfont.eot');
    src: url('fonts/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-normal-webfont.woff') format('woff'),
         url('fonts/novecentowide-normal-webfont.ttf') format('truetype'),
         url('fonts/novecentowide-normal-webfont.svg#novenormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'lucida';
    src: url('fonts/lucida_grande-webfont.eot');
    src: url('fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida_grande-webfont.woff') format('woff'),
         url('fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('fonts/lucida_grande-webfont.svg#lucida') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'gotic';
	src: url('fonts/gothic-webfont.eot');
	src: url('fonts/gothic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/gothic-webfont.woff') format('woff'),
        url('fonts/gothic-webfont.ttf') format('truetype'),
        url('fonts/gothic-webfont.svg#gotic') format('svg');
        font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'calireg';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#calireg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html body{margin: 0px;padding:0px; width: 100%; position:relative; color: #5e6f70; font-family: lucida; background: url(images/bgpagina.jpg) repeat top center; line-height: normal !important;} 
input{margin: 0px;padding:0px;} 
h1, h2, h3, h4, p{margin:0px; padding:0px;} 
a{text-decoration:none; margin:0px; padding:0px;}
ul{margin:0px; padding: 0px;}
a:hover{text-decoration: underline;}
.limpieza{clear:both;} 
.negrita{font-weight:bold;}
.caparelativa{position:relative;}
.capaizq{float:left;} .capader{float:right;}
.txcent{text-align:center;}
.capaoculta{display:none;}
.capahidden{visibility: hidden;}
.imgresponsive{max-width: 100%; height: auto;}
img{border: 0;}
iframe{width: 100%;}
/**ALTURAS*/
.altura3{height: 3px;}
.altura5{height: 5px;}
.altura8{height: 8px;}
.altura10{height: 10px;}
.altura12{height: 12px;}
.altura13{height: 13px;}
.altura16{height: 16px;}
.altura18{height: 18px;}
.altura19{height: 19px;}
.altura20{height: 20px;}
.altura22{height: 22px;}
.altura23{height: 23px;}
.altura26{height: 26px;}
.altura27{height: 27px;}
.altura31{height: 31px;}
.altura37{height: 37px;}
.altura35{height: 35px;}
.altura39{height: 39px;}
.altura43{height: 43px;}
.altura46{height: 46px;}
.altura53{height: 53px;}
.altura59{height: 59px;}
.altura75{height: 75px;}
.altura118{height: 118px;}
.altura157{height: 157px;}


/**INDEX*/
.menuresponsive{display:none;}
.capapagina{width:100%; max-width: 1169px; margin: 0px auto; position: relative; background: #fff; 
-moz-box-shadow:
         5px 0 5px -5px rgba(213, 213, 212, 1),
        -5px 0 5px -5px rgba(213, 213, 212, 1);
    -webkit-box-shadow:
        5px 0 5px -5px rgba(213, 213, 212, 1),
        -5px 0 5px -5px rgba(213, 213, 212, 1);
    box-shadow:
        5px 0 5px -5px rgba(213, 213, 212, 1),
        -5px 0 5px -5px rgba(213, 213, 212, 1);
/**-webkit-box-shadow:0px -1px 15px 0px rgba(213, 213, 212, 1); -moz-box-shadow:0px -1px 15px 0px rgba(213, 213, 212, 1); 
box-shadow:0px -1px 15px 0px rgba(213, 213, 212, 1);*/}

#bordecabecera{width:100%; background: #444444; height: 7px;}
.capacontenido{width:100%; max-width: 1021px; margin: 0px auto; position: relative;}
#col1cabsup{width: 50%; float: left;}
#icotelcab{width:13px; height: 13px; background: url(images/css_sprite.png) no-repeat top center; background-position: -5px -3px; float: left; margin-top: 2px;}
#telcab{font-family: novenormal; font-size: 13px; float: left; color: #000; margin-left: 15px;}
#icomailcab{width:12px; height: 9px; background: url(images/css_sprite.png) no-repeat top center; background-position: -35px -12px; float: left; margin-left: 15px;}
#mailcab{font-family: demibold; font-size: 9px; float: left; color: #fff; margin-left: 15px;}
#col2cabsup{width: 50%; float: right;}
#icocuentacab{width:15px; height: 12px; background: url(images/css_sprite.png) no-repeat top center; background-position: -59px -10px; float: right; margin-right: 15px;}
#txcuentacab{font-family: demibold; font-size: 9px; float: right; color: #fff; margin-right: 15px;}
#sepcuentascab{width:1px; background: #fff; height: 7px; float: right; margin-right: 15px;}
#icoregistrocab{width:17px; height: 9px; background: url(images/css_sprite.png) no-repeat top center; background-position: -87px -13px; float: right; margin-right: 15px;}
#txregistrocab{font-family: demibold; font-size: 9px; float: right; color: #fff; }
#izqcabecera{float: left; padding-bottom:19px ; margin-bottom: 19px; border-bottom: 1px solid #f5f5f5;}
#headerlogo{max-width: 527px; margin: 0px auto;}
#headerlogo img{width: 100%; height: auto;}
#capacentcab{width: 534px; float: left; margin-left: 86px;}
#redescab{width:92px; float: left;}
#ytbcab{width:26px; height: 26px; position: relative; float: left; background: url(images/css_sprite.png) no-repeat top center; background-position: -12px -32px;}
#ytbcab a{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; display: block; background: #000; opacity: 0; transition: all 0.6s ease-out 0s;transform: scale(0.95);}
#ytbcab a:hover{opacity: 0.20; transition: all 0.2s ease-in 0s;transform: scale(1);}
#fbbcab{width:26px; height: 26px; position: relative; margin-left: 6px; margin-right: 6px; float: left; background: url(images/css_sprite.png) no-repeat top center; background-position: -44px -33px;}
#fbbcab a{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; display: block; background: #000; opacity: 0; transition: all 0.6s ease-out 0s;transform: scale(0.95);}
#fbbcab a:hover{opacity: 0.20; transition: all 0.2s ease-in 0s;transform: scale(1);}
#twbcab{width:26px; height: 26px; position: relative; float: right; background: url(images/css_sprite.png) no-repeat top center; background-position: -79px -33px;}
#twbcab a{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; display: block; background: #000; opacity: 0; transition: all 0.6s ease-out 0s;transform: scale(0.95);}
#twbcab a:hover{opacity: 0.20; transition: all 0.2s ease-in 0s;transform: scale(1);}
#buscadorcab{float: right; width: 289px; }
.inputbuscador{width: 98%; padding-left: 2%; height: 26px; background: #f1f1f1; color: #5e6f70; font-family: lucida; font-size: 11px; border:0px;}
.btbuscador{width:14px; height: 13px; position: absolute; top: 7px; right:5px; cursor: pointer; background: url(images/css_sprite.png) no-repeat top center; background-position: -117px -11px;}
#capabannernoini{text-align: center;}
#idiomas{float:right; width:48px;}
#idiomas a{width:19px; height: 13px; }
#esp{float: left; background: url(images/css_sprite.png) no-repeat top center; background-position: -31px -21px; }
#eng{float: right; background: url(images/css_sprite.png) no-repeat top center; background-position: -60px -21px; }
.espsel{background-position: -31px -4px !important;}
.engsel{float: right; background-position: -60px -4px !important; }
.capaacceso{width:323px; float: right; background: #bdd2ea; padding:13px 16px 13px 14px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.inputlogin{width:112px; padding-left:9px; padding-bottom:4px; padding-top:4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#c3c3c3; float: left; background:#fff; border:0px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right:7px;}
.btlogin{width:64px; float: right; cursor:pointer;background:#e8e8e8; color:#849ac4; text-align: center; padding:4px 0px 4px 0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.titbienv{font-size:14px; font-family: novenormal; color:#5277b6; width:50%; float: left;}

.cuerpobtsup{}
.iconoaulaonline{ float:left; position:relative; margin:1px 0 0;}
.iconoaulaonline a{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
.btgamweb{width:153px; height: 32px; background:url(images/btgamweb.png) no-repeat top center; float:right; position: relative;}
.btgamweb a{position: absolute; top:0px; left:0px; display: block; width:100%; height: 100%;}

.btempleo{width:153px; height: 32px; background:url(images/btbolsaempleo.jpg) no-repeat top center; margin:0px 10px 0px 0px; float:right; position: relative;}
.btempleo a{position: absolute; top:0px; left:0px; display: block; width:100%; height: 100%;}

.empresaspie{ float:left; width:33.33%;}
.empresaspie img{ max-width:100%; height:auto;}

/**MENU*/
#menu{position: relative; float: left; width:635px;  border-bottom: 1px solid #ededed; margin-top:13px;}
#menu > ul li{float: left; list-style: outside none none; position: relative; text-transform: uppercase; padding:0px 0px 16px;}
.sepmenu{float: left; width:1px; /*background: #aaaaaa;*/ margin-left: 29px; margin-right: 22px; height: 9px ; margin-top: 1px;}

.titulomenu{color: #444444; font-family: novenormal; font-size: 13px; float: right;}

#menu > ul > li a{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block;}

#menu > ul li > ul{display:none; background:#fff; position:absolute; top:100%; left:-21px; width:155px; z-index:110; padding:10px 0px 0px;}
#menu > ul li:hover > ul{display:block; }
#menu > ul li> ul li{ width:100%; padding:16px 10px 16px;}
li a:hover{text-decoration: none;} 
#servicab{position:relative;}
#icoini{width:9px; height: 8px; background: url(images/css_sprite.png) no-repeat top center; background-position: -4px -43px; position: relative; float: left; margin-right: 15px; margin-top: 3px;}
#icoasm{width:19px; height: 4px; background: url(images/css_sprite.png) no-repeat top center; background-position: -20px -47px; position: relative; float: left; margin-right: 15px; margin-top: 7px;}
#iconoticias{width:15px; height: 15px; background: url(images/css_sprite.png) no-repeat top center; background-position: -71px -38px; position: relative; float: left; margin-right: 15px; margin-top: 2px;}
#icoservicios{width:17px; height: 11px; background: url(images/css_sprite.png) no-repeat top center; background-position: -46px -41px; position: relative; float: left; margin-right: 15px; margin-top: 2px;}
#icocontacto{width:13px; height: 13px; background: url(images/css_sprite.png) no-repeat top center; background-position: -92px -39px; position: relative; float: left; margin-right: 15px; margin-top: 2px;}
#selectini{position: absolute; bottom: 0px; left: 0px; width:90px; height: 3px; background: #0265c1; display: none;}
#selectasm{position: absolute; bottom: 0px; left: 100px; width:104px; height: 3px; background: #0265c1;display: none;}
#selectservicios{position: absolute; bottom: 0px; right: 282px; width:141px; height: 3px; background: #0265c1; display: none;}
#selectnoticias{position: absolute; bottom: 0px; right: 139px; width:130px; height: 3px; background: #0265c1; display: none;}
#selectcontacto{position: absolute; bottom: 0px; right: 0px; width:124px; height: 3px; background: #0265c1; display: none;}
#capacarrito{width:135px; float: right; }
#articuloscarrito{background: #dbe9de; width: 107px; padding: 14px  14px;}
#icocarrito{width:31px; height: 28px; background: url(images/css_sprite.png) no-repeat top center; background-position: -115px -40px; float: left;}
#totalarticulos{float: right; text-align: center;}
#totalarticulos div{font-family: demibold; font-size: 14px; color:#5e6f70;}
#totalarticulos span{font-family: demibold; font-size: 9px; color:#b1b5b2;}
#accarrito{background: #dbe9de; width: 135px; padding: 11px  0px 11px  0px; text-align: center;} 
#accarrito a{color:#b1b5b2; font-size: 10px; text-align: center; cursor: pointer; text-transform: uppercase; font-family: demibold;}
#capabanner{position: relative; width: 100%; z-index: 3;}
#pie{width:100%; background: #0265c1; padding-top: 39px; position: relative; border-bottom: 8px solid #444444; padding-bottom: 34px;}
.izqpie{/*width:471px;*/ width:45%; float: left;}
.derpie{/*width:277px;*/ width:45%; float: right; color:#fff; text-transform: uppercase; font-size: 11px; font-family: lucida; text-align: right;}
#menupie{width:100%;}
#menupie li{float: left; list-style: none; font-family: lucida; font-size: 11px; margin:0px 5px 10px;}
#menupie > li > a{color:#fff; text-transform: uppercase;  text-decoration: none; font-style: italic;}
.sepmenupie{margin-left:17px; margin-right:17px; color:#fff;}
.icotelpie{width:19px; height: 11px; background:url(images/css_sprite.png) no-repeat top center; background-position:-86px -4px; float: left; margin-right:8px;}
.telpie{float: left; font-family: lucida; font-size: 11px; color:#fff; margin-right: 13px;}
.faxpie{float: left; font-family: lucida; font-size: 11px; color:#fff; margin-right: 13px; text-transform: uppercase;}
.naranja{color:#f28e00;}
.icomailpie{width:12px; height: 9px; background:url(images/css_sprite.png) no-repeat top center; background-position:-112px -5px; float: left; margin-right:12px;}
.mailpie{float: left; font-family: lucida; font-size: 11px; color:#fff; margin-right: 13px;}

.mg0{margin:0px !important;}
/**INICIO*/
.logoini{margin-left: -47px;}
.col1ini{width:62.78%; float: left;}
.col1ini p{font-family: lucida; font-size: 13px; color:#767676; line-height: 24px;}
.col2ini{width:30.46%; float: right; margin-top: 36px;}
.col2ini h2{font-family: demibold; font-size: 20px; color:#fd7125; line-height: 21px;}
.colaportarini{width:28.59%; float: left;}
.colaportarini h2{font-size: 28px; font-family: novelight; color:#444444;}
.lineaazul{width:100%; height: 1px; background:#bdd2ea;}
#listadoaportar{list-style: none; width:63.66%; float: right;}
#listadoaportar li{float: left; width:20%; margin-right: 6.6%;}
#listadoaportar li:last-child{margin-right:0%;}
.capaequipo{position: relative;}
.capaequipo #sombra1{position: absolute; width:100%; height: 28px; top:0px; left: 0px;}
.capaequipo #sombra2{position: absolute; width:100%; height: 28px; bottom:0px; left: 0px;}

#icoequipoini{width:37px; height: 35px; float:left; margin-top:20px;}
.col1equipo{width:54.65%; float: left;}
.col1equipo p{color:#767676; font-size:13px; font-family: lucida; line-height: 24px;}
.col1equipo span{color:#fd7e2d; font-size:13px;  text-transform:uppercase; font-family: lucida; line-height: 24px;}
.col2equipo{width:48.48%; float: right; margin-right:-74px;}
.titequipo{width:87.43%; float: right;}
.titequipo h2{font-size:36px; font-family:novelight; color:#fd7125;}
.titequipo h3{font-size:18px; font-family:novenormal; color:#5277b6;}
.enlace1ini{float: left; width:28.79%; margin-right:6.95%; text-align: center; font-size: 28px; color:#fd812f; font-family: novelight; position: relative;}
.enlace1ini a{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;}
.enlace2ini{float: left; width:28.79%; text-align: center;font-size: 28px; color:#fd812f; font-family: novelight; position: relative;}
.enlace2ini a{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;}
.enlace3ini{float: right; width:28.79%; text-align: center ; font-size: 28px; color:#fd812f; font-family: novelight; position: relative;}
.enlace3ini a{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block;}

.col1gal{width:71.49%; float: left;}
#titgal{width:26.98%; float: left; color:#0265c1; font-size: 46px; font-family: novelight; text-transform: uppercase;}
#txgal{width:69.72%; float: right;  color:#767676; font-size: 13px; font-family: lucida; line-height: 24px;}
.lingris{width:100%; background: #eeeeee; height: 1px;}
.listadoimagenes{list-style: none;}
.listadoimagenes li{float:left; width:14.29%; margin-right:2%; margin-bottom: 2%;}
.capafoto3{position:relative; display:block; padding: 31% 0%;}
.capafoto3 img{width:180%; height:auto; transform: translate(-50%, -50%); position: absolute; left: 0; top: 0;}
.thumbfoto{bottom: 0;  content: ""; display: block; left: 0; overflow: hidden; position: absolute; right: 0;top: 0; opacity: 1; transition: opacity 0.1s ease 0s;}
.centrarfoto{height: 100%; left: 0;  position: absolute; top: 0; transform: translate(50%, 50%); width: 101%;}

#certificados{ max-width:640px; width:95%; margin:0px auto;}
#certificadosizq{ float:left; width:45%;}
#certificadosizq img{ max-width:100%; height:auto;}
#certificadosdch{ float:right; width:45%;}
#certificadosdch img{ max-width:100%; height:auto;}
.colcertificado{ width:23%; margin:0px 1%; float:left; text-align:center;}
.colcertificado img{ max-width:100%; height:auto;}
/**PAGINADOR PROPIO*/
.paginacion{float: right; margin-right: 4px; margin-top: 31px;}
.paginacion a{width:28px; height:21px; background: #767676; cursor: pointer; color:#fff; padding-top: 7px;  font-size:12px; font-family: lucida; font-weight: bold;text-align: center;margin-right: 5px; float: left; display: block;}
.paginaselect{background: #0265c0 !important;}

/**EQUIPO*/
.topnegativo{margin-top:-33px;}	
.capa1asm{position: relative;}
.capa1asm p{font-family: lucida; font-size: 13px; color:#767676; line-height: 24px;}
.capa1asm span{font-family: lucida; font-size: 13px; color:#0a6ac3; line-height: 24px; text-transform: uppercase;}
.titasm h2{font-size:28px; font-family:novelight; color:#5277b6; width:10%;}
.titasm h3{font-size:20px; font-family:demibold; color:#fd7125;}
.titasm2 h2{font-size:28px; font-family:novelight; color:#5277b6;}
.titasm2 h3{font-size:20px; font-family:demibold; color:#fd7125;}
.titasm3 h2{font-size:28px; font-family:novelight; color:#fd7125; /*width:20%;*/}
.slogancerti{font-size:20px; font-family:demibold; color:#fd7125;}
.linaz{width:100%; height: 1px; background: #4d93d3;}
.imgcer{float: left; margin-right: 8.8%;}
.btservicio{float: left;margin-right:16px; margin-top: 6px;}
.titserlist{font-size: 20px; font-family: demibold; color:#767676;}
.col1servi{width:50%; float: left;}
.contenidoservicio{width:40%; float: right; padding:5%;height: 92px; background: url(images/bgcontservicio.jpg) repeat-y top center; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; }
.col2servi{width:50%; float: right;}
.contenidoservicio2{width:40%;height: 92px; float: left; padding:5%; background: url(images/bgcontservicio.jpg) repeat-y top center; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; }
.capafoto4{position:relative; display:block; padding: 19% 0%;}
.capafoto4 img{width:180%; height:auto; transform: translate(-50%, -50%); position: absolute; left: 0; top: 0;}

/**noticias*/
.col1noti{width:19.58%; float: left;padding-right: 2.84%; border-right: 1px solid #ededed; position: relative;}
.col2noti{width:74.63%; float:right;  position: relative;}
.col2noti p{font-family: lucida; font-size: 13px; color:#767676; line-height: 24px; margin-bottom:10px;}
.capafoto5{position:relative; display:block; padding: 41% 0%;}
.capafoto5 img{width:auto; height:100%; transform: translate(-50%, -50%); position: absolute; left: 0; top: 0;}
.titasm4 h2{font-size:28px; font-family:novelight; color:#5277b6; }
.titasm4 h3{font-size:20px; font-family:demibold; color:#fd7125;}
.btleermasnoti{width:127px; float: right; cursor:pointer;padding:10px 0px 10px 0px; background: #e4e6e5; text-align: center; font-size:13px; font-family: novelight; color:#0265c2; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #d9d9d9;}
.colminnoti{width:16%; float: right; display: none; position: relative;}
.colminnoti img{cursor:pointer;}
.colminnoti .capafoto5{margin-bottom:25px;}



/**AREA PRIVADA*/
	
	
.categorias{width:100%; text-align: center; font-family: demibold; font-size: 10px;  background: #ef8200; padding-bottom: 17px; padding-top: 17px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.categorias a{width:100%; color:#fff; }
.categoriasgr{background: #c5d7ed;}
.categoriasgr a{color:#767676;}
.colcategorias{width:20.37%; float:left;}
.colcontprivada{width:67.77%; float: right;}
.titulocategoria{font-family: demibold; font-size: 15px; color:#767676;}
.titulodocumento{width:70%; float:left; font-size: 18px; font-family: novelight; color:#5277b6; }
.iconover{width:47px; height: 27px; float: right; background: url(images/iconover.jpg) no-repeat top center; position: relative; margin-right:11px;}
.iconover a{position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%;}
.iconodescargar{width:47px; height: 27px; float: right; background: url(images/iconodescargar.jpg) no-repeat top center; position: relative; }
.iconodescargar a{position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%;}

/**CONTACTO*/
.colicono{width:10%; float: left; margin-right:5%;}
.coldatos1{width:75%; float: left;}
.coldatos2{width:38%; float: left; color:#0265c1; font-family: lucida; font-size:13px; text-transform: uppercase; line-height: 20px;}
.coldatos3{width:80%; float: left; }
.coldatos3 a{color:#5e6f70; font-size: 13px; font-family: lucida; text-decoration: none;}
.coldatos3 a:hover{text-decoration: underline;}
.titcorreocontacto{font-size:13px; color:#fd7125; font-family: lucida; text-transform: uppercase;}
.col1ct{width:49.65%; float: left;}
.col1ct p{color:#767676; font-size:13px; font-family: lucida; line-height: 20px;}
.col1ct span{color:#fd7e2d; font-size:13px;  text-transform:uppercase; font-family: lucida; line-height: 24px;}
.col2ct{width:53.8%; float: right; margin-right:-74px;}

.col1contact{width:331px; float: left;}
.col2contact{width:625px; float:right;}
.icomailcontact{width:32px; float:left; margin-top:3px;}
.titmailcontact{width:70%; float:left; margin-left:17px; font-size:30px; font-family: novelight; color:#fd7125;}

.filaformulario{position: relative;}
.inputcontacto{width:98%; height: 35px; border: 0px; background: #e8e8e8; font-size: 13px; font-family: lucida; padding-left: 2%;}
.textareacontacto{width:98%; height: 63px; padding-top: 5px; border: 0px; resize: none; background: #e8e8e8; font-size: 13px; font-family: lucida; padding-left: 2%;}
.textareacontacto2{width:98%; height: 150px; padding-top: 5px; border: 0px; resize: none; background: #e8e8e8; font-size: 13px; font-family: lucida; padding-left: 2%;}
.oblicontacto{ text-transform: uppercase; font-family:lucida ; font-size:8px ; color:#ff0000; top: 7px;right: 5px; position: absolute;}
.oblicontacto2{ text-transform: uppercase; font-family:lucida ; font-size:8px ; color:#ff0000; text-align:left; display:none;}
.obliregistro{ text-transform: uppercase; font-family:lucida ; font-size:8px ; color:#ff0000; top: 7px;right: 24px; position: absolute;}
.labelcontacto{width:85px; text-transform: uppercase; font-family:lucida ; font-size:13px ; color:#8c9398;}
.btenviar{width: 129px; float:right; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top:10px; padding-bottom:10px; border:1px solid #fd7c2c; background: #fd7e2d; cursor: pointer; text-align: center; color:#fff; text-transform: uppercase; font-size:18px; font-family: novelight;}
.right113{right: 113px;}

/*AGENDA*/
.cuadroagenda{border:1px solid #eaeaea; width:100%; display:table; padding:1% 0; margin:0px 0px 10px;}
.cuadroagendafila{width:100%; display:table-row;}
.cuadroagendacol{width:76%; display:table-cell; padding:1%; vertical-align:middle;}
.cuadroagendacol2{width:23%; display:table-cell; padding:1%; vertical-align:top; border-right:1px solid #eaeaea;}
.nombredia{ color:#5277b6; font-size:18px; font-family:novenormal; text-align:left; text-transform:uppercase; margin:0px 0px 9px;}
.btaniadirevento{ background:#ef8200; color:#fff; text-align:center; text-transform:uppercase; padding:8px 0px; width:77px; font-family:novenormal; font-size:9px; cursor:auto; border-radius:3px;}
.btaniadirevento:hover{ cursor:pointer;}
.registroevento{color:#767676; font-family:novenormal; font-weight:bold; font-size:11px; text-align:left; text-transform:uppercase; margin: 9px 0px; float:left;}
.bteliminarevento{ background:#e1e1e1; color:#767676; font-family:novenormal; font-weight:bold; font-size:9px; text-align:center; text-transform:uppercase; float:right; padding:10px; cursor:auto; border-radius:3px;}
.bteliminarevento:hover{ cursor:pointer;}
.fondoscura{ background:#d8d8d8;}
.titulomesactual{ font-size:15px; font-family:novenormal; color:#767676; text-align:left; text-transform:uppercase; font-weight:bold; float:left;}
#seleccionames{background:#d8d8d8; font-family:novenormal; text-align:center; text-transform:uppercase; color:#767676; font-size:9px; padding:9px; float:left; margin:0px 0px 0px 10px;}
.btnavmes{ background:#d8d8d8; font-family:novenormal; text-align:center; text-transform:uppercase; color:#767676; font-size:9px; padding:9px; float:right; margin:0px 0px 0px 10px; position:relative;}
.btnavmes a{ top:0px; left:0px; position:absolute; width:100%; height:100%; display:block;}

#fechareserva{margin:0px 0px 10px;text-align: left;}

#mensajealerta{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(images/pixelopaco.png); z-index:1000;}
.tablamensaje{ display:table; max-width:560px; width:100%; margin:0px auto; height: 100%;}
.tablamensajefila{ display:table-row; width:100%;}
.tablamensajefilacol{ display:table-cell; width:100%; vertical-align:middle; height:100%;}
.mensajito{ padding:20px 10px; background:#fff; color:#000; border:1px solid #000; text-align:center;}
#txtmensajito{ margin:0px 0px 10px;}
#cuerpobteventos{ max-width: 250px; width:100%; margin:0px auto;}

#btguardarevento{background:#ef8200; color:#fff; text-align:center; text-transform:uppercase; margin:0px auto; padding:8px 0px; width:100px; font-family:novenormal; font-size:9px; cursor:auto; border-radius:3px; float:left;}
#btguardarevento:hover{ cursor:pointer;}

#btcerrarevento{background:#d8d8d8; color:#767676; text-align:center; text-transform:uppercase; margin:0px auto; padding:8px 0px; width:100px; font-family:novenormal; font-size:9px; cursor:auto; border-radius:3px; float:right;}
#btcerrarevento:hover{ cursor:pointer;}

.seleccionhoras{ width:70px; display:inline-block;}
#horasiniciales{ float:left; width:45%;}
#horasfinales{ float:right; width:45%;}
#mensajeerrorevento{ color:#ff0000;  font-family:novenormal; text-align:left; margin:0px 0px 20px; display:none;}
/*FIN AGENDA*/




@media only screen and (max-width: 995px) {
  #menu{display: none;}
   	.menuresponsive{display:block;}
	header{margin-top:50px;}
	.capacontenido{width: 95%;}
	.capaacceso{width: 90%;}
    .inputlogin {width: 88px;}
    .logoini{margin-left: 0;}
    .col1ini {width: 100%;text-align: center; float:none;}
    .col2ini {width: 100%;float: none; text-align: center;}
    .colaportarini {width: 100%;float: none;}
	#listadoaportar {float: none;width: 65%; margin: 0px auto; margin-top: 25px;}    #listadoaportar li {width: 42%;margin-bottom: 15px;}
    .col2equipo{display:none;}
    .col1equipo{width: 100%;float: none;text-align: center;}
    .titequipo {width: 83.43%;}
    .enlace1ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace2ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace3ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .col1gal { width: 100%; float: none;}
    #titgal {width: 100%;float: none;text-align: center;}
    #txgal {width: 100%;text-align: center;}
    /*.btgamweb {float: none; margin: 0px auto; margin-top: 20px;}*/
	.iconoaulaonline{ float:none; margin:10px auto 20px; text-align:center;}
	.cuerpobtsup{ width:320px; margin:20px auto 0px;}
    .izqpie {float: left; width: 100%;}
    #menupie{display:none;}
    .icomailpie{clear: both; margin-top: 10px;}
	.mailpie{margin-top: 10px;}
	.derpie{width:100%; margin-top:10px; text-align: center;}
	.listadoimagenes li {width: 45.29%; margin-right: 4%;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.topnegativo{margin-top:15px;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.col1servi, .col2servi {width: 100%; float:none;}
	.contenidoservicio {width: 90%; float:none;}	
	.contenidoservicio2 {width: 90%; float:none;}
	.col1ct{width:100%; float:none;}
	.col2ct{display:none;}
	.col1contact { width: 100%;float:none;}
}
@media only screen and (max-width: 767px) {
	#menu{display: none;}
   	.menuresponsive{display:block;}
	header{margin-top:50px;}
	.capacontenido{width: 95%;}
	.capaacceso{width: 90%;}
    .inputlogin {width: 88px;}
    .logoini{margin-left: 0;}
    .col1ini {width: 100%;text-align: center; float:none;}
    .col2ini {width: 100%;float: none; text-align: center;}
    .colaportarini {width: 100%;float: none;}
	#listadoaportar {float: none;width: 65%; margin: 0px auto; margin-top: 25px;}    #listadoaportar li {width: 42%;margin-bottom: 15px;}
    .col2equipo{display:none;}
    .col1equipo{width: 100%;float: none;text-align: center;}
    .titequipo {width: 83.43%;}
    .enlace1ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace2ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace3ini {float: none;width: 50%; margin: 0px auto;  margin-bottom: 20px;}
    .col1gal { width: 100%; float: none;}
    #titgal {width: 100%;float: none;text-align: center;}
    #txgal {width: 100%;text-align: center;}
    /*btgamweb {float: none; margin: 0px auto; margin-top: 20px;}*/
	.cuerpobtsup{ width:320px; margin:20px auto 0px;}
    .izqpie {float: none; /*width: 100%;*/ margin: 0 auto 10px; width: 240px;}
    #menupie{display:none;}
    .icomailpie{clear: both; margin-top: 10px;}
	.mailpie{margin-top: 10px;}
	.derpie{width:100%; margin-top:10px; text-align: center; float:none;}
	.listadoimagenes li {width: 45.29%; margin-right: 4%;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.topnegativo{margin-top:15px;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.col1servi, .col2servi {width: 100%; float:none;}
	.contenidoservicio {width: 90%; float:none;}
	.contenidoservicio2 {width: 90%; float:none;}	
	.col1ct{width:100%; float:none;}
	.col2ct{display:none;}
	.col1contact { width: 100%;float:none;}

}
@media only screen and (max-width: 480px) {
	#menu{display: none;}
	.menuresponsive{display:block;}
  	header{margin-top:50px;}
  	.capacontenido{width: 95%;}
  	.capaacceso{width: 90%;}
    .inputlogin {width: 88px;}
    .logoini{margin-left: 0;}
    .col1ini {width: 100%;text-align: center; float:none;}
    .col2ini {width: 100%;float: none; text-align: center;}
    .colaportarini{width: 100%;float: none;}
    #listadoaportar {float: none;width: 65%; margin: 0px auto; margin-top: 25px;}
    #listadoaportar li{width: 42%;margin-bottom: 15px;}
    .col2equipo{display:none;}
    .col1equipo{width: 100%;float: none;text-align: center;}
    .titequipo {width: 83.43%;}
    .enlace1ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace2ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace3ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .col1gal { width: 100%; float: none;}
    #titgal {width: 100%;float: none;text-align: center;}
    #txgal {width: 100%;text-align: center;}
    /*.btgamweb {float: none; margin: 0px auto; margin-top: 20px;}*/
	.cuerpobtsup{ width:320px; margin:20px auto 0px;}
    .izqpie {float: left; width: 100%;}
    #menupie{display:none;}
    .icomailpie{clear: both; margin-top: 10px;}
	.mailpie{margin-top: 10px;}
	.derpie{width:100%; margin-top:10px; text-align: center;}
	.listadoimagenes li {width: 45.29%; margin-right: 4%;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.topnegativo{margin-top:15px;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.col1servi, .col2servi {width: 100%; float:none;}
	.contenidoservicio {width: 90%; float:none;}	
	.contenidoservicio2 {width: 90%; float:none;}
	.col1ct{width:100%; float:none;}
	.col2ct{display:none;}
	.col1contact { width: 100%;float:none;}
	.colcategorias {width: 80%; margin: 0px auto; float:none;}
	.colcontprivada {float: none;width: 100%; margin-top: 15px;}
	.titulodocumento {width: 60%;}
	
	#certificadosizq{ float:none; width:100%; margin:0px 0px 10px;}
	#certificadosdch{ float:none; width:100%;}
}
@media only screen and (max-width: 320px) {
	#menu{display: none;}
    .menuresponsive{display:block;}
    header{margin-top:50px;}
    .capacontenido{width: 95%;}
    .capaacceso{width: 90%;}
    .inputlogin {width: 88px;}    
    .logoini{margin-left: 0;}
    .col1ini {width: 100%;text-align: center; float:none;}
    .col2ini {width: 100%;float: none; text-align: center;}
    .colaportarini {width: 100%;float: none;}
    #listadoaportar {float: none; width: 95%; margin: 0px auto; margin-top: 25px;}
    #listadoaportar li {width: 42%;margin-bottom: 15px;}
    .col2equipo{display:none;}
    .col1equipo{width: 100%;float: none; text-align: center;}
    .titequipo {width: 83.43%;}
    .enlace1ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace2ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .enlace3ini {float: none;width: 90%; margin: 0px auto;  margin-bottom: 20px;}
    .col1gal { width: 100%; float: none;}
    #titgal {width: 100%;float: none;text-align: center;}
    #txgal {width: 100%;text-align: center;}
	/*.btgamweb {float: none; margin: 0px auto; margin-top: 20px;}*/
	.cuerpobtsup{ width:320px; margin:20px auto 0px;}
	.izqpie {float: left; width: 100%;}
	#menupie{display:none;}
	.icomailpie{clear: both; margin-top: 10px;}
	.mailpie{margin-top: 10px;}
	.derpie{width:100%; margin-top:10px; text-align: center;}
	.listadoimagenes li {width: 45.29%; margin-right: 4%;}
	.topnegativo{margin-top:15px;}
	.titasm h2 {width: 100%;font-size: 23px;}
	.titasm h3 {font-size: 11px;}
	.imgcer {float:none; margin-bottom:10px;}
	.col1servi, .col2servi {width: 100%; float:none;}
	.contenidoservicio {width: 90%; float:none;}	
	.contenidoservicio2 {width: 90%; float:none;}
	.col1ct{width:100%; float:none;}
	.col2ct{display:none;}
	.col1contact { width: 100%;float:none;}
	.colcategorias {width: 80%; margin: 0px auto; float:none;}
	.colcontprivada {float: none;width: 100%; margin-top: 15px;}
	.titulodocumento {width: 60%;}	
}