/* Ruedo Espaņa */
/* HTML y CSS realizado por Susana Garcia Garcia Tunon*/
/* www.sgarcia.es */

/* Normalizacion */
* {margin:0; padding:0; border:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px}
.hide {display:none}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
img {border:none; margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0px}
ul {list-style-type:none}

a {outline:0} /*quita el borde de los enlaces para firefox*/

/*botones y call to action*/
a.bt-historico {display:block; width:91px; height:18px; background:url(i/bt-historico.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-historico:hover {background:url(i/bt-historico-hover.jpg) 0 0 no-repeat}
a.bt-historico_on {display:block; width:91px; height:18px; background:url(i/bt-historico-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-coleccion {display:block; width:91px; height:18px; background:url(i/bt-coleccion.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-coleccion:hover {background:url(i/bt-coleccion-hover.jpg) 0 0 no-repeat}
a.bt-coleccion_on {display:block; width:91px; height:18px; background:url(i/bt-coleccion-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-catalogo {display:block; width:91px; height:18px; background:url(i/bt-catalogo.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-catalogo:hover {background:url(i/bt-catalogo-hover.jpg) 0 0 no-repeat}
a.bt-catalogo_on {display:block; width:91px; height:18px; background:url(i/bt-catalogo-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-prensa {display:block; width:91px; height:17px; background:url(i/bt-prensa.gif) 0 0 no-repeat; text-indent:-10000px}
a.bt-prensa:hover {background:url(i/bt-prensa-hover.gif) 0 0 no-repeat}
a.bt-prensa_on {display:block; width:91px; height:17px; background:url(i/bt-prensa-hover.gif) 0 0 no-repeat; text-indent:-10000px}
a.bt-contacto {display:block; width:103px; height:20px; background:url(i/bt-contacto.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-contacto:hover {background:url(i/bt-contacto-hover.jpg) 0 0 no-repeat}
a.bt-contacto_on {display:block; width:102px; height:20px; background:url(i/bt-contacto-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-puntosdeventa {display:block; width:199px; height:38px; background:url(i/bt-puntosdeventa.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-puntosdeventa:hover {background:url(i/bt-puntosdeventa-hover.jpg) 0 0 no-repeat}
a.bt-puntosdeventa_on {display:block; width:199px; height:44px; background:url(i/bt-puntosdeventa-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedobasic {display:block; width:93px; height:15px; background:url(i/bt-ruedobasic.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedobasic:hover {background:url(i/bt-ruedobasic-hover.jpg) 0 0 no-repeat}
a.bt-ruedobasic_on {display:block; width:93px; height:15px; background:url(i/bt-ruedobasic-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedobackstage {display:block; width:93px; height:15px; background:url(i/bt-ruedobackstage.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedobackstage:hover {background:url(i/bt-ruedobackstage-hover.jpg) 0 0 no-repeat}
a.bt-ruedobackstage_on {display:block; width:93px; height:15px; background:url(i/bt-ruedobackstage-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-paraella {display:block; width:64px; height:19px; background:url(i/bt-paraella.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-paraella:hover {background:url(i/bt-paraella-hover.jpg) 0 0 no-repeat}
a.bt-paraella_on {display:block; width:64px; height:19px; background:url(i/bt-paraella-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-parael {display:block; width:47px; height:19px; background:url(i/bt-parael.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-parael:hover {background:url(i/bt-parael-hover.jpg) 0 0 no-repeat}
a.bt-parael_on {display:block; width:47px; height:19px; background:url(i/bt-parael-hover.jpg) 0 0 no-repeat; text-indent:-10000px}
a.bt-cerrar {display:block; width:59px; height:11px; background:url(i/bt-cerrar.gif) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedofrance {display:block; width:96px; height:20px; background:url(i/bt-ruedofrace.gif) 0 0 no-repeat; text-indent:-10000px}
a.bt-ruedofrance:hover {background:url(i/bt-ruedofrance-hover.gif) 0 0 no-repeat}
a.bt-trabaja {display:block; width:133px; height:11px; background:url(i/bt-trabaja.gif) 0 0 no-repeat; text-indent:-10000px}
a.bt-trabaja:hover {background:url(i/bt-trabaja.gif) 0 0 no-repeat}


/*comunes*/
.iz {float:left}
.dc {float:right}

/*elementos generales*/
#total {width:680px; height:480px; margin:48px auto; background:url(i/bg_ruedo.gif) top left no-repeat;}
#total #izquierda {float:left; width:199px; height:252px;padding-top:168px}
#total #derecha {float:left; width:481px; height:359px; padding-top:61px}


/*izquierda*/


/*logo*/
#total #izquierda h1 {float:left;width:95px; height:111px; background:url(i/lg_ruedo.gif) 0 0 no-repeat;}
#total #izquierda h1 a {display:block; width:95px; height:111px}
#total #izquierda h1 a span {display:none}

/*menu*/
#total #izquierda .gris {float:left;width:199px; background:#4d4d4d; height:20px;}
#total #izquierda #menu {float:left;width:199px; height:80px; overflow:hidden}
#total #izquierda ul.menu1 {float:left;width:91px; height:80px; margin:6px 0 3px 0}
#total #izquierda ul.menu1 li {width:91px; height:18px}

#total #izquierda #menu2 {position:relative;float:left;width:100px;height:1px; margin-left:6px;padding-top:10px;padding-left:3px}

#total #izquierda #menu2 #capasubmenu {visibility: hidden;position:absolute; left:-10px; top:-109px;width:101px; height:70px; background:url(i/bg_submenu.gif) 0 0 no-repeat; margin:20px 0 0 98px; padding-top:10px;padding-left:3px;}

#total #izquierda #menu3 {float:left;width:96px;height:80px; background:url(i/bg_submenu.gif) 0 0 no-repeat; z-index:1000;margin-left:6px;visibility: hidden;padding-top:10px;padding-left:3px;}


#total #izquierda #menu3 ul{margin-top:5px; margin-left:5px; z-index: 2000}
#total #izquierda #menu3 ul li{}


#contienemenu3 {width:101px; height:80px; float:right; background:url(i/bg_submenu2.gif) 0 0 no-repeat}
#contienemenu3 .menu3 {width:101px}
#contienemenu3 .menu3 ul {margin-top:9px;width:93px; float:right;}
#contienemenu3 .menu3 ul li {margin-bottom:4px;}


#total #izquierda .gris2 {float:left;width:199px; background:#4d4d4d; height:38px;}
#total #izquierda .gris3 {float:left;width:199px; background:#2b2c2c; height:20px}
#total #izquierda .gris3 .boton1 {width:103px; float:left}
#total #izquierda .gris3 .boton2 {width:96px; float:left}

/*derecha*/
#total #derecha #margen {float:left; width:451px; height:389px; padding:15px; background:#000;position:relative} /*capa de 481x419*/
#total #derecha #margen_mapa {float:left; width:451px; height:389px; padding:15px; background:#000 url(images/mapa.gif) 15px 15px no-repeat;position:relative} /*capa de 481x419*/

	/*derecha coleccion*/
#total #derecha #margen .coleccion_izq {float:left; width:324px; height:388px; }
#total #derecha #margen .coleccion_dch {float:left; width:111px; height:388px; margin-left:15px}
#total #derecha #margen .coleccion_dch .paraellayel a{float:left; }
#total #derecha #margen .coleccion_dch .fotosp {float:left; margin-top:9px; height:268px; }
#total #derecha #margen .coleccion_dch .fotosp img{float:left; padding:0; margin:0 0 12px 0}
#total #derecha #margen .coleccion_dch .iconos {float:left; width:114px; height:42px; }
#total #derecha #margen .coleccion_dch .iconos img {float:left; margin-bottom:8px; margin-right:7px}
#total #derecha #margen .coleccion_dch .trestoros {float:left; background:url(i/3ruedo.gif) 0 0 no-repeat; width:111px; height:40px; margin-top:9px;}

	/*derecha historico*/
#total #derecha #margen .texto_historico {width:380px; height:332px; background:#fff; padding:40px 35px 15px 35px;}
#total #derecha #margen .texto_historico span {background:#000; color:#b2b2b2}
#total #derecha #margen .texto_historico .cerrar {float:right; margin:10px 0 0 0}
#total #derecha #margen .cerrar {position:absolute; right:28px; bottom:28px}
#total #derecha #margen .texto_historico iframe {position:absolute; left:40px; top:50px; width:415px; height:322px}


	/*derecha trabaja con nosotros*/
#total #derecha #margen .texto_trabaja {width:380px; height:332px; background:#fff; padding:40px 35px 15px 35px; color:#4d4d4d}
#total #derecha #margen .texto_trabaja span {color:#db002f; font-weight:bold}
#total #derecha #margen .texto_trabaja .cerrar {float:right; margin:10px 0 0 0}
#total #derecha #margen .cerrar {position:absolute; right:28px; bottom:28px}
#total #derecha #margen .texto_historico iframe {position:absolute; left:40px; top:50px; width:415px; height:322px}
#total #derecha #margen .texto_trabaja a {color:#4d4d4d}


	/*prensa*/
.articulo {float:left;width:358px; background:#dbdbdb; padding:11px; margin-bottom:15px}
.articulo img {float:left; margin-right:11px; margin-bottom:5px}
.articulo .txt {}

	
	/*puntos de venta*/
#total #derecha #margen .mapa {background:url(i/mapa/mapa.gif) 0 0 no-repeat; width:450px; height:388px; position:relative}

#total #derecha #margen .mapa ul li.pto1, #total #derecha #margen .mapa ul li.pto2, #total #derecha #margen .mapa ul li.pto3 {position:absolute; background:url(i/mapa/punto.gif) 0 0 no-repeat; width:22px; height:19px}
#total #derecha #margen .mapa ul li.pto1 {top:45px; left:33px}
#total #derecha #margen .mapa ul li.pto2 {top:185px; left:163px}
#total #derecha #margen .mapa ul li.pto3 {top:155px; left:133px}


#capapuntodeventa {width:147px; height:83px; visibility:hidden; background:url(i/puntoventa_inverso2.gif) 0 0 no-repeat; position:absolute; top:70px; left:15px}
#capapuntodeventa span{display:none}
#capapuntodeventa2 {width:147px; height:83px; visibility:hidden; background:url(i/puntoventa.gif) 0 0 no-repeat; position:absolute; top:100px; left:155px}
#capapuntodeventa2 span{display:none}
#capapuntodeventa3 {width:147px; height:83px; visibility:hidden; background:url(i/puntoventa.gif) 0 0 no-repeat; position:absolute; top:70px; left:120px}
#capapuntodeventa3 span{display:none}

#total #derecha #margen .mapa ul li.pto1 a, #total #derecha #margen .mapa ul li.pto2 a, #total #derecha #margen .mapa ul li.pto3 a {position:absolute; background:url(i/mapa/punto.gif) 0 0 no-repeat; width:22px; height:19px}


#capa1, #capa2, #capa3 {visibility: hidden; position:absolute; background:url(i/mapa/bg_info.gif) 0 0 no-repeat; width:146px; height:88px}
#capa1 {top:-25px; left:33px}

.info {}
.info span {display:block}

div.map_entry {display:block; position:absolute; width:19px; height:19px; cursor: pointer; cursor:hand}
div#iz_container {float:left; width:130px; overflow:hidden;}
div#mapa_puntos_venta { float:right; width: 59px; height: 39px; margin:4px 0 0 0;}