@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic);

/* GENERAL */
html, body {width:100%; height:100%; overflow-x:hidden;}

html, body, div, p, span, h1, h2, h3, h4, h5, h6, ul, li, hr {margin:0; padding:0;}
body {font:9pt/12pt 'Noto Serif', serif; font-weight:400; color:#2A3350;}

a {text-decoration:none; cursor:pointer}
h2 {font:14pt/18pt 'Noto Serif', serif; font-weight:700}

.belburo {color:#333333;}
.belburo:hover {color:#e2007a;}

.w800 {position:relative; padding:0 10px; max-width:800px; margin:0 auto}
.w596 {position:relative; max-width:596px; width:100%; margin-top:50px; float:left; }
.w198 {position:relative; max-width:140px; width:100%; margin-top:50px; margin-right:28px; float:left;}
.w188 {position:relative; max-width:140px; width:100%; margin-top:50px; margin-left:28px; float:left;}

.bg_ray {position:relative; background:url(../images/cuero.png) repeat;}

.clear {clear:both;}

/*#top {position:relative; width:100%; padding:10px 0; background:#2A3350; text-align:right; z-index:1; vertical-align:bottom}*/
#top {position:relative; width:100%; padding:25px 0; background:#2A3350; text-align:right; z-index:1; vertical-align:bottom}
#top a {color:#FFFFFF;  font:10pt/12pt 'Noto Serif', serif; font-weight:400; font-style:italic;}
#logo {position:absolute; top:-25px; left:10px; width:290px; height:105px; background:url(../images/logo.png) no-repeat; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25); box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}
/*#logo {position:absolute; top:-10px; left:10px; width:290px; height:105px; background:url(../images/logo.png) no-repeat; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25); box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);}*/
#logo_blanco {position:absolute; top:-3px; left:10px; background:url(../images/logo_blanco.png) no-repeat top left; width:124px; height:24px; display:none;}

#contenido {position:relative; width:100%; margin:0 auto;}

#menu {position:absolute; width:100%; top:-50px; z-index:2}
#menu .boton {position:relative; float:left; margin:0 16px 20px 0; cursor:pointer; color:#1D1E1C; font:10pt/14pt 'Noto serif', serif; font-weight:400; font-style:italic; text-align:center; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); background:#2A3350; color:#cccccc;}
#menu .boton:hover { color:#2A3350; background: rgb(204,204,204); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(247,247,247,1) 50%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,1)), color-stop(50%,rgba(247,247,247,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-8 */
}

#menu .boton.active { color:#2A3350; background: rgb(204,204,204); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(204,204,204,1) 0%, rgba(247,247,247,1) 50%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,1)), color-stop(50%,rgba(247,247,247,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(204,204,204,1) 0%,rgba(247,247,247,1) 50%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-8 */
}

/*#menu .b1 {width:188px; height:18px; padding:28px 0px;}*/
#menu .b1 {width:140px; height:18px; padding:28px 0px;}
/*#menu .b2 {width:188px; height:34px; padding:20px 0px;}*/
#menu .b2 {width:140px; height:34px; padding:20px 0px;}

.submenu {position:absolute; top:74px; width:140px; padding:10px 0; left:0; background:#FFFFFF; display:none; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); }
/*.submenu {position:absolute; top:74px; width:188px; padding:10px 0; left:0; background:#FFFFFF; display:none; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); }*/
.submenu a {color:#7D7D7D; display:block; border-bottom:1px solid #2A3350; padding:5px; font:8pt/11pt 'Noto Serif', serif; font-style:italic}
.submenu a:hover {color:#2A3350;}

#texto_slider {position:absolute; max-width:800px; font:26pt/28pt 'Noto Serif', serif; color:#ffffff; left:0; top:-250px; font-weight:400; font-style:italic; padding-left:10px; text-shadow:1px 1px 3px rgba(0,0,0,1)}

.bgazul{background:#2A3350}
.blanco {color:#FFFFFF;}
.gris {color:#cccccc;}

.boton_desp {position:relative; padding:5px; border-bottom:1px solid #2A3350; font-style:italic; margin-bottom:20px; cursor:pointer; background:url(../images/down.jpg) no-repeat center right;}
.boton_desp.active { background:url(../images/up.jpg) no-repeat center right !important}
.txts {display:none; margin-bottom:20px;}
.txts.active {display:block;}

#footer {position:relative; width:100%; background:#2A3350; padding:20px 0; font:8pt/10pt 'Noto Serif', serif; font-weight:400; color:#FFFFFF; overflow:hidden}
#sello {position:absolute; top:-40px; height:155px; width:155px; background:url(../images/sello.png) no-repeat center center; left:100%;}
.w25 {position:relative; float:left; width:25%; margin-bottom:10px;}
.w20 {position:relative; float:left; width:20%; margin-bottom:10px;}
#subfooter {position:relative; padding:10px 0; text-align:center; background:#CCCCCC; color:#404040; font:8pt/10pt 'Noto Serif', serif; font-style:italic;}

/* FORMULARIO DE CONTACTO */
#form {position:relative; max-width:960px; margin:0 auto;}
.campo01 {width:80%; padding:5px 0; border:0; background:#FFFFFF; margin-bottom:5px; font:8pt/10pt 'Noto Serif', serif; text-indent:5px; }
.campo02 {width:100%; padding:5px 0; border:0; background:#eeeeee; margin-bottom:5px; font:8pt/10pt 'Noto Serif', serif; text-indent:5px; }
.enviar {width:100%; padding:10px 0; border:0; background:none; color:#2A3350; border:0; border-bottom:1px solid #2A3350; border-top:1px solid #2A3350; margin-bottom:5px; font:12pt/12pt 'Noto Serif', serif; cursor:pointer; font-style:italic; }
.enviar:hover {background:#2A3350; color:#FFFFFF; border:1px solid #2A3350;}

.campo03 {width:100%; padding:5px 0; border:0; background:#eeeeee; margin-bottom:5px; font:8pt/10pt 'Noto Serif', serif; text-indent:5px; }
.campo04 {width:100%; padding:5px 0; height:50px; border:0; background:#eeeeee; margin-bottom:5px; font:8pt/10pt 'Noto Serif', serif; text-indent:5px; }

.ingresar {color:#cccccc; padding:10px 0; border:0; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background:none; font:13pt/14pt 'Noto Serif', serif; font-style:italic; cursor:pointer}

.content_hide {position:fixed; top:0; left:0; background:rgba(0,0,0,0.75); width:100%; height:100%; display:none; z-index:100000}
#rcontacto {position:absolute; width:250px; padding:10px; color:#2A3350; top:50%; left:50%; margin-top:-20px; margin-left:-130px; text-align:center; background:#FFFFFF;}
#form_contacto {position: absolute; width:280px; height:360px; background:#FFFFFF; color:#2A3350; top:50%; left:50%; margin-top:-200px; margin-left:-160px; display:none; padding:20px; font:8pt/12pt 'Noto Serif', serif;}
#contacto_cerrar {position:absolute; padding:5px; width:15px; height:18px; text-align:center; color:#FFFFFF; background:#2A3350; font:10pt/12pt 'Noto Serif', serif; top:-10px; right:-10px; cursor:pointer;}


#datafiscal {position:fixed; width:40px; bottom:0; left:50px;}

@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) { 
#texto_slider {top:-170px;}
}

@media screen and (max-device-width: 835px), screen and (max-width: 835px) { 
#menu {position:relative; text-align:center; top:0;}
#menu .b1, #menu .b2 {float:left; margin:0 5px 10px !important; width:160px;}
#logo {display:none;}
#logo_blanco {display:block;}

.w596 {max-width:100%;}
.w198, .w188 {display:none;}
.w25, .w20 {width:33%;}
#texto_slider {top:-150px;}
#footer {background-size:auto 100%;}
#boton_acceso {z-index:3 !important;}
#boton_estudio {z-index:2 !important;}
#boton_socios {z-index:1 !important;}
#boton_areas {z-index:0 !important;}
.magnific-gallery a {width:50%;}
}

@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
#menu .b1, #menu .b2 {float:none; margin:0 auto 10px auto !important; width:100%;}
#texto_slider {top:-80px; font:12pt/14pt 'Noto Serif', serif; font-style:italic}
.w25, .w20 {width:100%; text-align:center; padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.25)}
.submenu {width:100%;}
.magnific-gallery a {width:100%;}
}