/* CSS Document */

body{
	background:url(graf/bg.jpg) repeat-x #0D1215;
	color:#C8C9C9;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
}

a{
	text-decoration:none;
}

strong{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

img{
	border:none;
}

img, #pie, #pie-secciones, .modulos-accesos-pie, h1, .modulos-accesos-pie-secc{ 
	behavior: url(includes/iepngfix.htc);/* Para los png transparentes */
}

h1{
	background:url(graf/bg-h1.png) no-repeat;
	padding:22px 0 10px 25px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#8DCED5;
	margin:0 0 30px 0;
}
h2{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#EDDDA5;
	margin:0;
}
h3{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#EDDDA5;
	margin:0 0 10px 0;
}
h4{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#EDDDA5;
	margin:10px 0;
	padding:0 0 4px 26px;
	border-bottom:1px solid #2B353B;
}
h5{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#EDDDA5;
	margin:20px 0 10px 0;
	padding:0 0 4px 10px;
	border-bottom:1px solid #2B353B;
}

/******************* encabezado */

#top{
	background:url(graf/bg-top.jpg) repeat-x;
	height:201px;
}
#top .contenedor{
	background:url(graf/bg-top-logo.jpg) center top no-repeat;
	margin:0 auto;
	width:978px;
	height:201px;
	position:relative;
}
#top .menu{
	width:960px;
	display:block;
	text-align:center;
	position:absolute;
	top:165px;
	left:0;
}

#top .menu a{
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 10px;
}
#top .menu a:hover{
	color:#B0F6FF;
}
#top .telefono{
	position:absolute;
	top:65px;
	right:60px;
}
#top .logo{
	position:absolute;
	top:50px;
	left:90px;
}


/******************* contenidos */

#contenedor{
	width:912px;
	margin:0 auto;
	background:url(graf/bg-contenidos.jpg) center top no-repeat;
	padding:30px 30px 0 30px;
}

#contenidos{
	width:590px;
	float:left;
	padding:14px 0 0 10px;
}

#columna-derecha{
	width:250px;
	float:right;
	padding:14px 10px 0 0;
}


/******************* pie */

#pie, #pie-secciones{
	width:900px;
	margin:0 auto;
	background:url(graf/bg-pie.png) no-repeat center top;
	text-align:center;
	padding:0 20px 50px 20px;
}
#pie a, #pie-secciones a{
	color:#FFFFFF;
}

#pie-secciones{
	padding:83px 20px 60px 20px;
	_padding:93px 20px 60px 20px;
}

/******************* clases */

.reset{
	clear:both;
	margin:0;
	font-size:1px;
}

.textos-color{
	color:#94DAE2;
}
.textos-color a{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:0 8px;
	color:#FFFFFF;
}

/* modulos pie */

.modulos-accesos-pie, .modulos-accesos-pie-secc{
	background:url(graf/bg-modulos-accesos.png) no-repeat;
	width:247px;
	margin:0 28px 40px 24px;
	_margin:0 24px 38px 18px;
	display:block;
}
.modulos-accesos-pie{
	float:left;
}
.modulos-accesos-pie-secc{
	margin:18px 0 10px 0px;
}
.modulos-accesos-pie-cont, .modulos-accesos-pie-cont-secc{
	position:relative;
	display:block;
	padding:12px 68px 0 0;
	text-align:right;
	height:42px;
}
.modulos-accesos-pie-cont p, .modulos-accesos-pie-cont-secc p{
	font-size:11px;
	margin:5px 0;
}

.modulos-accesos-pie-iconos, .modulos-accesos-pie-iconos-secc{
	position:absolute;
	top:20px;
	right:30px;
}
.modulos-accesos-pie-link, .modulos-accesos-pie-link-secc{
	position:absolute;
	bottom:0;
	right:0;
}

/**/

.modulos-accesos{
	width:880px;
	margin:40px 0 20px 0;
	text-align:center;
	padding:0 20px 0 14px;
}
.modulos-accesos-galeria-modelos, .modulos-accesos-protocolos, .modulos-accesos-encuadernacion{
	display:block;
	width:247px;
	height:180px;
	float:left;
	text-align:center;
	position:relative;
	margin:0 35px 26px 16px;
	_margin:0 37px 26px 9px;
	padding-top:15px;
}
.modulos-accesos-galeria-modelos{
	background:url(graf/bg-galeria-modelos.jpg) center top no-repeat;
}
.modulos-accesos-protocolos{
	background:url(graf/bg-protocolos-libros-contables.jpg) center top no-repeat;
	margin-right:0;
}
.modulos-accesos-encuadernacion{
	background:url(graf/bg-tesis.png) center top no-repeat;
}
.modulos-accesos-galeria-modelos strong a, .modulos-accesos-protocolos strong a, .modulos-accesos-encuadernacion strong a{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#8DD8E0;
}
.modulos-accesos-galeria-modelos strong a:hover, .modulos-accesos-protocolos strong a:hover, .modulos-accesos-encuadernacion strong a:hover{
	color:#FFFFFF;
}

.modulos-accesos-zoom{
	position:absolute;
	bottom:20px;
	right:2px;
}

a.botones-mas-info{
	width:220px;
	height:28px;
	display:block;
	margin:40px auto 25px auto;
	color:#FFFFFF;
	background:url(graf/btn-mas-info.png);
	text-align:center;
	padding-top:10px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
a.botones-mas-info:hover{
	background-position:0 -38px;
}
a.botones-contactar{
	width:200px;
	height:28px;
	display:block;
	margin:0 auto;
	color:#FFFFFF;
	background:url(graf/btn-contactar.png) center top;
	text-align:center;
	padding-top:10px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
a.botones-contactar:hover{
	background-position:0 -38px;
}

.banner-tesis{
	background:url(graf/bg-banner-tesis-24-hs.jpg) center top no-repeat;
	display:block;
	width:250px;
	height:420px;
	position:relative;
}
.banner-tesis-btn{
	display:block;
	position:absolute;
	bottom:0;
	left:12px;
	margin:0 auto;
	width:220px;
}
.banner-tesis h2{
	font-size:12px;
	position:absolute;
	top:280px;
	left:25px;
	width:190px;
}
.banner-tesis p{
	position:absolute;
	top:310px;
	left:25px;
	width:190px;
}

.listados{
	margin:40px 30px;
	padding:0;
	list-style:none;
}
.listados li{
	background:url(graf/items.gif) no-repeat;
	padding:0 0 0 24px;
	margin:14px 0;
}

.galerias{
	display:block;
	margin:10px 0;
}
.galerias-fotos{
	display:block;
	margin:10px 0 10px 8px;
}
.galerias-fotos a img{
	margin:8px 2px;
	border:2px solid #8DCED5;
}
.galerias-fotos a:hover img{
	border:2px solid #4D4D4D;
}

.listados-fotos, .listados-fotos-secc, .listados-fotos-modelos{
	margin:40px 0;
	padding:0;
	list-style:none;
}
.listados-fotos-secc{
	margin:20px 60px;
}
.listados-fotos li, .listados-fotos-secc li, .listados-fotos-modelos li{
	padding:0;
	margin:25px 0 0 8px;
	text-align:center;
	width:186px;
	float:left;
}
.listados-fotos-secc li{
	margin:25px 10px 0 30px;
	height:210px;
}
.listados-fotos-modelos li{
	height:190px;
	border-bottom:1px dotted #252C30;
}
.listados-fotos li img, .listados-fotos-secc li img, .listados-fotos-modelos li img{
	margin:0 0 10px 0;
}
.listados-fotos li a img, .listados-fotos-secc li a img, .listados-fotos-modelos li a img{
	border:3px solid #8DCED5;
}
.listados-fotos li a:hover img, .listados-fotos-secc li a:hover img, .listados-fotos-modelos li a:hover img{
	border:3px solid #4D4D4D;
}

.listados-fotos li p, .listados-fotos-secc li p, .listados-fotos-modelos li p{
	margin:0;
}

.listados-fotos li p a, .listados-fotos-secc li p a, .listados-fotos-modelos li p a{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
.listados-fotos li p a:hover, .listados-fotos-secc li p a:hover, .listados-fotos-modelos li p a:hover{
	color:#22BAEC;
}
.listados-fotos-modelos li h3{
	height:30px;
	font-size:12px;
	margin:0 0 6px 0;
}

.listados-columna{
	margin:10px 0;
	padding:8px;
	list-style:none;
}
.listados-columna li{
	padding:0 0 3px 10px;
	margin:9px 0 0 0;
	background:url(graf/items-cuadrado.gif) no-repeat;
	border-bottom:1px solid #20292B;
	font-size:11px;
}

.modulo-tesis-seccion{
	display:block;
	padding:10px 8px 10px 8px;
}
.modulo-tesis-seccion h2{
	text-align:center;
}

.titulos-centrados, .titulos-centrados-imagenes{
	display:block;
	padding:10px;
	text-align:center;
	line-height:18px;
}
.titulos-centrados{
	background:#000000;
	border:1px solid #222D2F;
}
.titulos-centrados a{
	color:#FFF;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.titulos-centrados-imagenes a img{
	margin:0 10px;
	border:none;
}
.modulos-detalles{
	display:block;
	background-color:#111718;
	padding:20px;
	border:3px solid #222D2F;
	border-bottom:none;
	border-top:none;
}

.listado-instituciones{
	display:block;
	padding:10px;
	margin:10px 0 30px 0;
}
.listado-instituciones a{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:0 14px 0 0;
	line-height:28px;
	border-left:2px solid #838383;
	padding-left:8px;
}
.listado-instituciones a:hover{
	color:#22BAEC;
}

.listado-colores{
	list-style:none;
	margin:20px 0;
	padding:0;
	overflow:hidden;
}
.listado-colores li{
	width:70px;
	height:80px;
	float:left;
	margin:8px;
	text-align:center;
}
.listado-colores li img{
	margin:0;
}
.listado-colores li a img{
	border:1px solid #343434;
}
.listado-colores li a:hover img{
	border:1px solid #fff;
}
.listado-colores li p a{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:capitalize;
	margin:5px 0;
}

.ficha-fotos{
	display:block;
	float:left;
	width:200px;
	text-align:center;
	margin:30px 0 10px 0;
}
.ficha-fotos img{
	margin:0 0 20px 0;
	border:1px solid #999999;
}
.ficha-fotos a img{
	border:2px solid #8DCED5;
}
.ficha-fotos a:hover img{
	border:2px solid #4D4D4D;
}
.ficha-especificaciones{
	display:block;
	float:right;
	width:360px;
	margin:10px 0;
}

.contenedor-fichas{
	display:block;
	padding:25px;
	background:url(graf/bg-ficha-gde.gif) no-repeat;
	margin:0;
}

.titulo-galerias{
	background:url(graf/bg-tit-galeria.png) 12px 0 no-repeat;
	padding:4px 0 12px 55px;
	display:block;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 0 0;
	border-bottom:5px solid #2B353B;
}

.volver{
	display:block;
	width:346px;
	border-top:1px solid #1D262C;
	padding:4px 20px;
	text-align:right;
}
.volver a{
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.paginado, .links-centrados{
	display:block;
	padding:4px 0;
	text-align:center;
	color:#FFF;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0;
	border-top:1px solid #1F2A31;
}
.links-centrados{
	margin:6px 0 16px 0;
}
.paginado-activo{
	padding:5px 8px;
	margin:0 2px;
}
.paginado a, .links-centrados a{
	color:#4E6675;
	background-color:#252E34;
	padding:5px 8px;
	margin:0 2px;
}
.paginado a:hover, .links-centrados a:hover{
	color:#FFF;
	background-color:#4E6675;
}

.mapa{
	display:block;
	width:565px;
	margin:16px auto;
	border:1px solid #222D33;
	padding:10px;
}

.medios-de-pago{
	width:778px;
	margin:10px auto;
	padding:8px 16px;
	background-color:#0D1215;
}
.medios-de-pago span{
	float:right;
	display:block;
	width:580px;
}
.medios-de-pago a{
	color:#8DCED5;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.medios-de-pago-logos{
	float:left;
	display:block;
	width:170px;
	text-align:center;
}
.medios-de-pago-logos img{
	margin:12px 0 0 0;
}

.btn-recorrido-verde, .btn-recorrido-amarillo, .btn-gps{
	display:block;
	width:213px;
	float:left;
	margin:10px 18px;
}

.btn-recorrido-verde a, .btn-recorrido-amarillo a{
	background:url(graf/boton-recorrido-verde.gif) no-repeat;
	width:213px;
	height:47px;
	color:#0D1215;
	display:block;
}
.btn-recorrido-amarillo a{
	background:url(graf/boton-recorrido-amarillo.gif) no-repeat;
}
.btn-recorrido-verde a:hover, .btn-recorrido-amarillo a:hover{
	background-position:0 -48px;
}

.textos-noinfo{
	margin:10px 0 40px 10px;
	font-size:11px;
	color:#768087;
}

.botones-pie-forms{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
	margin:6px 0 10px 0;
}
.botones-pie-forms:hover{
	color:#999999 !important;
}

.firma{
	margin-left:50px;
	font-size:11px;
}


/******************* formularios */

.form-receptorias{
	position:relative;
	padding:0 0 8px 14px;
	text-align:left;
	height:42px;
	margin:0;
}
.form-receptorias p{
	font-size:11px;
	margin:6px 0 2px 0;
	_margin:6px 0 0 0;
}
.form-receptorias-inputs{
	border:1px solid #464C4C;
	width:68px;
	background-color:#1F2325;
	color:#A7A7A7;
	padding:3px 5px;
	margin-right:5px;
	font-size:11px;
	vertical-align:top;
}
.form-receptorias-inputs-btn{
	width:44px;
	height:28px;
	border:none;
	background:url(graf/btn-acceder-receptoria.gif) no-repeat;
	cursor:pointer;
}
.form-receptorias-inputs-btn:hover{
	background-position:0 -28px;
}

.form-olvido-pass{
	width:340px;
	margin:10px auto;
	padding:5px 10px;
}
.form-olvido-pass p strong{
	margin:10px;
	text-align:center;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	line-height:21px;
}
.form-olvido-pass form{
	text-align:center;
}
.form-olvido-pass form input[type=text]{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	width:140px;
	padding:3px 5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin-left:10px;
}

.whatsapp-flotante{position:fixed;right:7px;top:100px;z-index:100;}