/*reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*tags generales*/
body{font-family:Tahoma, Geneva, sans-serif; font-size:62.5%;color:#454545}    
a{text-decoration:none}
a:hover{text-decoration:underline;}
strong{ font-weight:bold}
h1{font-family:"Arial Black", Gadget, sans-serif; font-size:2em;font-weight:bold; color:#009ee0; margin:0 0 0px 0;}
#content p{margin:9px 0; line-height:1.15em}


/*estructura*/
#page{width:960px;text-align:center; margin:0 auto; }
.wrap-page{width:960px;float:left; text-align:left}


#main{width:742px; float:left;}
#sidebar{width:218px;float:left; padding:205px 0 0 0;}
#content{float:left;padding:32px 0 0 0; width:540px; font-size:1.2em; font-size:1.2em;}

/*estructura de columnas*/
.columna-A{ float:left; width:233px; text-align:justify; margin:0 23px 0 0}
.columna-A p{ margin-top:0}
.columna-B{ float:left;width:284px;text-align:justify;}


/*division del contenido en 3 columnas*/
.columns-3{ float:left;width:540px;}
.col-3-sec{ width:180px; float:left;}
.col-3-sec h4{width:180px; float:left; color:#454545; font-weight:bold; font-size:1.4em; margin:0 0 6px 0; display:inline }
.col-3-sec h4 a{color:#454545;}
.col-3-sec p{ margin:0 0 5px 0 !important; font-size:.95em;}
.col-3-sec li{ height:11em;padding:0 15px 0 0; }
.col-3-sec li p{ width:170px}

*html .col-3-sec li{padding:0 0px 0 0 ; display:inline-block;  }


#programa{ width:540px; font-size:.95em; margin-top:10px; float:left;}
/*lista fecha programas*/
#programa ul{ text-align:right;}
#programa ul li{display:inline; font-size:1.1em;font-weight:bold; color:#99d8f3; padding-left:5px;padding-right:5px;border-left:solid 1px #009ee0;}
#programa ul .ultimo{border-left:none !important;}
#programa ul li a{color:#99d8f3}
#programa ul .sel a, #programa ul .sel{color:#009ee0}
/*tabla programa*/
#programa table{ margin-top:5px}
#programa th{background:#009ee0; color:white; height:20px; line-height:20px; font-weight:bold; padding:0px 10px 0px 10px }
#programa td{background:#e5f5fc; color:#454545;border-bottom:solid 2px white; padding:8px 10px 8px 10px;line-height:1.1em}
#programa .contenido{ padding-left:10px;}
#programa .lateral-dividido{ width:205px;}

#programa #destacado-td{ line-height:30px; font-size:1.1em}
#programa .bckcolor2 td, #programa .bckcolor2 th{background:#c4e9f8}
#programa .bckcolor3 td, #programa .bckcolor3 th{background:#99d8f3}
#programa .noborder-bottom{border-bottom:none !important}
#programa .borde-lateral{border-right:solid 2px white}
.horario{ width:83px;border-right:solid 2px white; text-align:center; vertical-align:middle; color:#009ee0; text-align:center;padding:0 !important }
#programa td.horario{ color:#009ee0; font-weight:bold;}


#programa .bckcolor1 td, #programa .bckcolor1 th{ background:#E5F5FC}



#programa .pie-programa-links{ font-size:1.15em}
#programa .pie-programa-links .link-ponentes{background:none; padding:0; padding-top:5px}
#programa .pie-programa-links .descarga{background:none; padding:0;text-align:right;padding-top:5px}
#programa .pie-programa-links a{color:#009ee0; text-decoration:underline}

#programa .ver-mas{ padding-top:0 !important;padding-bottom:0px !important; font-size:1.1em}
#programa .ver-mas .link-ver{ position:relative; top:-8px}

#patrocinios{ float:right; width:154px; height:601px; margin:20px 13px 0 0}



.letter{background:url(css_img/bck-letter.jpg) no-repeat; height:974px; margin:30px 0 0 0;padding:50px 55px 0 55px !important;width:430px !important; text-align:justify; font-size:1.1em}
.letter .foto{float:right; margin:0 0 10px 30px}
.letter p{margin:0 0 14px 0 !important}
.letter .firma{margin:10px 0 0 0 !important}



#header{float:left; height:181px; width:742px;}
#header p{width:735px; padding:0 0 0 7px;color:#26b6f3; height:17px; line-height:17px; font-size:1.1em; position:relative; top:-8px}

#footer{float:left;height:173px;width:540px;text-align:center;font-size:11px;margin:50px 0 0 0;color:#009ee0;clear:left;}



/*menu navegacion*/
#nav{font-size:1.2em; font-weight:bold;color:#009ee0}
#nav a{color:#009ee0;}
#nav li{ height:22px; line-height:22px; background-image:url(css_img/bck-linav.jpg);background-repeat:no-repeat; background-position:0 0; padding:0 0 0 28px; margin:0 0 6px 0;}
#nav li.sel{background-position:0 -22px}



/*PERSONAJES CON 4 OPCIONES*/

.personajes{float:left;width:540px;clear:both}
.personajes li{width:104px;margin-right:4px;float:left;}
.personajes .ultimo{margin-right:0 !important; position:relative; left:0}
.personajes img{margin-bottom:12px; position:relative; z-index:10; width:104px; height:128px}
.personajes h2{color:#009ee0; padding:0 6px;margin-bottom:12px;font-size:1.1em;font-family:"Arial Black", Gadget, sans-serif; min-height:3.6em;height:auto !important; height:3.6em; line-height:1.2em;}
.personajes p{padding:0 6px; margin:0 !important; float:left; clear:both}
.personajes a span{ display:block;height:20px;width:20px;position:absolute; z-index:20; margin:-40px 0 0 72px;}
.personajes .ponente01 a span{background:url(css_img/simbol01.gif) no-repeat;}
.personajes .ponente02 a span{background:url(css_img/simbol02.gif) no-repeat;}
.personajes .ponente03 a span{background:url(css_img/simbol03.gif) no-repeat;}
.personajes .ponente04 a span{background:url(css_img/simbol04.gif) no-repeat;}
.personajes .ponente05 a span{background:url(css_img/simbol05.gif) no-repeat;}
.personajes a, .personajes a:hover{ text-decoration:none}
*html .personajes a span{margin:97px 0 0 -32px;}
*+html .personajes a span{margin:97px 0 0 -32px;}






/*PERSONAJES CON 4 OPCIONES*/
/*
.personajes{float:left;width:540px;clear:both}
.personajes li{width:132px;margin-right:4px;float:left;}
.personajes .ultimo{margin-right:0 !important; position:relative; left:0}
.personajes img{margin-bottom:12px; position:relative; z-index:10; width:132px; height:162px}
.personajes h2{color:#009ee0; padding:0 6px;margin-bottom:12px;font-size:1.1em;font-family:"Arial Black", Gadget, sans-serif; min-height:2.4em;height:auto !important; height:3.6em; line-height:1.2em;}

*html .personajes h2{font-family:Arial, Helvetica, sans-serif, "Trebuchet MS"; font-size:14px; font-weight:bold}
.personajes p{padding:0 6px; margin:0 !important; float:left; clear:both}
.personajes a span{ display:block;height:20px;width:20px; background:url(css_img/simbolo01.gif) no-repeat; position:absolute; z-index:20; margin:-40px 0 0 102px;}
.personajes a, .personajes a:hover{ text-decoration:none}
*html .personajes a span{margin:133px 0 0 -32px;}
*+html .personajes a span{margin:133px 0 0 -32px;}
*/
/**/



.personajes a p{ color:#454545}

.ficha h1{margin-bottom:5px}
.ficha h2{font-family:"Arial Black", Gadget, sans-serif; font-size:2em;font-weight:bold;color:#009ee0; margin:0 0 10px 0}
.ficha h3{font-size:1.1em;font-weight:bold;color:#454545;margin:0 0 15px 0}
.ficha h4{font-size:1em;font-weight:bold;color:#009ee0;margin:0 0 10px 0}
.ficha .imagen-ficha{ float:left; margin:0 10px 10px 0}


.listado-link{color:#009ee0; margin:80px 0 0 0}
.listado-link h4{ font-weight: bold; margin:0 0 15px 0 }
.listado-link a{color:#009ee0}
.listado-link li{ margin:0 0 15px 0; text-decoration:underline}


.modulo-destacado{width:540px; float:left}
.modulo-destacado img{float:left; width:306px}
.modulo-destacado p{float:right; text-align:justify; width:212px; margin:0 0 14px 0 !important}


/*PANTALLA DE INSCRIPCION*/
#inscripcion{width:540px; float:left; margin:15px 0 0 0 }
#inscripcion fieldset{background:#ccecf9;width:540px; float:left; padding:0 0 0px 0; margin:0 0 8px 0}
#inscripcion h2{background:#009ee0;width:540px; float:left; color:white;height:20px; padding:0 0 0 7px;width:533px;font-size:1.05em; line-height:20px; margin-bottom:0px }
#inscripcion label{ width:229px; color:#009ee0; font-weight:bold; font-size:1.1em; float:left;margin:0 0 6px 15px; position:relative; left:17px;}
#inscripcion label span{ float:left; display:block; margin:0 0 5px 0}

#inscripcion label.label-area{width:471px;color:#009ee0; font-weight:bold; font-size:1.1em; float:left;margin:0 0 6px 15px; position:relative; left:17px;}

#inscripcion input:focus, #inscripcion textarea:focus{ background:#fbffdb}
#inscripcion textarea{width:471px; border:solid 1px #cbcbcb; color:#454545; font-size:12px; line-height:18px; overflow:auto; height:80px; margin-bottom:10px}
/*caracateristicas especiales para el modulo personal*/
#inscripcion .personal{padding:0 0 0px 0;}
#inscripcion .personal input{ width:227px; border:solid 1px #cbcbcb; color:#454545; font-size:12px; height:18px; line-height:18px}
#inscripcion .personal input.error{ border:dotted 1px red}
#inscripcion .personal textarea.error{ border:dotted 1px red}

/*****mensajes de error*********/
#inscripcion label.error{ position:absolute; font-size:10px; text-align:right; color:red; width:227px; margin:-13px 0 0 -19px;height:10px}
/*fixtextarea safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
#inscripcion label.error{margin-top:-36px;#}
}
*html #inscripcion .label-area label.error{margin:-13px 0 0 224px;}
*+html #inscripcion .label-area label.error{margin:-13px 0 0 224px;}
#inscripcion .label-area label.error{margin:-105px 0 0 224px;}
/*tablas radios*/
#inscripcion .opcion-check label.error{position:absolute; left:auto; z-index:20;  font-size:10px; text-align:right;color:red; width:10px; margin:10px 0 0 205px;height:10px;float:right;}
*html #inscripcion .opcion-check label.error{margin:8px 0  0 205px;}
*+html #inscripcion .opcion-check label.error{margin:8px 0 0 205px;}

#inscripcion .opcion-booleana label.error{position:absolute; left:auto; z-index:20;  font-size:10px; text-align:right;color:red; width:10px; margin:4px 0 0 448px;height:10px;float:right;}
#inscripcion .doble label.error{margin:20px 0 0 448px !important;}


#inscripcion .opcion-booleana-larga label.error{position:absolute; left:auto; z-index:20;  font-size:10px; text-align:right;color:red; width:10px; margin:0px 0 0 448px;height:10px;float:right;}



#inscripcion .personal  h2{margin-bottom:10px }
/*modulo multiples radios*/
#inscripcion .opcion-check{width:540px;  color:#454545; background:#ccecf9; float:left}
#inscripcion .opcion-check h3{width:110px;background:#99d8f3; color:#454545; text-align:center; float:left; line-height:100% }
#inscripcion .opcion-check input{width:11px;border:none;color:#454545;font-size:11px;height:10px;line-height:10px;}
*+html #inscripcion .opcion-check input{height:20px;line-height:20px;}
*html #inscripcion .opcion-check input{height:20px;line-height:20px;}
#inscripcion .opcion-check span{height:25px; line-height:25px}
#inscripcion .opcion-check table{ border-bottom:solid 2px white}
#inscripcion .opcion-check td{ width:145px; height:30px; text-align:center; line-height:30px; line-height:11px;}
#inscripcion .opcion-check .td-destacado{background:#99d8f3; color:#454545; text-align:center; width:110px; vertical-align:middle}
#inscripcion .opcion-check .td-descrip{background:#b2e2f6; height:25px; width:140px; text-align:center; line-height:25px}
/*vertical align safari**/
@media screen and (-webkit-min-device-pixel-ratio:0){
#inscripcion .opcion-check input{height:12px;line-height:30px;}
#inscripcion .opcion-check .td-descrip{line-height:30px; vertical-align:middle}
#inscripcion .opcion-check span{ position:relative; top:1px}
}

/*modulo seleccion*/
#inscripcion .opcion-booleana{ padding:10px 30px 10px 30px; float:left}
#inscripcion .opcion-booleana h3{ float:left; margin:0 0 15px 0; color:#009ee0}
#inscripcion .opcion-booleana label{ display:inline; float:left; width:240px;clear:none; font-weight:normal; color:#454545; margin-bottom:10px; font-size:11px; left:0; margin-left:0;}
/*modulo seleccion+ explicacion*/
#inscripcion .opcion-booleana-larga{ float:left}
#inscripcion .opcion-booleana-larga .td-destacado{background:#99d8f3; color:#454545; text-align:left; width:80px; vertical-align:middle; width:215px; padding:0 0 0 30px; border-bottom:solid 2px white}
#inscripcion .opcion-booleana-larga .td-descrip{ width:215px; padding:10px 50px 10px 30px;border-bottom:solid 2px white}


#inscripcion .legal{ color:#009ee0; text-align:center; font-size:.9em}
#inscripcion .btn-enviar{display:block;border:none;background:#009ee0; color:white; height:28px; line-height:28px; cursor:pointer}

.ubicacion-foto{ float:left; margin-top:10px; padding-bottom:5px}




#map{ width:532px; float:left; clear:both; height:284px; margin:10px 0 15px 0}
#map2 {width:532px; float:left; clear:both; height:600px; margin:10px 0 15px 0}

.col-a{width:250px; padding:5px 0 0 0}

/*clases*/
.clearb{ clear:both}
.ver-todos{color:#009ee0; width:100%; text-align:right; float:left; margin:10px 0 95px 0;}
.ver-todos a{color:#009ee0; text-decoration:underline}
p.link{color:#009ee0;}
p.link a{color:#009ee0; text-decoration:underline}
.resaltado{color:#009ee0; }
.resaltado2{color:#d62d14;}
.centrado{float:left; width:100%; text-align:center} 
.centrado input{ margin:0 auto} 
.link-ver{color:#009ee0; float:right; font-size:.9em; margin:0 !important; text-decoration:underline;vertical-align:bottom}
.link-ver a{color:#009ee0; text-decoration:underline; }
a.resaltado{color:#009ee0; text-decoration:underline }

.hr-ponentes{ display:inline-block; padding-bottom:5px;}