/* Documento CSS para CocoCross.com */
/* Copyright 2006-2009 rpinteractiva */

/* ================================================================================================================================== */
/* Layout centrado y elementos de marcado */
* {margin: 0; padding: 0; border: 0;}
body {behavior: url("estilo/csshover.htc"); background-color: #000000; font-family: Verdana, Helvetica, sans-serif; font-size: 100%; line-height: 1em; color: #ffffff; text-align: center;}
#contenedor{width: 46.875em; margin: 0 auto; background-color: #000000; text-align: left; _width: 49.375em;}
html>body #contenedor /**/{min-width: 750px;}
#encabezado {width: 45.625em; margin: 0.625em; padding: 0.625em; border: solid 0.625em #ffffff; background-color: #000000; color: #ffffff; _width: 49.375em; _margin-top: 0.625em;}
#contenido {width: 45.625em; margin: 0.625em; padding: 0.625em; border: solid 0.625em #ffffff; background-color: #000000; color: #ffffff; _width: 49.375em;}
.mundial_07 {background-image: url(portada_mundial_07_1.jpg);}
.europa_07 {background-image: url(portada_europa_07_1.jpg);}
.europa_06 {background-image: url(portada_europa_06_1.jpg);}
#pie {width: 45.625em; margin: 0.625em; padding: 0.625em; border: solid 0.625em #ffffff; background-color: #000000; color: #ffffff; _width: 49.375em;}
html>body #encabezado, #contenido, #extras, #pie /**/{min-width: 750px;}

.clear {clear:both;}
.titulo {padding: 0; text-align: right;}
h1, h2 { padding: 0.625em 0 0.625em 0; font-size: 1.4em; color: #3D5FC2;}
h3 {padding: 0.625em 0 0.625em 0; background-color: #000000; font-size: 1.2em; color: #ffffff;}
p {padding: 0.625em 0 0.625em 0; background-color: #000000; font-size: 0.7em; color: #ffffff; text-align: justify;}
ul, li, dl, dt, dd, a, img {margin: 0; padding: 0; border: 0;}

img.banner {margin: 0 0 0 1.25em; border: 0.625em solid #FFFFFF; vertical-align:middle;}
ul#enlaces {margin: 0 0 0 1.25em; font-size: 0.7em; list-style-type: square;}
ul#enlaces li {padding: 0 0 1.25em 0;}
ul#prensa {margin: 0 0 0 1.25em; font-size: 0.7em; list-style-type: square;}
ul#prensa li {padding: 1.25em 0 2.50em 0;}
ul#prensa li img.banner {margin: 0 1.25em 0 0.625em; border: 0.625em solid #FFFFFF; vertical-align:middle;}
acronym {border-bottom: 0.15em dashed #AAAAAA;}
dl {margin: 0.625em 0 0.625em 0; font-size: 0.7em; color: #ffffff;}
dt {padding-left: 1.25em; background: url("2_arrow_blue2.gif") left center no-repeat;}
dl#ficha1 dd {margin: -1.25em 0 0 15em; color: #BECAEB;}
dl#ficha2 dd {margin: -1.25em 0 0 40em; color: #BECAEB;_margin-left: 35em;}

a, a:visited, a:active {color: #AAAAAA;	text-decoration: underline;}
a:hover {color: #ffffff;}
a[hreflang]:after {content: " ["attr(hreflang)"]"; color: #b0b0b0;}
img.logo {margin: 0.625em 0; border: 0.625em solid #FFFFFF;}
img.mapa {margin: 0 6.25%;}
.copy {padding: 0; background: none;}
.validadores {margin: -1.45em 0 0 0; padding: 0; text-align: right; background: none;}
.especial {color: #BECAEB;}
.extra {color: #3D5FC2;}
.idiomas{margin: -1.45em 0 0 0; padding: 0; text-align: right; background: none;}

/* ================================================================================================================================== */
/* Caja especial Noticias */
#noticias {float:right; position:relative; top: -29.6875em; left:1.25em; width: 18.875em; margin: 0.625em; padding: 0.625em; border: solid 0.625em #3D5FC2; background: #ffffff; margin-bottom: -28.125em;}
html>body #noticias /**/{width: 262px; top: -28em; left:0.625em;}
#noticias h2 {color: #3D5FC2; background: #ffffff;}
#noticias p {padding: 0.625em 0 0 3.75em; background: url(new.gif) left center no-repeat;}
#noticias a {color: #7F7F7F; text-decoration: none;}
#noticias a:hover {color: #000000; text-decoration: underline;}

/* ================================================================================================================================== */
/* Menú de navegación vertical desplegable */
ul#menu { width: 17em; margin: 0.45em 0 2em 0; font-size: 0.7em; list-style-type: none;}
ul#submenu { width: 37em; list-style-type: none;}
#menu li { position: relative; z-index: 5; background: url("2_arrow_blue.gif") left center no-repeat;}
li.folder {display: block;}
/* Hide from IE5-mac. Only IE-win sees this. \*/ * html li.folder {width: 17em;} /* End hide from IE5/mac */
li.folder ul {display: none; position: absolute; left: 15em; /* IE */ top: -4.1em;}
li.folder>ul {left: 15em; top: -4.3em;} /* Mozilla */
li.folder:hover {z-index: 10;}			
ul.level1 li.folder:hover ul.level2, ul.level2 li.folder:hover {display: block;}
#menu li a {display: block; padding-left: 1.25em; text-decoration: underline; color: #AAAAAA;  width: 100%; /* IE */}	
#menu li>a {width: auto;}
li a.submenu {display: block;}
#menu a:link, #menu a:visited {color: #AAAAAA;}
#menu a:hover {font-weight: bold; color: #FFFFFF;}
li.folder:hover, li.sub:hover {padding: 0 0 0 0.625em;}
#menu a#current1, #menu a#current2{margin: 0 0 0 0.625em; font-weight: bold; color: #ffffff;}

/* ================================================================================================================================== */
/* Album de fotos polaroid con miniaturas */
a.galeria, a.galeria:visited {display: block; display: inline-block; float: left; margin: 0 0 10px 10px; border: 5px solid #ffffff; border-bottom: 20px solid #ffffff; width: 58px; height: 58px; text-decoration: none; z-index: 50; filter: alpha (opacity=50); - moz-opacity: 0.5; opacity: 0.5; _width: 68px; _height: 83px;}

a.slide8-1 {background:url(../fotos/mundial_07/mundial_07-01_thumbnail.jpg);}
a.slide8-2 {background:url(../fotos/mundial_07/mundial_07-02_thumbnail.jpg);}
a.slide8-3 {background:url(../fotos/mundial_07/mundial_07-03_thumbnail.jpg);}
a.slide8-4 {background:url(../fotos/mundial_07/mundial_07-04_thumbnail.jpg);}
a.slide8-5 {background:url(../fotos/mundial_07/mundial_07-05_thumbnail.jpg);}
a.slide8-6 {background:url(../fotos/mundial_07/mundial_07-06_thumbnail.jpg);}
a.slide8-7 {background:url(../fotos/mundial_07/mundial_07-07_thumbnail.jpg);}
a.slide8-8 {background:url(../fotos/mundial_07/mundial_07-08_thumbnail.jpg);}
a.slide8-9 {background:url(../fotos/mundial_07/mundial_07-09_thumbnail.jpg);}
a.slide8-10 {background:url(../fotos/mundial_07/mundial_07-10_thumbnail.jpg);}
a.slide8-11 {background:url(../fotos/mundial_07/mundial_07-11_thumbnail.jpg);}
a.slide8-12 {background:url(../fotos/mundial_07/mundial_07-12_thumbnail.jpg);}
a.slide8-13 {background:url(../fotos/mundial_07/mundial_07-13_thumbnail.jpg);}
a.slide8-14 {background:url(../fotos/mundial_07/mundial_07-14_thumbnail.jpg);}
a.slide8-15 {background:url(../fotos/mundial_07/mundial_07-15_thumbnail.jpg);}
a.slide8-16 {background:url(../fotos/mundial_07/mundial_07-16_thumbnail.jpg);}
a.slide8-17 {background:url(../fotos/mundial_07/mundial_07-17_thumbnail.jpg);}
a.slide8-18 {background:url(../fotos/mundial_07/mundial_07-18_thumbnail.jpg);}
a.slide8-19 {background:url(../fotos/mundial_07/mundial_07-19_thumbnail.jpg);}
a.slide8-20 {background:url(../fotos/mundial_07/mundial_07-20_thumbnail.jpg);}

a.slide9-1 {background:url(../fotos/europa_07/Equipo_Es_thumbnail.jpg);}
a.slide9-2 {background:url(../fotos/europa_07/Equipo_Catalan_thumbnail.jpg);}
a.slide9-3 {background:url(../fotos/europa_07/Antes_salida_sabado_thumbnail.jpg);}
a.slide9-4 {background:url(../fotos/europa_07/Salida_Sabado_thumbnail.jpg);}
a.slide9-5 {background:url(../fotos/europa_07/Joaquim_carrera_thumbnail.jpg);}
a.slide9-6 {background:url(../fotos/europa_07/Equipo_Es_2_thumbnail.jpg);}
a.slide9-7 {background:url(../fotos/europa_07/Con_Miguel_thumbnail.jpg);}
a.slide9-8 {background:url(../fotos/europa_07/Con_Emie_thumbnail.jpg);}
a.slide9-9 {background:url(../fotos/europa_07/Es_Bailando_thumbnail.jpg);}
a.slide9-10 {background:url(../fotos/europa_07/Gonzalo_Coco_a_punto_salida_thumbnail.jpg);}
a.slide9-11 {background:url(../fotos/europa_07/Gonzalo_Coco_salida_domingo_thumbnail.jpg);}
a.slide9-12 {background:url(../fotos/europa_07/Sergi_meta_thumbnail.jpg);}
a.slide9-13 {background:url(../fotos/europa_07/Gonzalo_Coco_meta_thumbnail.jpg);}

a.slide10-1 {background:url(../fotos/europa_06/100_0143_thumbnail.jpg);}
a.slide10-2 {background:url(../fotos/europa_06/100_0160_thumbnail.jpg);}
a.slide10-3 {background:url(../fotos/europa_06/Europa_amanecer_stake_out_1_thumbnail.jpg);}
a.slide10-4 {background:url(../fotos/europa_06/tunningnohusky_thumbnail.jpg);}
a.slide10-5 {background:url(../fotos/europa_06/Europa_ambiente_equipos_thumbnail.jpg);}
a.slide10-6 {background:url(../fotos/europa_06/Europa_Salida_thumbnail.jpg);}
a.slide10-7 {background:url(../fotos/europa_06/Europa_Enrique_Kenal_thumbnail.jpg);}
a.slide10-8 {background:url(../fotos/europa_06/Europa_Gonzalo_Coco_thumbnail.jpg);}
a.slide10-9 {background:url(../fotos/europa_06/Europa_Sergi_Lluna_thumbnail.jpg);}
a.slide10-10 {background:url(../fotos/europa_06/Europa_Lluis_Curny_thumbnail.jpg);}
a.slide10-11 {background:url(../fotos/europa_06/Europa_Pablo_Nevat_thumbnail.jpg);}
a.slide10-12 {background:url(../fotos/europa_06/Europa_Miquel_Amie_thumbnail.jpg);}
a.slide10-13 {background:url(../fotos/europa_06/Europa_Carles_Etna_thumbnail.jpg);}
a.slide10-14 {background:url(../fotos/europa_06/Europa_Equipo_LealCan_Es_thumbnail.jpg);}
a.slide10-15 {background:url(../fotos/europa_06/Europa_delegacion_completa_thumbnail.jpg);}
a.slide10-16 {background:url(../fotos/europa_06/100_0151_thumbnail.jpg);}

a.galeria em, a.galeria span {display: none;}
a.galeria:hover {border: 5px solid #ffffff; border-bottom: 20px solid #ffffff; filter: alpha (opacity=100); - moz-opacity: 1; opacity: 1;}

#album a.current em {display: block; position: absolute; width: 388px; height: 385px; top: 0; left: -438px; z-index:2;}
#album a.current span {display: block; position: absolute; width: 388px; height: 40px; top: 405px; left: -438px; z-index:2;}
#album a.galeria.current {border: 5px solid #ffffff; border-bottom: 20px solid #ffffff; filter: alpha (opacity=100); - moz-opacity: 1; opacity: 1;}

#album {position: relative; width: 750px; height: 485px;  margin: 0.625em 0 0.625em 0;}
#album .miniaturas {position: absolute; width: 312px; top: 0; right: 0;}
#album li {display: inline; list-style-type: none;}
#album img {padding: 0; border: 20px solid #ffffff; border-bottom: 80px solid #ffffff; background: #000000;}
#album span {margin: 10px 20px 0 20px; padding: 0; border: 0; font-size: 10px; color: #000000; text-align: justify;}
#album a.galeria:active, #album a.galeria:focus {border: 5px solid #ffffff; border-bottom: 20px solid #ffffff; filter: alpha (opacity=100); - moz-opacity: 1; opacity: 1;}
#album a.galeria:active em, #album a.galeria:focus em {display: block; position: absolute; width: 388px; height: 385px; top: 0; left: -438px; z-index:50;}
#album a.galeria:active span, #album a.galeria:focus span {display: block; position: absolute; width: 388px; height: 40px; top: 405px; left: -438px; z-index:50;}