body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:0.7em;
color: #000033;
margin:0px;
padding:0px;
}
td {
border:1px #CCCCCC solid;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
text-align:center;
}
tr {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
ul{
list-style: none;
padding:0px;
margin:0px;
}
li{
list-style: none;
padding:0px;
margin:0px;
}
a { 
color: #000033;
text-decoration:none; 
}
a:visited { 
color: #000033; 
text-decoration:none;
}
a:hover { 
color:#0000FF;
text-decoration:none;
}
#contenedor{
}
#cabecera{
width:100%;
height:100px;
background:url(imgs/cabecera.jpg) no-repeat;
float:left;
}
#cabecera img{
float:left;
}
.titulo{
display:none;
}
#cabecera h2{
background-image:url(imgs/degradado-blanco.png);
_background-image: none;
_background-color:#FFFFFF;
background-repeat:no-repeat;
height:55px;
padding:0.5em 1.5em 1.5em 1.5em;
margin:0em;
font-size:1em;
float:right;
font-weight:normal;
}
.menuar{
float:right;
z-index: 90;
padding-right:80px;
}
.premenua{
background: url(imgs/menua.jpg) no-repeat;
float:right;
padding-left:1em;
margin-left:0.5em;
}
.menua{
background: url(imgs/menua.jpg) no-repeat 100% 0;
float:left;
height:2em;
padding-top: 0.4em;
padding-right: 1em;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 0px;
}
.menua2{
background: url(imgs/menua2.jpg) no-repeat 100% 0;
}
.premenua2{
background: url(imgs/menua2.jpg) no-repeat;
}
#raili{
float:left;
background:url(imgs/raili.gif) no-repeat 0 0;
height:29px;
width:55px;
}
#raild{
float:right;
background:url(imgs/raild.gif) no-repeat 0 0;
height:29px;
width:55px;
}
#rail{
margin-left:1%;
margin-right:1%;
width:98%;
position:relative;
top:-6px;
z-index:500;
float:left;
background:url(imgs/rail.gif) repeat-x 0 0px;
height:38px;
}
#menun{
float:left;
width:20%;
margin:0px;
padding:0px;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size:1em;
font-weight:normal;
}
#menun li{
border-top:1px #CCCCCC dashed;
padding:0.5em;
margin:0.5em;
padding-left:28px;
}
.nivel1{
background:url(imgs/rueda1c.gif) no-repeat;
}
.nivel1a{
font-size:0.9em;
color:#FF6600;
}
.nivel1a a:visited{
color:#FF6600;
}
.nivel2{
background:url(imgs/rueda2c.gif) no-repeat;
}
.nivel3{
background:url(imgs/rueda2c.gif) no-repeat;
}
.nivel1:hover{
background:url(imgs/rueda1b.gif) no-repeat;
background-color: #F3F2F9;
}
.nivel3:hover, .nivel2:hover{
background:url(imgs/rueda2b.gif) no-repeat;
}
.activo2{
background:url(imgs/rueda2b.gif) no-repeat;
background-color: #bdbdd2;  
}
#bajante{
float:left;
background:url(imgs/bajante.jpg) no-repeat;
width:2%;
position:relative;
top:-42px;
}
#bajante2{
float:left;
background: url(imgs/bajaantea.png) repeat-x 100% 100%;
_background: url(imgs/bajaantea.jpg) repeat-x 100% 100%;
height:100px;
width:100%;
}
/* estilo de los contenidos */
span.bt, span.bt2, span.bb, span.bb2 {
display: block; 
height: 40px;
font-size: 1px;
background: url(imgs/esqgris.gif) no-repeat;
position:relative;
}

span.bt {
top: -16px; 
left: -3px;
}

span.bt2 {
background-position:100% -40px; 
left: 3px;
top:-56px;
}

span.bb {
background-position:0 -80px;
top:-27px;
}

span.bb2 {
background-position:100% -120px; 
top: -67px;
}
.hd h1, .hd h2 {
margin: 1px 0 1px 0;
}
.hd h1{
text-align:center;
font-size:2em;
}
.hd h2{
font-size:2em;
}
div.dialogo {
text-align:justify;
margin:1%;
width:75%;
_width:74%;
float:left;
top:0px;
left:0px;
}
div.dialogo2{
min-height:600px;
border: #ddd 3px solid;
}
.dialogo .hd,
.dialogo .bd{
top:-80px;
padding:0 1em 0 1em;
 position:relative;
}
.dialogo .hd{
margin-top:1.5em;
}


/* video*/
.video{
padding:10px 0px 0px 10px;
background:url(imgs/video.jpg) no-repeat;
width:342px;
height:294px;
margin-left:30px;
overflow:hidden;
}
.video640{
padding:14px 0px 0px 14px;
background:url(imgs/video640x480.jpg) no-repeat;
width:667px;
height:540px;
margin-left:30px;
overflow:hidden;
}
.video720{
padding:14px 0px 0px 14px;
background:url(imgs/video720x480.jpg) no-repeat;
width:747px;
height:540px;
margin-left:30px;
overflow:hidden;
}


.foto{
padding:10px 0px 0px 10px;
margin-left:30px;
width:342px;
height:155px;
background:url(imgs/foto.jpg) no-repeat;
overflow:visible;
}
.fotovideo{
float:right;
width:382px;
height:300px;
/*height:469px;*/
}
.fotovideo640{
float:right;
width:707px;
height:469px;
}
.mas{
float:right;
background:url(imgs/lupa+.jpg) no-repeat;
width:50px;
height:50px;
margin:10px 0 0 0;
}
.menos{
margin:10px 10px 0 0;
float:right;
background:url(imgs/lupa-.jpg) no-repeat;
width:50px;
height:50px;
}
.mas:hover{
background:url(imgs/lupa+b.jpg) no-repeat;
}
.menos:hover{
background:url(imgs/lupa-b.jpg) no-repeat;
}
.imagen{
display:none;
width:100%;
position: absolute;
top:150px;
text-align:center;
margin:auto;
bottom:0px;
z-index:2000;
}
.imagen img{
border:#000033 solid 16px;
}
.pie{
text-align:center;
clear:both;
z-index:2200;
height:2em;
color:#FFFFFF;
background:url(imgs/piebg.jpg) repeat-x #000000;
width:100%;
display:block;
}
.pie a{
text-align:center;
color:#FFFFFF;
}
.pie a:hover{
color: #00FFFF;
}
.pie a{
display:inline;
margin: 0px 2em 0px 2em;
list-style:none;
}
.pie{
padding-top:0.3em;
margin-left:auto;
margin-right:auto;
}
/* formulario de contacto */
.formulario {
overflow: auto;
}
.formulario td{
text-align:right;
}
.formulario table{
margin:auto auto auto auto;
}
td.fder{
text-align:left;
}
.formulario input{
font-size:1em;
}
.formulario textarea{
font-size:1em;
}
address{
font-style: normal;
text-align:center;
border-top: #CCCCCC dashed 2px;
}
.lista li{
padding:0.5em 1em 0 1em;
}
h5{
font-size:1em;
margin:1em 0 0 0;
}
.enlace:hover{
cursor:pointer;
}