html{
font-family:Arial, Helvetica, sans-serif;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size:68.75%;
}
body{
width:auto;
margin:0 auto 0 auto;
background-color:#FFFFFF;
/*border:1px solid #000000;*/
}
div,h1,h2,h3,h4,h5,hr,ul,a,img,p,ul,li,span,form{
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration:none;
color:#444444;
}
img{
border:0px;
}
#animacion{
width:800px;
margin:0 auto 0 auto;
}
#content_home {
/*background:url(images/slider.png) no-repeat;*/
width:1024px;
/*height:392px;*/
margin:0 auto;
padding:20px 0px 0px 0px;
margin-bottom:10px;
vertical-align:baseline;
background-color:#FFFFFF;
}
#principal{
width:900px;
margin:0 auto 0 auto;
}
#main{
overflow:auto;
}
/*ESTILOS DE LA HOME*/
.logo{
margin:5px 0 0 185px;
}
.search{
width:8.95em;
font-size:1em;
padding:0.3em;
border-top: #FF0000 solid 1px;
border-left:#FF0000 solid 1px;
border-bottom:#FF0000 solid 1px;
border-right:#FF0000 solid 1px;
height:1.25em;
}
.buscar{
width:2.95em;
font-size:1em;
background:#FEFEFE url(../images/search-bg.gif) scroll no-repeat 0 0;
border-top: #ffffff solid 0px;
border-left:#ffffff solid 0px;
border-bottom:#ffffff solid 0px;
border-right:#ffffff solid 0px;
height:2.05em;
}
.map_web{ color:#666666;
}
#main p.sota-logo{
font-size:1.4em;
padding:0px 0 35px 15px;
text-align:center;
letter-spacing:0.4px;
font-weight:bold;/**/
}
#main p.sota-logo span{
color:#D81921;
}
ul.menu {
list-style-type:none;
font-size:1.2em;
font-weight:bold;
padding:0 0 10px 15px;
display:table;
height:15px;
/*border:1px solid #000000;*/
}
.menu li{
float:left;
width:155px;
text-align:center;
/*border:1px solid #000000;*/
}
.menu li.especial{
width:60px;
padding:0 0 0 25px;
/*border:1px solid #000000;*/
}
.menu li a{
color:#444444;
}
.menu li a.selec{
color:#D81921;
}
.menu li a:hover{
color:#D81921;
}
.foto a{
color:#444444;
}
.foto.selec{
color:#D81921;
}
.foto a:hover{
color:#D81921;
}
#main ul.submenu{
list-style-type:none;
font-weight:normal;
font-size:1.1em;
padding:0 0 0 0;
display:block;
margin:0 0 0 0px;
/*border:1px solid #000000;*/
overflow:hidden;
height:15px;
visibility:hidden;
}
/**/
#main ul.submenu-visible {
list-style-type:none;
font-weight:normal;
font-size:1.1em;
padding:0 0 0 0;
display:block;
margin:0 0 0 0px;
overflow:hidden;
height:15px;
}
#main ul.submenu li{
float:left;
text-align:center;
padding:0 0 0 50px;
margin:0 0 0 0px;
color:#666666;
font-weight:bold;
}
#main ul.submenu-visible li{
float:left;
text-align:center;
color:#666666;
font-weight:bold;
padding:0 0 0 55px;
}
#main ul.submenu li a{
color:#000000;
}
#main ul.submenu li a:hover{
color:#D81921;
}
#main ul.submenu li a.selec{
font-weight:bold;
}
#main p.titular-home{
padding:30px 80px 20px 60px;
font-size:40px;
text-align:center;
}
#main p.titular-home span{
color:#D81921;
}
#main p.titular-acto{
padding:40px 80px 80px 70px;
font-size:16px;
text-align:center;
}
#main p.titular-acto span{
color:#D81921;
}
#main p.inf-izq{
padding:10px 0px 40px 20px;
margin:0 150px 0 0;
/*border:1px solid #FF0000;*/
width:300px;
font-size:1.1em;
float:left;
}
#main p.inf-dcha{
padding:10px 0px 40px 20px;
/*border:1px solid #FF0000;*/
width:390px;
font-size:1.1em;
float:left;
}
#main div.pt-left{
height:305px;
width:500px;
display:block;
float:left;
/*border:1px solid #000000;*/
padding:50px 50px 0 0;
}
#main span.img-letra {
background-image:url(../images/letramecano.jpg);
background-repeat:no-repeat;
height:359px;
width:255px;
display:block;
float:left;
margin:0 0 15px 0;
/*border:1px solid #000000;*/
}
#main div.pt-left p.big{
font-size:2em;
padding:0 0 0px 65px;
margin:140px 0 0px 0;
text-align:right;
width:400px;
/*border:1px solid #00FF00;*/
}
#main div.pt-left p{
padding:0px 0 0 212px;
font-size:2em;
text-align:left;
width:335px;
}
#main div.pt-left p b{
color:#D81921;
font-weight:normal;
}
#main div.pt-right{
height:305px;
width:208px;
display:block;
float:left;
padding:50px 40px 0 0px;
text-align:right;
/*border:1px solid #000000;*/
}
#main div.pt-right ul{
padding:0px 0 0 0px;
font-size:1em;
list-style-type:none;
}
#main div.pt-right ul li{
padding:25px 0 0 0;
}
#main div.pt-right ul li a{
font-weight:bold;
color:#D81921;
}
#main div.pt-right ul li a:hover{
font-weight:bold;
color:#444444;
}
/*ESTILO DEL PIE DE PAGINA DE LA HOME */
.footer{
padding:padding:40px 0 0 30px;
margin-top:20px;
height:30px;
overflow:auto;
border-top:#CCCCCC solid 1px;
}
.footer p{
color:#666666;
width:300px;
float:left;
font-weight:bold;
}
.footer b{
width:300px; float:right;
color:#cccccc;
text-align:center;
}
.footer a{
float:right;
font-weight:bold;
color:#666666;
font-size:1.1em;
font-weight:bold;
}
.footer a:hover{
float:right;
font-weight:bold;
color:#D81921;
font-size:1.1em;
font-weight:bold;
}
/*FIN ESTILOS PIE DE PAGINA*/
/*FIN ESTILOS DE LA HOME*/
/*ESTILOS DE LAS PAGINAS QUE NO SON LA HOME*/
/*menu*/
#menu{
/*border:1px solid #000000;*/
}
#menu img{
height:69px;
width:252px;
margin:25px 0 0 70px;
}
#menu ul{
list-style-type:none;
font-size:1.2em;
font-weight:bold;
padding:0 0px 0 0px;
display:table;
height:20px;
margin:25px 0 0 72px;
/*border:1px solid #000000;*/
}
#menu ul li{
float:left;
text-align:center;
padding:0 7px 0 7px;
}
#menu ul li a{
color:#444444;
}
#menu ul li a:hover{
color:#D81921;
}
#menu ul li a.seleccionado,#menu ul li a.seleccionado:hover{color:#D81921;}
#menu ul.submenu-invisible {
visibility:hidden;
margin:0px 0 0 75px;
}
#menu ul.submenu-invisible1 {
visibility:hidden;
margin:0px 0 -40px 75px;
}
#menu ul.submenu {
list-style-type:none;
font-weight:normal;
font-size:1.1em;
padding:0 0 0 0;
display:table;
margin:15px 0 0 75px;
}
#menu ul.submenu li{
float:left;
text-align:center;
padding:0 4px 0 4px;
}
#menu ul.submenu li a{
color:#444444;
}
#menu ul.submenu li a:hover{
color:#D81921;
}
#menu ul.submenu li a.selec{
/*color:#FFFF00;*/
color:#D81921;
font-weight:bold;
}
/*Fin menu no home*/
#contenedor{
/*height:auto;*/
overflow:hidden;
padding:0 0 0 0;
margin:0px;
/*letter-spacing:0.4px;*/
/*border:1px solid #000000;*/
}
/*------------Estilo de listado.php--------*/
#contenedor .lista {
margin:20px 0 0px 0px;
padding:0 0 0 15px;
width:650px;
min-height:350px;
/*
height:auto;
height:350px;
overflow-x:hidden;
overflow-y:scroll;
*/
}
#contenedor .lista ul{
list-style-type:none;
font-size:1em;
margin-left:-20px;
/*margin-top:0px;*/
padding:0 0 0 120px;
}
#contenedor .lista ul li{
padding:4px 10px 4px 3px;
height:auto;
background: url(../images/punto_lista.gif);background-repeat:no-repeat; background-position: left;
/*list-style-type:decimal;*/
}
#contenedor .lista ul li a{
width:475px;
color:#444444;
font-weight:normal;
display:block;
padding:4px 10px 4px 3px;
margin-left:10px;
height:auto;
}
#contenedor .lista ul li a:hover{
width:475px;
display:block;
border:1px solid #cccccc;
color: #999999;
padding:3px 10px 3px 3px;
height:auto;
}
/*pie de pagina Home*/
.footer2{
padding:10px 0 0 30px;
height:30px;
overflow:auto;
clear:both;
}
.footer2 p{
color:#666666;
width:300px;
float:left;
font-weight:bold;
}
.footer2 m{
color:#666666;
width:200px;
float:left;
text-align:center;
font-weight:bold;
}
.footer2 a{
text-align:right;
font-weight:bold;
color:#666666;
font-size:1.1em;
font-weight:bold;
}
.footer2 a:hover{
text-align:right;
font-weight:bold;
color:#D81921;
font-size:1.1em;
font-weight:bold;
}
/*fin pie de pagina*/
/*estilos de ficha.php*/
#contenedor h3{
padding:25px 10px 15px 80px;
text-align:left;
font-size:1.2em;
color:#D81921;
/*border:1px solid #000000;*/
width:670px;
display:block;
float:left;
text-transform:uppercase;
}
#contenedor span{
display:block;
margin:23px 8px 17px 0;
color: #CCCCCC;
background-image: url(../images/flecha_volver.gif); background-repeat:no-repeat; background-position:bottom; background-position: left;
font-weight:bold;
width:104px;
float:left;
line-height:1.5em;
/*border:1px solid #000000;*/
text-align:right;
}
#contenedor span a{
margin:0 0 0 0;
padding:0 0 0 0;
color: #B7B7B7;
font-size:1.1em;
line-height:1.5em;
/*border:1px solid #000000;*/
width:auto;
}
#contenedor span a:hover{
color:#D81921;
}
#contenedor .text{
width:800px;
padding:0px 3px 0 80px;
font-size:1.1em;
line-height:1.5em;
float:left;
}
#contenedor p{
width:324px;
padding:0px 3px 0 80px;
float:left;
font-size:1.1em;
line-height:1.5em;
/*border:1px solid #000000;*/
}
#contenedor p.start-proyect{
width:700px;
padding:20px 0 10px 80px;
margin:0 0 0 0;
}
/*Estilos del archivo imagen.php*/
div#contenedor-imagenes {
/*border:1px solid #FF0000;*/
margin:22px 0 0 0;
padding:0 16px 0 0;
width:340px;
height:320px;
overflow:hidden;
float:left;
}
#contenedor-imagenes a{
padding:0;
margin:0 0 190px 0;
/*border:1px solid #00FF00;*/
}
#contenedor-imagenes a img{
/*height:286px;
width:325px;*/
padding:0 0 0 0;
/*border:1px solid #00FFff;*/
margin:0 0 0 -50px;
}
#contenedor div.miniaturas{
overflow:auto;
width:118px;
height:320px;
margin:22px 0 0 0;
padding:0 0 0 0;
float:left;
/*border:1px solid #00FFff;*/
}
#contenedor div.miniaturas img{
width:95px;
height:100px;
margin:0 0 0 0;
padding:0 0 0 0;
cursor:pointer;
}
#contenedor div.miniaturas a{
width:95px;
padding:0 0 0 0;
margin:0 0 5px 0;
border: #FFFFFF solid 1px;
}
#contenedor div.miniaturas a:hover{
width:95px;
padding:0 0 0 0;
margin:0 0 5px 0;
opacity: .60;
filter:alpha(opacity=60);
border:#D20202 solid 1px;
}
#contenedor a{
/*height:50px;*/
width:200px;
/*border:1px solid #000000;*/
display:block;
clear:both;
padding:0px 3px 10px 80px;
color:#D81921;
font-size:1.1em;
font-weight:bold;
}
.video_imagen{
padding:10px 0 0 360px;
width:520px;
overflow:visible;
/*display:block;*/
display:table;
/*border:1px solid #000000;*/
}
.navegacion{
padding:0 0 0 360px;
width:520px;
overflow:visible;
/*display:block;*/
display:table;
/*border:1px solid #000000;*/
}
.navegacion a{
font-size:1.1em;
margin:0 0 0 0px;
padding:10px 0 10px 100px;
color:#666666;
background-image:url(../images/flecha_izq.png);
background-repeat:no-repeat;
background-position:80px;
font-weight:normal;
width:135px;
display:block;
float:left;
overflow:auto;
/*border:1px solid #000000;*/
}
a.link-derecho{
font-size:1.1em;
padding:10px 20px 10px 0px;
margin:0 0 0 0;
color:#666666;
background-image:url(../images/flecha_dcha.png);
background-repeat:no-repeat;
background-position:117px;
font-weight:normal;
width:125px;
display:block;
float:right;
overflow:auto;
text-align:center;
/*border:1px solid #000000*/
}
.navegacion a:hover, a.link-derecho:hover{ color: #FF0000;}
div#video{
margin:24px 32px 30px 40px;
padding:8px 8px 8px 8px;
/*width:330px;
height:300px;*/
overflow:hidden;
float: right;
border:1px solid #DDDDDD;
}
/*ESTILOS DE LA PAGINA DE CONTACTO*/
#contenedor p.contactar{
padding:20px 10px 0 120px;
width:170px;
height:180px;
font-size:1.1em;
letter-spacing:0.4px;
/*border:1px solid #000000;*/
}
#contenedor p.contactar b{
display:block;
margin:5px 0 10px 0;
color: #8F8F8F;
font-weight:bold;
font-size:1.1em;
letter-spacing:0.4px;
}
#contenedor p.contactar a{
display:block;
margin:10px 0 5px 0;
color: #999999;
padding:0 0 0 0;
width:150px;
}
#contenedor p.contactar a:hover{
color: #CC0000;
}
div#letra-fondo {
background-image:url(../images/letramecano.jpg);
background-repeat:no-repeat;
height:359px;
width:255px;
padding:0 0 0 0;
margin:0px 0 0 350px;
}
#contenedor div.en-proceso{
width:870px;
margin:25px 0 0 0;
padding:0 0 0 0;
height:auto;
overflow:hidden;
/*border:1px solid #000000;*/
background-image:url(../images/pixel_gris.png);
background-repeat:no-repeat;
background-position:bottom right;
}
#contenedor div.en-proceso div{
margin:0 0 0 0;
padding:0 0 0 0;
width:490px;
height:auto;
float:left;
}
#contenedor div.en-proceso div h3{
padding:0px 0 15px 80px;
text-align:left;
font-size:1.1em;
color:#D81921;
width:415px;
display:block;
}
#contenedor div.en-proceso div b{
padding:0 0 15px 80px;
color:#666666;
width:415px;
font-size:1.1em;
display:block;
}
#contenedor div.en-proceso div p{
width:415px;
margin:0 0 0 0;
padding:0 0 25px 80px;
}
#contenedor div.en-proceso img{
width:248px;
height:210px;
padding:5px 0px 25px 121px;
margin:0 0 0 0;
}
/*ESTILO DEL PIE DE PAGINA MAPA */
#mapa_web{
padding-left:30px;
font-size:1.1em;
line-height:18px;
font-weight:bold;
}
#mapa_web p{
padding-top:5px;
}
#mapa_web a{
color:#444444;
}
#mapa_web a:hover{
color:#D81921;
}
#mapa_web ul{
list-style-type:none;
padding:0 0px 0 0px;
font-weight:normal;
/*border:1px solid #000000;*/
}
#mapa_web ul li{
padding:0 9px 0 9px;
}
#mapa_web ul li a{
color:#444444;
}
#mapa_web ul li a:hover{
color:#D81921;
}
#mapa_web ul li a.seleccionado,#menu ul li a.seleccionado:hover{color:#D81921;}
#mapa_web ul.submenu-invisible {
visibility:hidden;
margin:0px 0 0 75px;
}
#mapa_web ul.submenu {
list-style-type:none;
font-weight:normal;
font-size:1.1em;
padding:0 0 0 0;
}
#mapa_web ul.submenu li{
padding:0 4px 0 4px;
}
#mapa_web ul.submenu li a{
color:#444444;
}
#mapa_web ul.submenu li a:hover{
color:#D81921;
}
#mapa_web ul.submenu li a.selec{
/*color:#FFFF00;*/
color:#D81921;
font-weight:bold;
}
/*FIN PIE DE PAGINA MAPA */