@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";

/* reset  */ 
  
body { margin: 0 auto; font-family: 'Chivo'; font-size: 12px; color: #000; height: 100%; -webkit-font-smoothing: antialiased;  
}
a { color: white; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover { -webkit-transition: all 0.2s ease; }
.link_index { font-size: 70px; }
.link_index:hover { color: black; }

.link_anio { float:left; width: 140px; height: 50px; background-color: #727176; padding: 8px; font-family: 'Chivo Bold'; font-size: 13px; margin-top: 4px; }
.link_anio:hover { background-color: #BF0427; }

.menu { position: absolute; display: inline; display: none;  }

strong { font-family: 'Chivo Bold'; font-weight: normal; }

hr { border-bottom: 2px solid #BF0427; width: 33px; margin-top: 30px; margin-bottom: 20px; }

.clr_red { color: #BF0427; }
.clr_bg_red { background-color: #BF0427; }

h1, .h1_link { color: white; width: 140px; height: 50px; padding: 8px; font-size: 13px; display: block;  }
h2 { color: #BF0427; font-size: 14px; }
h3 { font-size: 14px; margin-bottom: 20px; }
h4 { font-size: 14px; font-weight: normal; font-family: 'Chivo Bold Italic'; font-style: italic;  }
.h1_link:hover { background-color: black; } 

small { font-size: 13px; font-family: 'Chivo Bold Italic'; font-style: italic; }
italic { font-family: 'Chivo Bold Italic'; font-style: italic; }

.goUp { position: fixed; z-index: 300; bottom: 58px; right: 58px; display: none; cursor: pointer; }

.index_video { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; z-index: -1; background-color: white;  }
.index_video video { width: 100%; }

.slider_home { position: absolute; position: fixed; top: 0; width: 100%; height: 100%; }
.slider_home .slick_home div img  { width: 100%; }

.main { width: 100%; height: 100%; position:absolute; margin: 0 auto;  }
.bg { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -2; }
.bg img { width: 100%; }
.bg2 { display: none; }
.borde2 { position: absolute; width: 68px; background-color: white; height: 100%; z-index: 6000; }
.borde3 { position: absolute; width: 68px; background-color: white; height: 100%; right: 0; z-index: 6000; }
.borde4 { position: absolute; width: 100%; height: 68px; background-color: white; bottom: 0; z-index: 6000; }

.entrar { width: 30%; position: absolute; top: 40%; right: 0; }
.lan { position: absolute; color: white; font-size: 15px; font-family: 'Chivo Bold'; margin-left: -40px; margin-top: -10px; display: none; }
.lan a:hover { color: black; } 

.logo { position: absolute; position: fixed; background-color: white; text-align: center; width: 100%; padding: 12px 0; font-size: 36px; z-index: 4200; font-family: 'Chivo Light';  }
.logo a { color: black; } .logo a:hover { color: #666; }

.navega { position: absolute; position: fixed; right: 20px; top: 50%; margin-top: -50px; }

.nav { position: absolute; width: 640px; top: 50%; margin-top: -50px; left: 50%; margin-left: -320px; display: none; z-index: 1000; }
.nav li { float: left; width: 126px; height: 50px; margin: 1px; margin-bottom: 5px; }
.nav li a, .select { display: block; width: 100%; height: 100%; font-size: 13px; border: 1px solid white; padding: 5px; }
.nav li a:hover, .select { background-color: rgba(255,255,255,0.5); border: 1px solid transparent; }
.select { font-family: 'Chivo Bold'; }

.social { position: absolute; top: 50%; right: 150px; margin-top: 20px; display: none; z-index: 1000; }
.social li { display: inline; margin-left: 5px; }

/* obras  */ 

.menu_obras { position: absolute; left: 0; top: 40%; width: 100%; text-align: center; }
.menu_obras li { font-size: 36px; margin: 0px 35px; display: inline-block; }
.menu_obras li a { color: black; font-family: 'Chivo Light'; } 
.menu_obras li a:hover { color: #BF0427;  }


.submenu { position: absolute; font-size: 12px; display: none;  text-align: left; }
.submenu li { display: block; margin: 0; font-size: 12px; padding-top: 5px; }
.submenu li a { font-family: 'Chivo'; font-size: 12px; height: auto; font-style: normal; }
.submenu li a:hover { font-family: 'Chivo'; font-size: 12px; height: auto; font-style: normal; }

.show:hover > .submenu { display: block; }

.cont_pre { position: absolute; position: fixed; width: 100%; height: 100%; padding: 68px;  }
.cont { position: relative; float: left; border: 1px solid black; width: 100%; height: 100%; min-height: 100%; }
.maincont { position: relative; position: absolute; width: 100%; height: auto; padding: 69px;  }


.col1 { float: left; width: 28%; padding: 20px; padding-right: 40px; }
.col2 { position: relative; float: right; width: 70%; height: 100%; margin-right: 20px; }

.col3 { float: left; width: 20%; padding: 20px; }
.col4 { float: right; width: 77%; height: 100%; padding-top: 20px; background-color: #C8C997; }
.col4 h2 { color: #BF0427; font-size: 28px; font-family: 'Chivo Bold'; margin-top: 80px; margin-left: 28px; margin-bottom: 30px; }

.col5 { float: left; width: 20%; padding: 20px; overflow: hidden; }
.col5 img { width: 100%; margin-top: 30px; }
.col6 { float: right; width: 73%;  background-color: #D8D9DD; padding: 20px; padding-right: 60px; margin-top: 100px; margin-right: 20px; }

.nav_obras { color: #727176; }
.nav_obras a { color: black; } .nav_obras a:hover { color: #727176; }

.descargas { position: absolute; width: 100%; bottom: 90px;  }
.descargas a { color: black; } .descargas a:hover { color: #BF0427; }
.descargas img { vertical-align: middle; margin-right: 4px; }

/* publicaciones  */ 

.nav_publicaciones { width: 600px; margin-top: 120px; }
.nav_publicaciones a { color: black; } .nav_publicaciones a:hover { color: #BF0427; }
.nav_publicaciones li { height: 100px; position: relative; }
.nav_publicaciones li strong, .nav_publicaciones italic { font-size: 14px; }

.publicacion_txt { float: left; width: 100%; padding: 20px; background-color: #D8D9DD; overflow: auto; margin-top: 20px; }

.tapa { position: absolute; left: -70px; top: 3px; height: 74px; overflow: hidden; }

.publicaciones_tapas { position: absolute; right: 0; top: 20px; }
.publicaciones_tapas li { float: left; margin-left: 5px; height: 74px; overflow: hidden; }
.image2 { opacity: 0.7; }

.slider { float: right; width: 100%; height: 100%; margin-right: -1px; }
.slider div { height: 100%;  }
.slider div img { height: 112%; margin-right: 8px; }

/* ensayos  */ 

.ensayos_menu { position: absolute; width:20%; font-size: 11px; padding-top: 20px; background-color: white; }
.ensayos_menu ul li { float: left; width: 100%; margin-bottom: 2px; font-size: 10px; }
.ensayos_menu ul li a, .select_ensayos { float: left; width: 100%; height: 100%; border: 1px solid black; padding: 5px; color: black; }
.ensayos_menu ul li a:hover, .select_ensayos { border: 1px solid transparent; background-color: #BF0427; color: white; }

.ensayos_contenido { float: left; width: 100%; margin-top: 20px; }

/* agenda  */ 

.agenda_cont { float: right; width: 85%; padding-bottom: 20px; }
.agenda_item { float: left; width: 230px; height: 160px; padding: 20px; border: 1px solid transparent; cursor: pointer; color: black;  }
.agenda_item:hover { border: 1px solid black; color: #BF0427; }
.fecha { color: white; color: white; font-family: 'Chivo Bold'; font-size: 14px; }
.fecha small { color: black; font-style: normal; font-family: 'Chivo Bold'; }

/* contacto  */ 

.contacto { float: left; width: 100%; background-color: #D8D9DD; padding: 20px; margin-top: 0; }
.contacto a { color: black; } .contacto a:hover { color: white; }
.contacto_cont { float: left; width: 100%; background-color: #C2C3C9; padding: 20px; margin-bottom: 10px; }
.radios { float: left; height: 40px; width: 100%; color: white; }
.radio { width: 20px; height: 20px; }

input, textarea { border: 0; height: 40px; width: 100%; background-color: white; font-size: 12px; padding: 8px; margin-bottom: 10px; }
textarea { height: 140px; background-color: rgba(255,255,255,0.5); }
button { color: white; padding: 10px; background-color: #BF0427; border: 0; margin: 0; font-family: 'Chivo'; cursor: pointer; }
button:hover { background-color: black; }

.footer { position: relative; position: absolute; position: fixed; width: 100%; height: 68px; left: 0; bottom: 0; text-align: center; padding-top: 22px; background-color: white; z-index: 4000; }
.nav_footer { margin: 0 auto; display: table; }
.nav_footer li { float: left; color: black;  margin: 0 18px; }
.nav_footer li a { color: black;  } .nav_footer li a:hover { color: #BF0427; }
.nav_footer li img { margin-top: -5px; }

.select2 {  font-family: 'Chivo Bold';  }

.footer hr { border-bottom: 1px solid black; position: absolute; width: 100vw; top: -31px; right: 0; z-index: 2000; }
.logo hr { border-bottom: 1px solid black; position: absolute; width: 100vw; top: 37px; right: 0; z-index: 2000; border-top: 1px solid white; }

.firma { float: left; width: 30%; margin-top: 20px; color: gray; }
.firma a { color: gray; } .firma a:hover { color: #BF0427; }

.nuevos_datos { float: left; width: 70%; color: #666; padding: 20px 0; }
.nuevos_datos h1 { margin: 0; height: auto; padding: 0; font-family: 'Chivo Bold'; color: #666; font-weight: normal; font-size: 12px; }
.nuevos_datos hr { border-bottom: 1px solid #EEE; width: 100%; margin: 5px 0; }
.ingles { color: #BF0427; font-family: 'Chivo Bold Italic'; font-style: italic; }
.nuevos_datos a { color: #BF0427; font-family: 'Chivo Bold'; font-weight: normal; }
.nuevos_datos a:hover { color: black; }
.nuevos_datos img { width: 150px; float: left;  margin-right: 20px;  }
.datos_cont { float: left; width: 380px;  }

/* news  */ 

.chapa { position: absolute; top: 60px; left: 60px; width: 35%; height: 100vh; background-color: rgba(0,0,0,0.3);  z-index: 1000;  }
.news { position: absolute; top: 90px; left: 90px; width: 30%; color: white; padding-bottom: 90px; z-index: 2000; }
.news_titulo { float: left; width: 126px; height: 50px; font-size: 13px; border: 1px solid white; padding: 5px; margin-bottom: 5px; background-color: rgba(0,0,0,0.3); }
.news_cont { float: left; width: 100%; border: 1px solid white; padding: 10px; background-color: rgba(0,0,0,0.4); }
.news_item { float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed white; }
.news_item h3 { margin: 0; font-size: 13px; }
.news_item p { font-size: 11px; }
.news_item img { width: 50%; display: block; margin: 10px 0; }

.tapa1 { position: fixed; left: 0; width: 68px; height: 100%; background-color: white; z-index: 5000; }
.tapa2 { position: fixed; right: 0; top: 0; width: 68px; height: 70px; background-color: white; z-index: 5000; }
.tapa3 { position: fixed; right: 0; bottom: 0; width: 68px; height: 70px; background-color: white; z-index: 5000; }