@charset "utf-8"; *{ margin: 0; padding: 0; } html, body{ margin: 0; padding: 0; /*background: #404247; background-color: gray;*/ background-image: url('../images/bgv_body.png'); background-size: 100%; background-repeat: repeat-y; /*background: rgba(0,0,0,.02);*/ font-family: 'Droid Sans', sans-serif; font-weight: 400; font-size: 14px; } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #DAA520; } body::-webkit-scrollbar-thumb { background-color: #727b7f; } #wrapper{ width: 1200px; height: auto; margin: 0 auto; /*box-shadow: 2px 2px 20px 10px rgba(0,0,0,.3);*/ } header{ max-width: 1200px; height: 150px; background-image: url('../images/bg_cintillo.png'); /* Imagen color de fondo */ overflow: hidden; } header .date-pub-tablet{ display: none; } #logo{ position: absolute; margin-top: 30px; margin-left: 50px; width: auto; } #name{ position: absolute; margin-top: 14px; margin-left: 190px; height: 50px; overflow: hidden; } #name h1, h3{ color: #FFF; font-weight: normal; } #name h1, #name h3{ font-size: 4em; visibility: hidden; /* Para ocultar el texto del cintillo de la revista */ } #unach{ position: absolute; margin-top: 32px; margin-left: 860px; } nav{ position: relative; vertical-align: central; width: 100%; height: 40px; background: #b88c03; background-image: url('../images/bg_nav.png'); background-repeat: repeat-x; } nav ul{ margin-left: 50px; } nav ul li{ display: inline-block; font-size: 1.4em; color: #FFF; width: auto; padding: 7px; } nav ul li a{ text-decoration: none; color: #FFF; } nav ul li a:hover{ color: #412f03; } /*Menu responsive... 24/09/2014:11:00 - am*/ nav ul li:first-child{ display: none; } .cont-menu{ width: 100%; height: auto; background-color: #EBE7DE; display: none; padding: 20px 40px; box-sizing: border-box; } .cont-menu a{ text-decoration: none; display: block; color: #030303; line-height: 2em; } /* Estructura de items de cada menu (submenu) */ #submenu{ top: 37px; margin: 0; padding: 0; position: absolute; margin-left: -90px; background: url("../images/flecha.png") #412f03 top center; background-repeat: no-repeat; } #submenu li{ position: relative; display: none; margin: 0px 4px; padding: 0; width: 120px; text-align: center; background-color: #412f03; } #submenu li:last-child{ border-right: none; } #submenu li a{ font-size: 0.5em; color: #FFF; position: relative; top: -4px; background-color: #412f03; } #submenu li a:hover{ font-size: 0.5em; color: goldenrod; } nav ul li:hover > #submenu li{ display: inline-block; position: relative; } /* Fin Estructura de items de cada menu */ .selected{ /*background-color: red;*/ color: #412f03; } #buscador{ position: relative; margin: -35px 930px; float: left; width: 220px; height: 30px; background-image: url('../images/buscador.png'); } #buscador span{ font-size: 1.2em; } #buscador input{ margin: 0 10px; font-size: 1em; background: rgba(0, 0, 0, 0); border: none; font-family: Times New Roman; height: 30px; width: 170px; } #container{ width: 100%; height: auto; display: inline-block; background-color: /*#c3c3c3; #F7F7F7; #D7D0B9; #EFEDE7;*/ #EFEDE7; /*background-image: url('../images/bg_conteiner.png'); /* Color de fondo de la revista background-size: 100%;*/ } #site{ margin-left: 45px; margin-right: 26px; } #secciones{ margin-left: 25px; margin-right: 45px; } #site, #secciones{ width: 225px; height: auto; float: left; margin-top: 40px; } #site article a{ text-decoration: none; color: #797979; } /* #site article a img{ margin-top: -5px; } */ article{ width: 230px; height: auto; padding-top: 10px; padding-bottom: 10px; } #contenido{ width: 600px; height: auto; float: left; } #slider{ margin: 50px auto; width: 600px; height: 175px; overflow: hidden; } #slider li img{ height: 175px; width: 600px; } #periodo{ width: 600px; height: 64px; background-position: top; /*background-image: url('../images/divisor.png');*/ background-repeat: no-repeat; background-size: 600px 23px; display: inline-block; /*border-bottom: 3px solid #D7D0B9;*/ /*box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2), 0px 0px 28px rgba(0, 0, 0, 0.1) inset;*/ background: url('../images/bg_periodo.png') center bottom no-repeat; /*divisor*/ } #periodo h2{ margin-top: 10px; margin-left: 100px; float: left; color: #B8860B; font-size: 35px; height: 55px; /*background-image: url('../images/bg_periodo.png'); background-position: bottom; background-repeat: no-repeat;*/ } #periodo button{ width: 200px; height: 40px; margin-top: 10px; margin-right: 100px; float: right; color: #fff; letter-spacing: 2px; background-color: #B8860B; border: 0px none; cursor: pointer; } .text-art{ /* Pendiente para definir su ubicacion en el slider.... */ margin: -80px 0px; width: 600px; height: 50px; padding: 25px; color: #FFF; font-size: 1.4em; } .slide img{ /* Pendiente para definir el tamaño de las imagenes en el slider.... */ width: 550px; height: 173px; } #contenido{ background-color: #EBE7DE; padding-bottom: 50px; } #contenido article{ /* Contenedor general articulo */ float: left; width: 250px; height: auto; margin: 25px 25px -10px 25px; } #contenido article .articulo{ width: 250px; height: 300px; } #cont-form{ margin: 0 auto; width: 550px; height: 350px; line-height: 40px; } footer{ max-width: 1200px; height: auto; background-image: url('../images/bg_cintillo.png'); /* Imagen color de fondo */ } footer article{ display: inline-block; width: 30%; height: auto; text-align: center; } footer section{ background:#11192c; display: inline-block; width: 100%; height: auto; text-align: center; } footer section article{ background:#11192c; color: #FFF; display: inline-block; padding-top: 10px; width: 45%; height: 30px; text-align: center; } .ft-generacion{ display: none; } .ft-unach{ display: block; margin: 0 auto; } /* elementos agregados para dispositivos */ .introduccion, .btn-suscriptor, #articulo-tablet{ display: none; } .date-pub, .img-mobil, #doc-comp{ display: inline-block; font-size: 14px; }