/* 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;}
.cococanicross {background-image: url(portada_cococanicross_2.jpg);}
.cocoskijoring {background-image: url(portada_cocoskijoring_1.jpg);}
.cocomushing {background-image: url(portada_cocomushing_1.jpg);}
.cocobikejoring {background-image: url(portada_cocobikejoring_1.jpg);}
.cocoagility {background-image: url(portada_cocoagility_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.slide3-1 {background:url(../fotos/canicross/preparacion_arnes_thumbnail.jpg);}
a.slide3-2 {background:url(../fotos/canicross/Perseguir_thumbnail.jpg);}
a.slide3-3 {background:url(../fotos/canicross/Libre_nieve_thumbnail.jpg);}
a.slide3-4 {background:url(../fotos/canicross/entreno_andorra_thumbnail.jpg);}
a.slide3-5 {background:url(../fotos/canicross/Naturaleza_port_thumbnail.jpg);}
a.slide3-6 {background:url(../fotos/canicross/Portdelcomte1_thumbnail.jpg);}
a.slide3-7 {background:url(../fotos/canicross/Sant_Feliu_thumbnail.jpg);}
a.slide3-8 {background:url(../fotos/canicross/Nocturno_Collserola_thumbnail.jpg);}
a.slide3-9 {background:url(../fotos/canicross/Motiva_compa_thumbnail.jpg);}
a.slide3-10 {background:url(../fotos/canicross/binomio_thumbnail.jpg);}
a.slide3-11 {background:url(../fotos/canicross/Gracias_thumbnail.jpg);}
a.slide3-12 {background:url(../fotos/canicross/entreno_ski_descanso_thumbnail.jpg);}

a.slide4-1 {background:url(../fotos/skijoring/caseta_coco_andorra_thumbnail.jpg);}
a.slide4-2 {background:url(../fotos/skijoring/entreno_ski_thumbnail.jpg);}
a.slide4-3 {background:url(../fotos/skijoring/entreno_ski_subidas_thumbnail.jpg);}
a.slide4-4 {background:url(../fotos/skijoring/entreno_ski_skating_thumbnail.jpg);}
a.slide4-5 {background:url(../fotos/skijoring/04_thumbnail.jpg);}
a.slide4-6 {background:url(../fotos/skijoring/06_thumbnail.jpg);}
a.slide4-7 {background:url(../fotos/skijoring/16_thumbnail.jpg);}
a.slide4-8 {background:url(../fotos/skijoring/17_thumbnail.jpg);}
a.slide4-9 {background:url(../fotos/skijoring/18_thumbnail.jpg);}
a.slide4-10 {background:url(../fotos/skijoring/19_thumbnail.jpg);}
a.slide4-11 {background:url(../fotos/skijoring/dia_en_windog_thumbnail.jpg);}
a.slide4-12 {background:url(../fotos/skijoring/salida_raquetas_thumbnail.jpg);}
a.slide4-13 {background:url(../fotos/skijoring/bajando_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;}