/* 
 --------------------------
>>    Estilos del Site    <<
 --------------------------
>>  Sonos, Oskar Sánchez  <<
 --------------------------
>>     wwww.sonos.net     <<
 --------------------------
>>   © Copyright - 2006   <<
 --------------------------
*/ 

body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  margin:0;
  padding:0;
  font-size:1em;
  height:auto;  
  text-align:center;
}

td, th{
	vertical-align:top;
}

hr {
	border:1px solid #c9db03;
}

img {
	border:0;
}

h1 {
	display:none;
}

h3 {
	font-size:1em;
	clear:both;
}
h4{
	font-size:0.9em;
}


#page {
	position:relative;
	width:740px;
	margin:10px auto 0 auto;
	border: 1px solid #ccc;
	height:auto;
	text-align:left;
}

#cabecera {
	height:105px;
	background-color:#1076a1;
}

#menhor {
	height:21px;
	background-color:#ecf3a5;
	text-align:left;
	font-size:0.7em;
}

#contenido {
	background-color:#FFF;
	height:auto;
}

#colizq {
	background-color:#f7fafb;
	width:200px;
	height:100%;
	float:left;
}

#seccion {
	float:left;
	width:390px;
	color:#196e7f;
	font-size:0.8em;
	padding:3px ;
	height:auto;
	background-color:#FFF;
	text-align:justify;
}

#seccion2 .normal td {
	text-align:left;
	border-bottom:1px solid #ccc;
}

#seccion2 .normal th {
	font-size:0.7em;
	width:80px;
	text-align:left;
}

#seccion h2 {
	color:#487100;
	font-weight:bold;
	font-size:1em;
	margin:0;
}

#seccion p {
	margin-top:0;
}

#seccion ul {
	margin:0;
	padding:0;
}

#seccion ul li {
	margin-left:20px;
	list-style:outside;
	
}

#seccion .list-arrow li {
	list-style-image: url(../images/ico_arrow.gif);
}

#colder {
	background-color:#c9db03;
	width:130px;
	height:auto;
	float:left;
	border: solid 5px #FFF;
	padding-bottom:5px;
	text-align:center;
	font-size:0.8em;
}


#colizq ul {
	padding:0;
	margin:10px 10px 10px 25px;
}

#colizq ul li {
	list-style-image: url(../images/ico_lista.gif);
	border-top:solid 1px #c9db03;
	border-bottom:solid 1px #c9db03;
}

#colizq ul li a { 
	display:block;
	width:165px;
	height:20px;  
	text-decoration:none;
	font-size:0.6em;
	color:#1072A1;
	font-weight:bold;
	padding-top:5px;
}

#colizq ul li a:hover {    
	background-color:#ecf3ca;
	color:#000000;
}

#colizq ul li a:active {    
	background-color:#c9db03;
}

#colizq ul .men-resaltado a {
	background-color:#66FFFF;
	color:#000;
}

#colizq ul li ul{
	padding:0;
	margin:0 0 0 20px;
}

#colizq ul li ul li{
	border:none;
}

#colizq ul li ul li a{
	background-color:#FFF;
	width:140px;
}

#colizq ul li ul li a:hover{
	background-color:#ecf3ca;
	color:#000000;
}

#colizq .li_selected {
	border:1px solid #c9db03;
	padding-left:2px;
}

#colizq .li_selected a {
	width:160px;
	background-color:#f4f8ce;
	color:#000000;
}



#colizq .li_selected ul a {
	background-color:#FFF;
	width:140px;
}

#colizq .li_selected .activo {
	background-color:#c9db03;
	color:#000000;
}

#colizq .activo {
	color:#000000;
	background-color:#C9DB03;
}

#menhor ul {
	padding:0;
	margin:0 0 0 190px;
	padding:4px;
}

#menhor ul li{
	text-align:center;
	float:left;
	list-style:none;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#menhor ul li a {
	text-decoration:none;
	padding: 4px 5px;
	color:#000000;
}

#menhor ul li a:hover {
	background-color:#f4f8ce;
}

#menhor ul li a:active {
	background-color:#edb279;
}

#menhor .menidioma a{
	padding:0 20px;
	margin: 0 0 0 128px;
	border-left: 2px solid #FFF;
	border-right: 1px solid #FFF;
}

#colder .new {
	background-color:#1076a1;
	color:#FFF;
	font-size:0.7em;
	width:130px;
	display:block;
	padding:2px 0;
}

#colder img {
	border:8px solid #FFF;
	margin-top:5px;
}

#colder ul .blog img {
	border:none;
}

#colder ul .blog a{
	text-decoration:none;
}

#cabecera .cabaaate img {
	float:left;
}

#cabecera .cabpatros img{
	clear:none;
}

#cabecera .cabpatros ul {
	margin:0;
	padding:0;
	list-style:none;
	width:151px;
	float:right;
}

#cabecera .cabpatros ul li{
	margin:0;
	padding:0;
	float:left;
}

#cabecera .cabpatrosinfo {
	float:left;
	margin: 22px 15px 20px 15px;
	color:#FFF;
	font-size:0.8em;
}

#fix {
	clear:left;
}

#seccion .img-hosts {
	clear:left;
	padding:0;
}
#seccion .img-hosts img {
	border:1px solid #ccc;
	margin:0px 5px 0 5px;
}

#seccion .li-committee {
	color:#196e7f;
	margin:20px 10px;
}

#seccion .li-committee li {
	list-style:circle;
}

#seccion .li-committee a {
	color:#196e7f;
}

#certificado {
	text-align:center;
	background-color:#FFF;
	padding-top:10px;
}

#sponsors-pie {
	text-align:center;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:10px;	
}

#sponsors-pie img {
	border:2px solid #c9db03;
	padding:5px;
	margin:2px;
}

#sponsors-pie img:hover{
	border:2px solid #000;
	padding:5px;
	margin:2px;
}

.style-but a {
	background-color:#f4f8ce;
	padding:2px;
	border:1px solid #00c259;
	color:#000;
	text-decoration:none;
	display:block;
	width:80%;
	text-align:center;
	margin:0 auto;
}

.style-but-info a {
	clear:both;
	background-color:#f4f8ce;
	padding:2px;
	border:1px solid #00c259;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	display:block;
	width:auto;
}

.buts-info {
	text-align:center;
	margin-top:3px;
}

.buts-info .style-but-info-2 a {
	background-color:#f4f8ce;
	padding:3px;
	border:1px solid #00c259;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	width:50px;
}

.buts-info .style-but-info-2 a:hover {
	background-color:#e9f19a;
}


.style-but a:hover, .style-but-info a:hover, .style-but-info-2 a  {
	background-color:#e9f19a;
}

#seccion .col {
	width:180px;
	float:left;
	padding:6px;
	text-align:left;
	font-size:0.9em;
}

#seccion .col h2{
	font-weight:normal;
	padding-bottom:10px;
}

#seccion .col .align-c {
	text-align:center;
}

#seccion .col .align-c img{
	padding:3px;
}

#seccion .li-num{
	padding:5px;
}
#seccion .li-num li{
	list-style:decimal;
}

#seccion .hotel-fila {
	clear:left;
}

#seccion .hotel-ficha {
	width:120px;
	float:left;
	padding:5px;
	font-size:0.9em;
	color:#487100;
	text-align:left;
}

#seccion .hotel-nombre {
	background-color:#1067A1;
	color:#FFFF00;
	font-weight:bold;
	padding:2px;
	font-size:0.8em;

}

#seccion .hotel-nombre .hotel-numero {
	border-right:1px solid #FFFF00;
	padding-right:4px;
}

#seccion .hotel-info {
	text-align:center;
	font-size:0.95em;
	vertical-align:middle;
	background-color:#f3f7f9;
	color:#104DA1;
	padding:2px;
	border:1px solid #1076a1;
}

#seccion .li-webmap {
	color:#487100;
	margin:20px 0 0 100px;
	font-size:0.9em;
}

#seccion .li-webmap a{
	color:#487100;
	text-decoration:none;
}	

#seccion .li-webmap a:hover{
	text-decoration:underline;
}	

#seccion .li-webmap li {
	list-style-image:url(../images/ico_lista.gif);
}

#seccion .align-center {
	text-align:center;
}

#seccion dl {
	font-size:0.8em;
}

#seccion dt {
	font-weight:bold;
}

#seccion .sponsors {
	text-align:center;
}

.oculto {
	position: absolute;
	left: -999px;
	width:1px;
	font-size:0%;
	padding:0;
	margin:0;
}

.nota {
	font-size:0.8em;
}

.botones {
	text-align:right;
}

.botones input{
	background-color:#f4f8ce;
	color:#000;
	border:1px solid #000099;
	padding:2px 10px;
	margin-top:5px;
	font-weight:bold;
}

.botones input:hover {
	background-color:#c9db03;
	color:#000000;
}

.banner {
	margin:0 auto;
	margin-top:3px;
	width:105px;
	height:auto;
	background-color:#FFF;
	padding:8px;
	text-align:center;
}

.banner-rojo {
	margin:0 auto;
	margin-top:3px;
	width:105px;
	height:auto;
	background-color:#3dffc3;
	padding:8px;
	text-align:center;
}

.banner-verde {
	margin:0 auto;
	margin-top:3px;
	width:105px;
	height:auto;
	background-color:#3e9fb1;
	text-align:center;
}

.blog img{
	border:none;
}


.banner-lima {
	margin:0 auto;
	margin-top:3px;
	width:105px;
	height:auto;
	background-color:#ff9934;
	padding:8px;
	text-align:center;
}

.banner a, .banner-lima a, banner-rojo a{
	text-decoration:none;
}

.banner .titulo {
	display:block;
	width:105px;
	background-color:#000099;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	padding:2px;
}


.banner-rojo a, .banner-rojo a:visited, .banner-rojo a:link {
	display:block;
	width:105px;
	background-color:#00888e;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
}

.banner-verde .titulo {
	display:block;
	width:105px;
	background-color:#e3ffdb;
	color:#1f1c94;
	font-weight:bold;
	font-size:11px;
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
}

.banner-lima a, .banner-lima a:visited, .banner-lima a:link {
	display:block;
	width:105px;
	background-color:#e7f82d;
	color:#000;
	font-weight:bold;
	font-size:11px;
	padding:2px;
	padding-top:5px;
	padding-bottom:5px;
}

.banner .fecha {
	display:block;
	color:#000098;
	padding:5px;
}

.programa {
	width:490px;
	color:#000;
	border:1px solid #999999;
	font-size:11px;
}

.programa .hora{
	width:100px;
}

.programa .sala{
	width:130px;
	padding-left:5px;
	color:#666666;
}

.hora {
	width:100px;
	font-size:0.9em;
}

.programa td {
	padding:2px;
}

.tabla-prog {
	width:500px;
}

.tabla-prog img {
	border:1px solid #ccc;
	padding:2px;
	margin-right:5px;
}

.tabla-prog th {
	text-align:left;
}

.tabla-prog h3 {
	padding:4px;
	width:500px;
	background-color:#c9db03;
	color:#000000;
	border-top: 3px solid #b9c441;
	font-size:1.2em;
}

.tabla-prog h4 {
	margin-left:20px;
	padding: 3px 3px 3px 10px;
	width:300px;
	background-color:#f4f8ce;
	color:#000;
	border-bottom: 2px solid #FF9900;
}

.tabla-prog h5 {
	margin:0 0 5px 30px;
	padding: 3px 3px 3px 10px;
	width:400px;
	color:#000;
	border-bottom: 2px solid #FF9900;
}


.tabla-prog table {
	position:relative;
	left:20px;

}

.datos {
	width:350px;
}

#colder ul {
	list-style:none;
	padding:0;
	margin:0;
}

.temas dt {
	font-size:1.3em;
	padding:2px;
	margin-top:10px;
}
.temas dd {
	font-size:1.2em;
	margin-left:10px;;
}

.txt-claro {
	color:#999999;
}

.txt-oscuro {
	color:#CC0000;
	font-weight:bold;
}

a:link {
	color:#000;
}

a:visited {
	color:#000;
}

#seccion2 {
	width:520px;
}

#seccion2 table {
	width:500px;
}

#seccion2 table th {
	width:150px;
}

#seccion2 table .celda {
	width:auto;
}

#seccion2 .hoteles th {
	width:auto;
	border-bottom:1px solid #ccc;
}

#seccion2 .hoteles td {
	border-bottom:1px solid #ccc;
}

#seccion2 h3 {
	padding:4px;
	width:500px;
	background-color:#c9db03;
	color:#000000;
	border-top: 3px solid #b9c441;
	font-size:1.2em;
}

.note {
	color:#000;
}

.info-ok {
	margin:10px;
    padding:10px 10px 10px 30px;
	color:#0075C7;
	border-top:1px solid #4EA5FF;
	border-bottom:1px solid #4EA5FF;
	background: #D3E9FF;
}

.info-error{
	margin:10px;
    padding:10px 10px 10px 30px;
	color:#a38a00;
	border-top:solid 1px #ffc600;
	border-bottom:solid 1px #ffc600;
    background: #ffffaa;
}


#seccion .ficha-ponente, #seccion .ficha-ponente-especial {
	background-color:#f2f5f7;
	padding:5px;
	float:left;
	width:230px;
	color:#56768d;
	margin:5px;
}

#seccion .ficha-ponente-especial {
	background-color:#ecf3a5;
	border:1px solid #000;
	height:110px;
}

#seccion .ficha-ponente .foto-ponente, #seccion .ficha-ponente-especial .foto-ponente {
	float:left;
	margin:0;
	height:150px;
}

.nombre-ponente {
	font-size:1em;
	font-weight:bold;
}

#seccion .empresa-ponente {
	font-size:0.8em;
}

#seccion .cargo-ponente {
	font-size:0.8em;
	font-style:italic;
}

#seccion .datos-ponente ul {
	margin-top:25px;
	font-size:0.8em;
}

#seccion .datos-ponente ul li a{
	text-decoration:none;
	color:#7e9cb2;
}

#seccion .datos-ponente ul li a:hover{
	text-decoration:underline;
	color:#000;
}

#seccion .expositor-info {
	font-size:0.8em;
}

#seccion .expositor-desc {
	clear:both;
}

#seccion .expositor-img {
	float:left;
}

.plano-hoteles {
	float:left;
	height:400px;
	width:463px;
	padding:20px;
}

.lista-hoteles {
	float:rigth;

}

.lista-hoteles ul{
	padding:0;
	list-style:decimal;
	margin-left:550px;
	margin-top:20px;
}

.lista-hoteles .lista-none {
	list-style:none;
}

.img-danza {
	width:350px;
	border:1px solid #ccc;
	padding:2px;
	margin:5px auto;
}

.txt-sesion {
	background-color:#ffeccb;
}

.txt-ponente {
	background-color:#e3fae7;
}


.left {
	text-align:left;
	float:left;
}

.ponente-descarga {
	float:right;
	width:100px;
	text-align:center;
}	

.tabla-prog2 {
	width:720px;
	padding:0 10px;
}

.tabla-prog2 img {
	border:1px solid #ccc;
	padding:2px;
	margin-right:5px;
}

.tabla-prog2 th {
	text-align:left;
}

.tabla-prog2 h3 {
	padding:4px;
	background-color:#c9db03;
	color:#000000;
	border-top: 3px solid #b9c441;
	font-size:1.2em;
}

.tabla-prog2 h4 {
	margin-left:20px;
	padding: 3px 3px 3px 10px;
	width:590px;
	background-color:#f4f8ce;
	color:#000;
	border-bottom: 2px solid #FF9900;
}

.tabla-prog2 table {
	position:relative;
	left:20px;

}

.listado-stands {
	border:0;
	width:530px;
	margin:0 auto;
	font-weight:bold;
}

.listado-stands .numero {
	width:100px;
	text-align:center;
}

.listado-stands th {
	text-align:left;
	background-color:#e6cf00;
	color:#FFF;
}

.listado-stands .color {
	background-color:#f5ec8f;
}