article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; } @import url('reset.css'); body,td,th { color: #000; font-size:13px; font-family: Arial, Helvetica, sans-serif; } body { background-color: #FFF; background-image: url(img/fondo.jpg); background-repeat: repeat-x; color: #000; } body,img{ border:none} #contenedor { position: relative; color: #000; font-family: Arial, Helvetica, sans-serif; margin: 0 auto; padding-bottom: 50px; overflow: visible; width: 1100px; z-index: 20; } #cabecera { z-index: 300; position: relative; text-align: center; width: 1100px; background-position: center center; background-repeat: no-repeat; height: 188px; } #ligtbox-noti { position: relative; float: left; } #redes { z-index: 310; width: 500px; height: 188px; float: right; padding-right: 40px; } #redes img { border: 0px; } #redes ul li { float: right; margin: 20px 5px; } #menusup { font-size: 11px; margin-right: -5px; float: right; margin-top: -90px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; z-index: 7000; position: relative; color: #FFF; width: 800px; } #menusup ul { list-style: none; height: auto; margin-left: -90px; } #menusup ul li { background: #0093dd; position: relative; float: left; margin-right: 5px; width: 100px; height: auto; line-height: normal; text-align: center; border: 1px solid #CCC; } #menusup ul li.cell { background: #000; position: relative; float: left; margin-right: 5px; width: 110px; height: 38px; line-height: 50px; text-align: center; border: 1px solid #CCC; /* Color del borde, debe ser más oscuro que fondo */ } #menusup ul li a { line-height: normal; } #menusup ul li:hover { background: #000; cursor: pointer; /* cambiar el aspecto del puntero */ } /* #logo{ float:clear:left; margin-top:10px; margin-left:0px; z-index:200; overflow: visible; position:relative; z-index:2; } */ #logo { float: left; position: absolute; margin-top: 10px; margin-left: 0px; z-index: 200; } #logo img { border: 0px; } #slider { width: 752px; margin-top: -35px; margin-left: 40px; float: left; position: relative; z-index: 1; overflow: visible; } #nosotros { line-height: 25px; width: 660px; margin: 0px 10px auto; text-align: justify; font-family: Arial, Helvetica, sans-serif; float: left; color: #000; position: relative; padding: 0 0 30px 0; z-index: 1; } #nosotros h1 { font-size: 24px; color: #0093dd; text-shadow: 2px 2px 2px #FFF } #nosotros h3 { margin-top: 30px; text-align: center; padding-left: 300px; font-size: 24px; color: #0093dd; text-shadow: 2px 2px 2px #FFF } #nosotros h2 { font-size: 24px; color: #0093dd; text-shadow: 2px 2px 2px #FFF } #fotonos { width: 349px; height: 471px; top: -5px; margin-left: 45px; position: relative; float: left; overflow: hidden; } #fotonlo { width: 374px; height: 774px; top: 5px; margin-left: 5px; position: relative; float: left; overflow: hidden; } #textobienvenida { overflow: hidden; background: #0093dd; color: #FFF; font-size: 17px; line-height: 19px; font-family: Arial, Helvetica, sans-serif; width: 250px; height: 323px; float: right; margin-top: -29px; margin-right: 38px; border: 1px solid #CCC; /* Color del borde, debe ser más oscuro que fondo */ background: #0093dd; /* Fondo */ box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .2), inset -2px -2px 3px rgba(0, 0, 0, .1), 2px 2px 30px rgba(0, 0, 0, .1); text-shadow: 1px 1px 1px rgba(255, 255, 255, .20); /* Sombra del texto */ text-align: justify; } #textobienvenida h1 { text-transform: uppercase; width: 220px; font-size: 19px; font-weight: bold; margin-top: 30px; text-align: left; margin-left: 20px; color: #FFF; } #textobienvenida hr { border: 1px solid #000; margin-top: 20px; color: #000; opacity: 0.4; } #textobienvenida h2 { font-weight: 100; font-size: 15px; text-align: justify; margin-top: 10px; margin-left: 15px; letter-spacing: 0.5px; word-break: break-all; margin-right: 30px; padding: 5px; width: 205px; color: #FFF; } #leermas h1 { margin-top: -5px; text-transform: none; font-size: 14px; padding-top: 12px; width: 90px; float: right; margin-right: 15px; text-align: center; height: 30px; background: #0CF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } #leermas h1:hover { background: #000000; opacity: 0.5; color: #09F; } #categorias { position: relative; overflow: hidden; width: 100%; height: auto; z-index: 5; text-align: left; margin: 330px auto; padding-left: 0px; } #preinfantil { width: 285px; margin: 0 auto; float: left; padding-right: 75px; color: #000000; } #preinfantil h1 { text-shadow: 0.1em 0.1em #FFFFFF; text-align: left; margin-left: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #0099FF; font-weight: bold; padding-bottom: 10px; } #preinfantil h2 { width: 100%; padding-top: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: 100; text-align: left; } #leermas2 h1 { color: #FFF; text-shadow: none; text-transform: none; font-size: 14px; padding-top: 12px; width: 90px; margin-top: 6px; margin-left: 200px; text-align: center; height: 20px; background: #0CF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } #leermas2 h1:hover { background: #000000; opacity: 0.5; color: #09F; } #infantil { width: 285px; margin: 0 auto; float: left; padding-right: 65px; } #infantil h1 { text-shadow: 0.1em 0.1em #FFFFFF; text-align: left; font-size: 19px; margin-left: 2px; font-family: Arial, Helvetica, sans-serif; color: #0099FF; font-weight: bold; padding-bottom: 10px; } #infantil h2 { padding-top: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: 100; text-align: left; } #leermas3 h1 { color: #FFF; text-shadow: none; text-transform: none; font-size: 14px; padding-top: 12px; width: 90px; margin-top: 8px; margin-left: 200px; text-align: center; height: 20px; background: #0CF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } #leermas3 h1:hover { background: #000000; opacity: 0.5; color: #FFF; } #juvenil { width: 285px; margin: 0 auto; float: left; padding-right: 25px; } #juvenil h1 { text-shadow: 0.1em 0.1em #FFFFFF; text-align: left; margin-left: 2px; font-family: Arial, Helvetica, sans-serif; color: #0099FF; font-size: 19px; font-weight: bold; padding-bottom: 10px; } #juvenil h2 { padding-top: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: 100; text-align: left; } #leermas4 h1 { color: #FFF; text-shadow: none; text-transform: none; font-size: 14px; padding-top: 12px; width: 90px; margin-top: 8px; margin-left: 200px; text-align: center; height: 20px; background: #0CF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } #leermas4 h1:hover { background: #000000; opacity: 0.5; color: #09F; } #contenido { color: #000; position: absolute; width: 100%; height: auto; text-align: center; margin: -330px auto; } #noticias { width: 42%; float: left; margin-top: 90px; margin-left: 40px; } #noticias h1 { margin-top: -40px; text-align: left; position: relative; z-index: 250; height: 350px; color: #000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; } #noticias hr{ margin-top:-330px; height:1px; background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ opacity:0.5; } .carrusel { height: 290px; overflow: hidden; position: relative; width: 100%; } .bloque-imagenes { margin: 0 0 0 0; padding: 0; } .bloque-imagenes li { list-style: none; margin: 0; padding: 0; margin-bottom: 12px; } #btn-contacto{behavior: url(PIE-1.0.0/PIE.htc); width:110px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; height:40px; border-radius:10px 10px 10px 10px; line-height:40px; text-align:center; background:#0093DD} #btn-contacto:hover{ border:1px solid #FFF; background:#000; -webkit-box-shadow: 0px -1px 29px 0px rgba(255,255,255,1); -moz-box-shadow: 0px -1px 29px 0px rgba(255,255,255,1); box-shadow: 0px -1px 29px 0px rgba(255,255,255,1);} .bloque-imagenes li img { height: 73px; width: 100%; border: 0; } .bloque-imagenes a:hover img { border: 1px #fff solid; } #sede { width: 40%; height: 260px; float: left; margin-top: 64px; margin-left: 120px; } #sede hr { margin-top: 5px; height: 1px; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#ffffff', GradientType=1); /* IE6-9 */ opacity: 0.5; } #sede h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-align: left; color: #000; margin-top: -16px; } #apps { padding-left: 35px; text-align: center; margin: 50px auto; width: 100%; float: left; } #googlemaps { color: #000; font-family: Arial, Helvetica, sans-serif; position: relative; width: 330px; left: -50px; float: left; padding-right: 30px; } #googlemaps hr { width: 300px; max-width: 300px; position: relative; border: none; height: 2px; background: #333; left: 50px; } #txtmapdos { width: 398px; position: relative; overflow: hidden; float: left; margin-top: 15px; z-index: 100; color: #000; padding: 5px; margin-left: -38px; text-align: right; line-height: 21px; } #logo2 { margin-top: -29px; margin-right: 140px; float: right; position: relative; z-index: 190; } #footer { padding-top: 35px; width: 1120px; height: 200px; margin: 0 auto; } #menu ul li { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 25px; width: 85px; height: 25px; text-align: center; float: left; margin: 2px; /* Separar los botones */ } #menu ul li.cell { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 25px; width: 85px; height: 25px; text-align: center; float: left; background: #06F; margin: 2px; /* Separar los botones */ } #menu ul li:hover { background-color: #06F; /* Color de fondo sobre el boton */ cursor: pointer; /* cambiar el aspecto del puntero */ } #menu ul { /* Linea para delimitar la botonera */ } #tabla2 { float: left; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #tabla2 a { color: #000; } #tabla2 a:hover { color: #3b5998 } #tabla2 h1 { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 18px; } #tabla2 h2 { font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 17px; font-size: 16px; } #tabla3 { position: relative; color: #000; font-family: Arial, Helvetica, sans-serif; float: right; text-align: right; width: 50%; margin: -20px 0 0 0; font-family: Arial, Helvetica, sans-serif; z-index: 300; } #tabla3 h1 { font-family: Arial, Helvetica, sans-serif; color: #000; margin-left: 40px; font-size: 18px; line-height: 24px; } #tabla3 h2 { font-family: Arial, Helvetica, sans-serif; color: #000; margin-left: 40px; font-size: 16px; line-height: 28px; } #tabla3 h3 { font-family: Arial, Helvetica, sans-serif; color: #000; margin-left: 40px; font-size: 16px; line-height: 28px; } #titulos{ padding-left:20px; text-align:center; width:300px; height:40px; border: 1px solid #CCC; background:#0093dd; border-radius: 10px; } #googlemaps h1{ font-family: Arial, Helvetica, sans-serif; font-size:24px; text-align:left; margin:7px auto; } #googlemaps hr{ margin:30px 7px auto; width:100%; opacity:0.4; } .barra_vertical{ float:left; margin-top:10px; margin-left:60px; border-left: 2px solid #999999; width:1px; height:150px; } .demo-1 .elastislide-horizontal { padding: 0px 37px; border-radius: 10px/90px; height:500px; } .elastislide-list { list-style-type: none; display: none; } .no-js .elastislide-list { display: block; } div.elastislide-carousel{ width:1080px; height:265px; overflow-style:auto} .elastislide-carousel ul li { min-width: 20px; /* minimum width of the image (min width + border) */ } .elastislide-wrapper { position: relative; margin:-10px auto; min-height: 262px; } .elastislide-wrapper.elastislide-loading { background-image: url(../img/loading.gif); background-repeat: no-repeat; background-position: center center; } .elastislide-horizontal { padding: 10px; } .elastislide-vertical { padding: ; } .elastislide-carousel { overflow: hidden; position: relative; } .elastislide-carousel ul { position: relative; display: block; list-style-type: none; padding: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .elastislide-horizontal ul { white-space: nowrap; } .elastislide-carousel ul li { margin: 0 33px; -webkit-backface-visibility: hidden; } .elastislide-horizontal ul li { height: 100%; display: inline-block; } .elastislide-vertical ul li { display: block; } .elastislide-carousel ul li a { display: inline-block; width: 100%; } .elastislide-carousel ul li a img { display: block; border: 2px solid white; max-width: 100%; } /* Navigation Arrows */ .elastislide-wrapper nav span { position: absolute; background: #ddd url(../img/nav.png) no-repeat 4px 3px; width: 40px; height: 40px; border-radius: 20%; text-indent: -9000px; cursor: pointer; opacity: 0.8; } .elastislide-wrapper nav span:hover { opacity: 1.0 } .elastislide-horizontal nav span { top: 50%; left: 10px; margin-top: -11px; } .elastislide-vertical nav span { top: 10px; left: 50%; margin-left: -11px; background-position: -17px 5px; } .elastislide-horizontal nav span.elastislide-next { right: 10px; left: auto; background-position: 5px -43px; } .elastislide-vertical nav span.elastislide-next { bottom: 10px; top: auto; background-position: -17px -18px; } #nosotros ul{ font-size:14px; margin-left:20px; list-style:none; line-height:25px; width:95%;} #nosotros ul li{ color:#000;} #misionyvision{ width:1100px; float:left; position: relative; color: #000; text-align:justify; } #misionyvision h3{ position:relative; float:left; width:100%; color:#000; font-size:24px; text-align:left; margin:10px 0 0 0; padding:0 0 0 0; } #administrativo{ width:1050px; position:relative; margin-top:20px; color:#000; font-family:Arial, Helvetica, sans-serif} #administrativo h1{ padding-left:0px; font-size:24px; color:#0093dd; text-shadow:2px 2px 2px #FFF; text-align:center;} #directoresdos{ cursor:pointer; margin-top:10px;-webkit-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); z-index:10; font-size:12px; line-height:15px; width:220px; margin-left:60px; margin-right:60px; padding:10px; height:320px; position:relative; border-radius:10px 10px 10px 10px; background: #FFF; float:left; text-align:center; color:#000;} #fotoperfildos{ margin:20px auto; position:relative; width:136px; border-radius:10px 10px 10px 10px; height:164px; border:6px solid #333} #directoresdos h4{color: #000; padding-bottom:5px;} #directoresdos h2{ z-index:20; margin-top:-10px; border-radius:10px 10px 0 0;-webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); position:absolute; width:240px; height: auto; text-shadow:1px 1px 1px #000000; line-height:30px; margin-left:-10px; font-size:18px; color: #FFF; padding-bottom:5px; background:#0093E0;} #directores{ cursor:pointer; margin-top:10px;-webkit-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.75); z-index:10; font-size:12px; line-height:15px; width:220px; margin-left:60px; margin-right:60px; padding:10px; height:220px; position:relative; border-radius:10px 10px 10px 10px; background: #FFF; float:left; text-align:center; color:#000; overflow:hidden; display:block;} #fotoperfil{ margin:20px auto; position:relative; width:136px; border-radius:10px 10px 10px 10px; height:164px; border:6px solid #333;} #leermasd{ display:block; overflow:hidden; font-weight:bold; width:auto; height: auto; border-radius:5px 5px 5px 5px; background:#0094E0; position: relative; top:10px; padding:8px; } #leermasd:hover{ background:#FFF; display:block; overflow:hidden; color:#0094E0; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,148,224,1); -moz-box-shadow: 0px 0px 8px 0px rgba(0,148,224,1); box-shadow: 0px 0px 8px 0px rgba(0,148,224,1); font-weight:bold;} #directores h4{color: #000; padding-bottom:5px;} #directores h2{ z-index:20; margin-top:-10px; border-radius:10px 10px 0 0;-webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75); position:absolute; width:240px; height: auto; text-shadow:1px 1px 1px #000000; line-height:30px; margin-left:-10px; color: #FFF; padding-bottom:5px; background:#0093E0;} #contactenos{ position:relative; float:left; width:50%; height:500px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align: left; margin:50px 0 0 0; } .contact_form h2 { position:relative; margin:-20px 0 0 0; float: left; text-align: left; border-radius: 5px; color: #0094E0; display: block; font-family: calibri; font-size: 20px; padding: 10px 0; text-shadow: 1px 1px 1px #CCCCCC; width:100%; } /*--- estilos para los ul y li del formulario ---*/ .contact_form ul { float: left; position:relative; overflow:hidden; width:500px; list-style-type:none; margin:0px; padding:0px; } .contact_form li{ padding:12px; border-bottom:1px solid #eee; position:relative; } .contact_form label { color: #555555; display: inline-block; float: left; font-family: calibri; font-size: 13px; font-weight: bold; margin-top: 3px; padding: 3px; width: 90px; } .contact_form input { height:20px; width:220px; padding:5px 8px; } .contact_form textarea { padding:8px; width:300px; } .contact_form button { margin-left:90px; } /*----- estilos visuales de los elementos --------*/ .contact_form input, .contact_form textarea { border:1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius:2px; color: #888; font-size: 12px; padding-right:30px; -moz-transition: padding .25s; -webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; } .contact_form input:focus, .contact_form textarea:focus { background: #fff; border:1px solid #555; box-shadow: 0 0 3px #aaa; padding-right:80px; } /* === Estilos de Validacion === */ .contact_form input:required:valid, .contact_form textarea:required:valid { box-shadow: 0 0 5px #5cd053; border-color: #28921f; } .contact_form input:focus:invalid, .contact_form textarea:focus:invalid { box-shadow: 0 0 5px #d45252; border-color: #b03535 } /* === Estilos del boton de Envio === */ button.submit { padding: 9px 17px; font-family: Helvetica,calibri, Arial, sans-serif; font-weight: bold; line-height: 1; color: #444; border: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb)); background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF); background-color: #fff; border: 1px solid #f1f1f1; border-radius: 10px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } button.submit:hover { opacity:.55; cursor: pointer; color: #fff; } button.submit:active { border: 1px solid #222; box-shadow: 0 0 10px 5px #444 inset; } #detalle-cat{ text-align:justify; color:#000; position:relative; width:1016px; margin:0 auto; line-height:20px;} #detalle-cat h1{ color:#0094E0; text-shadow:1px 1px 1px #333333; font-size:24px; font-weight:bold;} #detalle-cat h2{color:#0094E0; font-size:18px; } #detalle-cat ul li{ color:#000;} #detalle-cat ul { margin-top:10px; line-height:30px; position:relative; list-style:none} #inscripcion{width:550px; color:#000; margin:0 0 0 100px; float: left; position:relative; z-index:1; line-height:1.5em} #inscripcion ul{ line-height:25px;} #inscripcion ul li{ color:#000;} #inscripcion h1{ color:#0094E0; text-shadow:1px 1px 1px #333333; font-size:24px; font-weight:bold;} #inscripcion h2{color:#0094E0; font-size:18px; } #documentos{width:450px; margin:0 0 0 0px; color:#000; float: left; position:relative; z-index:1;line-height:1.5em} #documentos h2{ color:#0094E0; font-size:18px; } #documentos ul{ line-height:25px;} #documentos ul li{ color:#000;} #titulo-inscripcion{ position:relative; margin:0px auto; width:100%; overflow:hidden;} #titulo-inscripcion h1{color:#0094E0; text-align:center; text-shadow:1px 1px 1px #333333; font-size:24px; font-weight:bold;} #columnauno{ position:relative; float:left; width:500px; height:300px; overflow:hidden;} #columnados{ position:relative; float:left; width:500px; height:300px; overflow: hidden; display:block; } #efren-martinez-form { box-sizing: border-box;} #efren-martinez-form .txtinput { display: block; border-style: solid; border-width: 1px; border-color: #dedede; margin-bottom: 20px; font-size: 1.2em; padding:2px 8px 10px 55px; width: 90%; color: #777; font-family: "Raleway", sans-serif; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #efren-martinez-form .txtinput:focus { color: #333; border-color: rgba(41, 92, 161, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(41, 92, 161, 0.6); outline: 0 none; } #efren-martinez-form input#name { background: #fff url('user.png') 5px 4px no-repeat; } #efren-martinez-form input#email { background: #fff url('email.png') 5px 4px no-repeat; } #efren-martinez-form input#website { background: #fff url('website.png') 5px 4px no-repeat; } #efren-martinez-form input#telephone { background: #fff url('phone.png') 5px 4px no-repeat; } #efren-martinez-form textarea { display: block; font-family: "Raleway", sans-serif; border-style: solid; border-width: 1px; border-color: #dedede; margin-bottom: 15px; font-size: 1.2em; padding: 11px 25px; padding-left: 55px; width: 86%; height: 120px; color: #777; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #efren-martinez-form textarea:focus { color: #333; border-color: rgba(41, 92, 161, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(40, 90, 160, 0.6); outline: 0 none; } #efren-martinez-form textarea.txtblock { background: #fff url('speech.png') 5px 4px no-repeat; } #efren-martinez-form #aligned { box-sizing: border-box; float: left; width: 450px; margin-right: 50px; } #efren-martinez-form #aside { float: left; width: 250px; text-align:left; padding: 0; box-sizing: border-box; } #wrapping { width: 100%; box-sizing: border-box; } span.radiobadge { display: block; margin-bottom: 8px; } span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; } select.selmenu { font-size: 17px; color: #676767; padding: 9px !important; border: 1px solid #aaa; width: 200px; } /** custom buttons **/ #buttons { display: block; padding-top: 10px; font-family: "Raleway", sans-serif; padding-bottom:20px; } /* #buttons #resetbtn { display: block; float: left; color: #515151; text-shadow: -1px 1px 0px #fff; margin-right: 20px; height: 2em; padding: 0 1em; outline: 0; font-weight: bold; font-size: 1em; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; border-radius: 2px; background-color: #fff; } #buttons #resetbtn:hover { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #818181; background-color: #fff; } */ #buttons #submitbtn, #buttons #resetbtn { display: block; float: left; height: 2em; padding: 0 1em; border: 1px solid; outline: 0; font-weight: bold; font-size: 1em; color: #fff; text-shadow: 0px 1px 0px #222; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; border-radius: 2px; border-radius: 2px; border-color: #03F #000 #000; box-shadow: inset 0 1px 0 rgba(256,256,256, .35); background-color: rgb(0,148,224); } #buttons #submitbtn:hover, #buttons #submitbtn:active { border-color: #06F #000 #000; color: #000; box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5); background: rgb(0,148,224); } #buttons #resetbtn:hover, #buttons #resetbtn:active { border-color: #06F #000 #000; color: #000; box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5); background: rgb(0,148,224); } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /** all devices and responsive browser windows **/ @media screen and (max-width: 800px) { #container { width: 100%; } #efren-martinez-form #aligned { width: 100%; float: none; display: block; } #efren-martinez-form #aside { width: 100%; display: block; float: none; } #efren-martinez-form .txtinput, #efren-martinez-form textarea { width: 85%; } #prioritycase { float: left; display: block; float:left; color:#000; } #recipientcase { float: left; display: block; margin-right: 55px; } } /* smaller screen dropoff *******/ @media only screen and (max-width: 550px) { #efren-martinez-form .txtinput, #efren-martinez-form textarea { width: 80%; } } /* iPhone Landscape ********/ @media only screen and (max-width: 480px) { select.selmenu { width: 190px; } } /* iPhone portrait *******/ @media only screen and (max-width: 320px) { #efren-martinez-form .txtinput, #efren-martinez-form textarea { width: 70%; } #efren-martinez-form #aligned { overflow: hidden; } select.selmenu { width: 160px; } #recipientcase { margin-right: 30px; } } #formulario-ins{ width:100%; position:relative; overflow:hidden; display:block; margin-top:-300px; box-shadow:0px 0px 0 rgb(200,200,200),0px 1px 0 rgb(176,176,176),0px 2px 0 rgb(151,151,151),0px 3px 0 rgb(126,126,126),0px 4px 0 rgb(101,101,101),0px 5px 0 rgb(77,77,77),0px 6px 0 rgb(52,52,52),0px 7px 0 rgb(27,27,27), 0px 8px 0 rgb(2,2,2),0px 9px 8px rgba(0,0,0,0.6),0px 9px 1px rgba(0,0,0,0.5),0px 0px 8px rgba(0,0,0,.2);} #redcontacto{ text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:700; float:right;position:relative; overflow:hidden; right:170px; top:10px;} .img{ margin-right:10px; position:relative; cursor:pointer} .parrafoadmin{ padding:10px; width:100%; margin:0 auto; font-size:18px; font-family:Arial, Helvetica, sans-serif; position:relative; overflow:hidden; display:block; color:#000; text-align:justify;} .detalle-cont{ position:relative; font-size:18px; color:#000; padding:0 0 5px 0; background:url(../img/fondo_detalle.png) repeat-x; background-position:top; width:1050px; height:200px; margin:0 auto 30px; box-shadow:4px 2px 2px 2px #CCCCCC; overflow:hidden; } .detalle-cont h2{ text-shadow:1px 1px 1px #000; color:white; font-weight:bold; float:left; font-size:28px;} #marco{ width:136px; height:164px; position:relative; overflow:hidden; float:left; display:block; border:1px solid #0094E0;} #marcofuera{ width:136px; height:164px; padding-right:10px; position:relative; float:left; overflow:hidden; display:block;} #titulo-foto{ color:#000; float:left; margin-top:170px; margin-left:-128px; font-size:14px; text-align:center; width:100px; font-weight:bold} #imgfondo{ float:right; position: relative; margin-top:80px; display:block; background: url(../img/logoatleticogalicia.png) no-repeat; background-size:contain; width:40px; height:40px;} #img-nota{ width:80px; height:70px; float:left; display:block; overflow:hidden; border:1px solid #333;} #titulosform{ width: auto; height:40px; overflow:hidden; padding:5px; font-weight:bold; margin-top:30px; display:block; position: absolute; float:left; background:#CCC; } #formulario{ behavior: url(PIE-1.0.0/PIE.htc); position:relative; float:left; display:block; overflow: hidden; width:100%; height:auto; background:#FFF; box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); padding:20px 60px 20px; } #cont-fundador{ padding:5px; border-radius:10px 10px 10px 10px; width:300px; left:7px; color:#000; text-align:justify; position:relative; margin-top:25px; overflow:hidden; border:1px solid #CCC;} #cont-fundador h1{ color: #000; font-size:18px; position:relative; margin-top:20px;} #carruseldos-pat{ width:300px; height:380px; position:relative; overflow:hidden; margin:20px auto;} .bloquedos-imagenesdos{ margin:0 0 0 12px; padding:0; } .bloquedos-imagenesdos li{ list-style:none; margin:0; padding:0; margin-bottom:12px; } .bloquedos-imagenesdos li img{ z-index:5; height:73px; width:180px; border:0; } .bloquedos-imagenesdos a:hover img{ behavior: url(PIE-1.0.0/PIE.htc); border:1px #fff solid; -webkit-box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.9); box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.9); } .bloquedos-imagenesdos li a{ behavior: url(PIE-1.0.0/PIE.htc); position:relative; float:left; width:100%; margin:15px auto; } .bloquedos-imagenesdos li .txt-convenios{ behavior: url(PIE-1.0.0/PIE.htc); border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; box-shadow:2px 2px 8px #333; width:100%; overflow:hidden; padding:0px; height:100%; position:absolute; font-size:12px; background:#FFF; border:1px solid #333; margin:-80px auto; -webkit-transition:0.5s; opacity:.0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; color: #000;} .bloquedos-imagenesdos li :hover .txt-convenios:hover{behavior: url(PIE-1.0.0/PIE.htc); opacity:0.9; line-height:18px; width:100%; margin-top:-65px; cursor:pointer; display:block; overflow:hidden; height:auto; z-index:50;} #txt-fundador{ text-align:justify; width:100%; color:#000; line-height:20px; position:relative; float:left; overflow:hidden; padding-right:10px;} #columnaizqtxt{ position:relative; float:left; color:#000; width:600px; text-align:justify; margin:30px 0 0 0; padding-right:10px;} #txttecnico{ position:relative; float:left; color:#000; width:100%; text-align:justify; margin:0 auto; padding:30px 0 0 0; } #slid-fundador{ width: 420px; position:relative; float:left; padding-bottom:20px; color:#000; float:left; } #notidos{ top:20px; width:100%; position:relative; float:left; overflow:hidden; border-bottom:1px dashed #999999; color:#000; line-height:20px;} #txt-noti{ width:100%; position:relative; float:left; z-index:10000; overflow:hidden; color:#000; text-align: center;} #txt-detalle{ text-align:center; line-height:18px; color:#000; width:100%; position:relative; overflow:hidden; float:left; padding:10px 0 0 0; } #slideguno{ width:240px; border:2px solid #999; box-shadow:2px 2px 2px #666; height:140px; overflow:hidden; float:left; position:relative;} #slidegdos{ width:240px; height:140px; overflow:hidden; border:2px solid #999; box-shadow:2px 2px 2px #666; float:left; position:relative; left:30px;} #slidegtres{ width:240px; height:140px; overflow:hidden;border:2px solid #999; box-shadow:2px 2px 2px #666; float:left; position:relative; left:60px;} #slideguno:hover{-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);} #slidegdos:hover{-webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);} #btn-redes-float{behavior: url(PIE-1.0.0/PIE.htc); position: fixed; margin-left:98%; margin-top:3%; border-radius:10px 10px 0 10px; width:40px; height:120px; background:#4b6cb1; border:1px solid #000; background-image: url(../img/facebook-hor.png); background-position:bottom center; background-repeat:no-repeat; z-index:5000000;} #btn-redes-float h1{behavior: url(PIE-1.0.0/PIE.htc); font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:59px; letter-spacing:1px; margin-left:-10px; -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* IE 9 */ -ms-transform: rotate(-90deg); /* IE 8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #cont-face{behavior: url(PIE-1.0.0/PIE.htc); overflow:hidden; opacity:0; -webkit-transition:0.5s; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; width:310px; height:120px; z-index:500000; display: block; position:absolute; margin:-71px auto;} #cont-face:hover{behavior: url(PIE-1.0.0/PIE.htc); border-radius:10px 10px 10px 10px; overflow-y:auto; overflow-x:none; background:#000; width:315px; height:410px; margin-left:-300px; opacity:0.9; display: block; z-index:90000000;} #btn-redes-float-dos{behavior: url(PIE-1.0.0/PIE.htc); position:fixed; margin-top:5%; border-radius:10px 10px 0 10px; width:55px; height:120px; background:#64adde; border:1px solid #000; background-image: url(../img/twitter-float.png); background-position:bottom center; background-repeat:no-repeat;} #btn-redes-float-dos h1{behavior: url(PIE-1.0.0/PIE.htc); font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:50px; letter-spacing:1px; margin-left:-10px; -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* IE 9 */ -ms-transform: rotate(-90deg); /* IE 8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } #cont-twitt { behavior: url(PIE-1.0.0/PIE.htc); overflow: hidden; opacity: 0; -webkit-transition: 0.5s; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; width: 315px; height: auto; z-index: 10000000; cursor: pointer; display: block; position: absolute; margin: -71px auto; } #cont-twitt:hover { behavior: url(PIE-1.0.0/PIE.htc); border-radius: 10px 10px 10px 10px; overflow-y: auto; overflow-x: none; background: #000; width: 300px; height: 350px; margin-left: -290px; opacity: 0.9; display: block; z-index: 900000; } #slidegtres:hover { behavior: url(PIE-1.0.0/PIE.htc); -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.75); } .carpetagal { padding-bottom: 5px; box-sizing: border-box; -moz-box-sizing: border-box; width: 180px; height: 170px; position: relative; overflow: hidden; display: block; float: left; margin-left: 10px; margin-top: 10px; border: 1px solid #CCC; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; } .carpetagal:hover { box-shadow: 1px 3px 5px 2px #999999; -moz-box-shadow: 1px 3px 5px 2px #999; -ms-box-shadow: 1px 3px 5px 2px #999; } .imgcarpeta { width: 100%; position: relative; overflow: hidden; display: block; height: 100px; } .imgcarpeta img { width: 100%; text-align: center; -webkit-transform: all scale(, 1); -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -moz-transform: all scale(, 1) } .imgcarpeta img:hover { width: 125%; margin: 0 auto; text-align: center; margin-left: -25px; margin-top: -16px; } .datos { width: 100%; box-sizing: border-box; padding: 5px; overflow: hidden; position: relative; display: block; color: #333; font-size: 12px; } .numeracion { width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; overflow: hidden; display: block; height: 15px; font-size: 11px; color: #666; } #primeracol { width: 70%; position: relative; overflow: hidden; float: left; display: block; padding: 10px; } #segundacol { width: 25.5%; position: relative; overflow: hidden; float: left; height: 400px; overflow-y: auto; padding-top: 16px; } .slide-gallery { width: 100%; position: relative; overflow: hidden; display: block; height: 400px; } .wrapper { background-color: white; width: 100%; margin: 0 auto; padding: 5px; box-shadow: 0 0 5px #999; } .list_carousel { margin: 0 auto; width: 100%; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { font-size: 40px; color: #999; text-align: center; width: 800px; height: 100%; padding: 0; margin: 6px; display: block; float: left; } .list_carousel li img { text-align: center; margin: 0 auto; width: auto; height: 100% } .list_carousel.responsive { width: auto; margin-left: 0; } .clearfix { margin: 0 auto; position: absolute; float: none; clear: both; } .prev { opacity: 0.5; position: absolute; margin-top: -225px; color: #F00; float: left; margin-left: 10px; } .prev:hover { opacity: 0.9; } .next { opacity: 0.5; position: absolute; margin-top: -225px; color: #F00; float: left; margin-left: 670px; } .next:hover { opacity: 0.9; } .pager { color: #000; float: left; width: 90%; text-align: center; } .pager a { margin: 0 5px; text-decoration: none; } .pager a.selected { text-decoration: underline; } .timer { background-color: #999; height: 6px; width: 0px; } #txt-inscripcion { width: 80%; margin: 0 auto; position: relative; height: 80px; padding-bottom: 10px; color: #000; overflow: hidden; display: block; padding: 5px; text-align: justify; line-height: 1.2em } #titulosede { width: 100%; font-size: 19px; color: #000; padding-bottom: 20px; } .cont-box { width: 100%; position: relative; overflow: hidden; padding: 10px; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.75); } #sliderlogros { position: relative; overflow: hidden; width: 52%; margin: 0 auto; height: 370px; } #txtlogros { position: relative; float: left; width: 100%; margin: 0 0 0 150px; } #txtlogros h1 { font-size: 24px; color: #0093dd; text-shadow: 2px 2px 2px #FFF } #txtlogrosdos { width: 100%; text-align: justify; position: relative; float: left; overflow: hidden; padding: 2px; padding-bottom: 18px; } #aviso { position: relative; float: left; padding: 5px 0; text-align: center; color: #900; }