@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-size:small; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/background.jpg) top center no-repeat fixed  #000}

#video{ width:960px; height:480px; margin:0 auto; padding:55px 0 0; background:url(../images/video.png) no-repeat}
#etc {}


#foot {background:url(../images/bg-foot.png) center no-repeat; height:165px;  width:100%;}



/*---------NUEVA PÁGINA -----------------*/

#container{ width:982px; background: url(../images/bg-container.png) top no-repeat #000; margin:0 auto; color:#fff; overflow:auto; padding-bottom:20px}

#header {height:400px; background:url(../images/home01.png) center no-repeat}


.menu { height:30px; margin:0 1px; padding:0 0 5px 20px; border-bottom:1px solid #333;  margin-bottom:20px; background-color:#000}
.menu li {list-style:none; display:block; padding:5px 15px 5px 50px; float:left;}


.menu li a{ color:#FFF;   text-decoration:none}
.menu li a:hover {color:#FC0;}

	.inicio{ background:url(../images/icons/Home.png) 10px no-repeat}
	.sedes{ background:url(../images/icons/Cal.png) 10px no-repeat}
	.descargas{ background:url(../images/icons/downloads.png) 10px no-repeat}
	.contacto { background:url(../images/icons/Mail.png) 10px no-repeat}
	.wwc{ background:url(../images/icons/WWC.png) 10px no-repeat}
	.faqs{ background:url(../images/icons/faqs.png) 10px no-repeat}
	
	.select { background:#CCC}

#content {padding:20px 10px 10px; overflow:auto; }

.banner {width:220px; padding:0 10px; float:left}
.banner img {padding-bottom:15px}

#pie{ width:962px; margin:0 auto; background:url(../images/pie.png) no-repeat; height:100px;  color:#666; padding:15px 10px 0; font-size:10px}
 	
	#logos {width:550px; float:right;; text-align:right}


/*--------------------------------------------*/

#texto { width:550px; padding:0 10px}

#texto a, #posters a { color:#FC0; text-decoration:none} 
#texto a:hover, #posters a:hover { color:#FC0; text-decoration:underline}


#texto ol { list-style:none; margin:0; padding:0}
#texto ol li { padding-bottom:10px;}

h2{ padding:0 ; margin:0; font-weight:normal}

	.tsedes{ background:url(../images/tsedes.png) no-repeat; width:550px; height:50px; padding-bottom:20px; text-indent:-9999px}
	.tdescargas{ background:url(../images/tDescargas.png) no-repeat; width:550px; height:50px; padding-bottom:20px; text-indent:-9999px}
	.tcompetencia{ background:url(../images/tCompetencia.png) no-repeat; width:550px; height:50px; padding-bottom:20px; text-indent:-9999px}
	/*.tsedes{ background:url(../images/tsedes.png) no-repeat; width:550px; height:50px; padding-bottom:20px; text-indent:-9999px}*/


/*---------------------------*/

.downs { margin:0 1px; padding:50px 0 0;   margin-bottom:20px; float:right; text-shadow: 0.1em 0.1em #333}
.downs li {list-style:none; display:block; padding:12px 15px 12px 50px; background: url(../images/descarga2.png) left no-repeat; margin-bottom:5px }

.downs li a{ color:#fff; text-decoration:none}
.downs li a:hover {color: #FC0}

/*-------------------------------*/

#masinfo{ width:300px; float:right; color:#fff;}

#masinfo ul { padding-left:25px}
#masinfo li { list-style: square; margin:0; padding:0 0 10px 5px;  font-size:11px}

#masinfo a{ color:#FC0; text-decoration:none}
#masinfo a:hover {text-decoration:underline}


.calsedes{ margin:0; padding:0}

.calsedes dt {padding-top:25px; font-size:11px}
.calsedes dd {font-size:16px; padding:0 ; margin:0; color:#FC0}


#posters { width:300px; float:right}

#posters ol { list-style:none; margin:0; padding:0}
#posters ol li { padding-bottom:10px;}

/*--------------------*/

.hotel{ background:url(../images/icons/hotel.png) left no-repeat;}

.mapa{ background: url(../images/icons/mapa.png) left no-repeat;}

.time{ background: url(../images/icons/time.png) left no-repeat; padding:10px 10px 10px 40px; font-size:16px; text-decoration:underline; font-weight:bold}


#agenda{ background: url(../images/icons/down_mini.png) no-repeat left; margin:5px 0 0 25px; padding:3px 0 3px 25px; width:200px; 	font: bold 0.7em sans-serif;}

#agenda a {color:#999;}
#agenda a:hover {color: #F90; text-decoration:none}


/*----------------------------*/

#word{ background: url(../images/icons/word.png) no-repeat left; margin:5px 0 0 25px; padding:3px 0 3px 25px; width:400px; 	font:  0.8em sans-serif; border-bottom:dotted 1px #111}

#excel{ background: url(../images/icons/excel.png) no-repeat left; margin:5px 0 0 25px; padding:3px 0 3px 25px; width:400px; font: 0.8em sans-serif; border-bottom:dotted 1px #111}

.ganatitle {padding: 5px 20px; background:#111;}
.ganador {font-size:14px; color:#FC0;}

#winners {border:1px solid #111; margin-top:5px; padding-bottom:10px; width:475px}