/* ............................................................................................................................. */
/* ......................................... ELEMENTOS DE LA PAGINA WEB ....................................... */
/* ............................................................................................................................. */

* { margin:0px; padding:0px; } 
body { background:/*#FFFFFF*/#4D0000; color:#4D0000; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:75%; }

img { border:0px; }
kbd {  line-height:2em; font-size:.8em; font-weight:normal; font-family:"Lucida console", Courier, monospace, sans-serif; border-top:.15em solid #ccc; border-right:.25em solid #aaa; border-bottom:.3em solid #888; border-left:.2em solid #bbb; padding:.05em .2em; color:#000; background:#eee;  vertical-align:text-bottom; }
abbr, acronym, span.abbr { border-bottom:1px dashed #4D0000; cursor:help; }
address { font-style:normal; text-align:left; width:90%; font-size:95%; padding-left:20px; }
address.contadd { margin-left:50px; border-left:10px solid #008C00; margin-top:30px; }
address.hoteladdr { padding-left:0px;  padding-top:30px; text-align:center; }

sup { font-size:80%; font-weight:normal; /*font-family:Helvetica, "Lucida console", Arial, sans-serif;*/ }

/* ..... Tables ..... */
table { width:100%; }
caption { text-align:left; padding:10px 0px 10px 0px; font-weight:bold; font-size:125%; }
th { text-align:left; vertical-align:top; font-weight:bold; padding:4px 6px; border-bottom:1px dotted #backgr; }
td { text-align:left; vertical-align:top; padding:4px 6px; border-bottom:1px dotted #008C00; }

/* ..... Listas ..... */
ol, ul { width:100%; }
li { list-style-position:outside; list-style-type:none; }

/* ..... Cabeceras ..... */
h1 { font-size:100%; font-weight:bold; text-align:right; width:100%; }
h2 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:145%; font-weight:bold; text-align:left; padding: 0px 0px 2px 0px; width:96%; margin: 12px 0px 0px 0px; clear:both; }
h3 { font-size:120%; font-weight:bold; text-align:left; margin:20px 0px 10px 0px; width:90%; clear:both; padding-bottom:5px; }
h4 { font-weight:bold; text-align:left; padding:0px; margin:12px 0px 8px 0px; width:90%; clear:both; }
h5 { font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:12px 0px 8px 0px; width:99%; border-bottom:1px dashed #999999; clear:both; }
h6 { font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:12px 0px 8px 0px; width:99%; clear:both; }

h3 abbr, h3 acronym, h3 span.abbr { border-bottom:1px dashed #008C00; cursor:help; }

.small { font-size:80%; color:#828282; width:99%; clear:both; padding-top:7px; }
.smallnormal { font-size:80%; }
.oculto { position:absolute; width:990px; font-size:0%; left:-1060px; top:-50px; }
.spacer { clear:both; }
.flotaizda { float:left; margin-right:5px; }
.flotadcha { float:right; clear:right; margin-left:5px; }
.alert { background:transparent url("../images/attentionIcon.gif") no-repeat left top; padding-left:15px; margin-bottom:6px; }

/* .......................................................................................................................................... */
/* ............................ POSICIONAMIENTO DE CAPAS - BLOQUES PRINCIPALES ............................... */
/* .......................................................................................................................................... */

#container { position:relative; margin: 0 auto; width:95%; margin-top:25px; text-align:left; background:#FFFFFF /*url("../images/bgEsiweek.gif") no-repeat right bottom*/;}
#header { position:relative; float:left; width:100%; background:transparent url("../images/headerEsiweek.gif") no-repeat center top; padding-bottom:30px; }
#auxiliarmenu { position:relative; float:right; width:90%; text-align:right; padding:3px 0px; margin-top:10px; margin-right:10px; }
#bodyweb { position:relative; float:left; width:100%; }
#sidebar { position:relative; float:left; width:23%; }
#menu { position:relative; float:right; width:100%; text-align:right; margin-top:10px; }
#menuinfo { position:relative; float:left; width:100%; padding-top:30px; text-align:center; }
#webcontent { position:relative; float:left; width:70%; padding-bottom:30px; padding-left:30px; min-height:300px; } 
#webcontentall { position:relative; float:left; width:95%; padding-bottom:30px; /*padding-left:30px;*/ min-height:300px; } 
#breadcrumbs { position:relative; float:left; width:100%; text-align:left; padding:8px 0px 3px 0px; clear:both; }
#footer { position:relative; float:left; width:100%; text-align:center; font-size:85%; padding-bottom:5px; padding-top:5px; }

.titleng { position:relative; float:left; width:99%; color:#008C00; margin-bottom:48px; margin-top:12px; padding:0px; font-weight:bold; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:150%; text-align:center; }
.titlesp { position:relative; float:left; width:99.5%; color:#008C00; margin-bottom:48px; margin-top:12px; padding:0px; font-weight:bold; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:150%; text-align:center; }
.logoeng { vertical-align:top; margin-left:16px; margin-right:17px; }
.logoesp { vertical-align:top; margin-left:20px; margin-right:15px; }

.headsec { position:relative; width:667px; margin: 0 auto; }
#header div.headsec ul li { line-height:15px;  text-align:center; }
#header div.headsec ul li#type1 { position:relative; float:left; width:20%; }
#header div.headsec ul li#type2 { position:relative; float:left; width:20%; padding-left:6.8%; }
#header div.headsec ul li#type3 { position:relative; float:left; width:20%; padding-left:6.6%; }
#header div.headsec ul li#type4 { position:relative; float:left; width:20%; padding-left:6.5%; }

#header div.headsec ul li a { font-weight:bold; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:90%; color:/*#4D0000*/#FFFFFF; }
#header div.headsec ul li a:link { color:/*#4D0000*/#FFFFFF; }
#header div.headsec ul li a:visited { color:/*#4D0000*/#FFFFFF; }
#header div.headsec ul li a:hover, #header div.headsec ul li a:focus { color:#B9D305; }

/* ................................................................................................ */
/* .................................... MENÚ AUXILIAR .................................... */
/* ................................................................................................ */

#auxiliarmenu ul li { display:inline; margin: 0px; padding:0px 7px 0px 12px; width:90%; }
#auxiliarmenu ul li a { }
.vinetamenuaux { background:transparent url("../images/inlinebullet.gif") no-repeat left; }


/* ................................................................................................ */
/* .................................. MENÚ PRINCIPAL .................................... */
/* ................................................................................................ */

#menu ol li{ margin:0px 5px 0px 0px; padding:5px 0px; }
#menu ol li a { margin:0px; padding-right:10px; background:url("../images/menubullet1.gif") no-repeat right top; }
#menu ol li ol li { margin:0px 12px 0px 0px; padding:0px; }
#menu ol li ol li a { font-weight:normal; padding:0px 10px 0px 0px; background:url("../images/menubullet2.gif") no-repeat right top; }
#menu abbr, #menu acronym, #menu span.abbr { border-bottom:1px dashed #008C00; cursor:help; }

.menuinfotext { margin-bottom:10px; margin-top:30px; font-weight:bold; }
.menuingoimg { margin-top:5px; }

/* ................................................................................................ */
/* ....................................... WEBCONTENT .................................... */
/* ................................................................................................ */

#webcontent p { margin-top:10px; }
#webcontent p.menosp { margin-top:5px;  }

div.hr { width:100%; height:15px; background:url("../images/horDotlineCorner.gif") no-repeat scroll right; } 
div.hr hr { display: none; }

/* ..... Pag: Listas globales ..... */
#webcontent ul li { margin-left:15px; padding-left:12px; margin-top:10px; background:transparent url("../images/li-n1.gif") no-repeat left top; }
#webcontent ul li ul li { margin-left:0px; padding-left:12px; margin-top:5px; background:transparent url("../images/li-n2.gif") no-repeat left top; }
#webcontent ul li ul li ul li { background:transparent url("../images/li-n3.gif") no-repeat left top; }

/* ..... Listas de definición ............ */
.deflist { position:relative; float:left; width:94%; padding-left:14px; margin-bottom:5px; margin-top:5px; }
div.deflist dl { width:100%; }
div.deflist dt { position:relative; float:left; width:100%; font-weight:bold; padding-left:12px; padding-bottom:1px; background:transparent url("../images/li-n1.gif") no-repeat left top; }
div.deflist dd { margin:0px 0px 5px 10px; padding-bottom:1px; }
#webcontent div.deflist dd ul { position:relative; float:left; }
#webcontent div.deflist dd ul li { width:98%; margin-left:20px; padding-left:0px; margin-top:0px; margin-bottom:5px; background:none; }

.pdf { background:transparent url("../images/pdfIcon.gif") no-repeat right top; padding-right:18px; }
.pdf2 { background:transparent url("../images/pdfIcon2.gif") no-repeat right top; padding-right:15px; }
.word { background:transparent url("../images/wordIcon.gif") no-repeat right top; padding-right:18px; }
.ppt { background:transparent url("../images/pptIcon.gif") no-repeat right top; padding-right:18px; }
.zip { background:transparent url("../images/zipIcon.gif") no-repeat right top; padding-right:18px; }


/* ..... Webmap ..... */
#webmapglobal { position:relative; float:left; width:95%; margin-left:20px; padding-bottom:20px; }
#webmapleft { position:relative; float:left; width:40%; padding-left:50px; padding-right:25px; }
#webmapright { position:relative; float:right; width:43%; padding-left:0px; padding-right:25px; }
.webmapBlock { font-size:120%; font-weight:bold; margin-bottom:5px;  padding-bottom:5px; width:98%; clear:both; }

#webmapglobal ol li { margin:5px 0px 0px 5px; }
#webmapglobal ol li a { padding-left:12px; background:transparent url("../images/menubullet1.gif") no-repeat left top; }
#webmapglobal ol li ol li { margin-left:3px; margin-top:5px; padding-left:10px; }
#webmapglobal ol li ol li a { font-weight:normal; background:transparent url("../images/menubullet2.gif") no-repeat left top; }
#webmapglobal abbr, #webmapglobal acronym, webmapglobal span.abbr { border-bottom:1px dashed #008C00; cursor:help; }

/* ....................................................................................................... */
/* .............................................. FOOTER ............................................ */
/* ....................................................................................................... */

#footer ul { padding-top:3px; padding-bottom:3px; }
#footer ul li { display:inline; margin: 0px; padding:0px 7px 0px 14px; width:90%; }
.fvinetamenu { background:transparent url("../images/inlinebullet.gif") no-repeat left; }

/* ....................................................................................................... */
/* .................................................. ENLACES ....................................... */
/* ....................................................................................................... */

a img { border: 0px none; }

a { text-decoration:none; font-weight:bold; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:95%; }
a:link { color:#008C00; }
a:visited { color:#008C00; }
a:hover, a:focus { color:#B9D305; }

a.more { float:left; margin-left:10px; padding-left:17px; background:transparent url("../images/flechaCl.gif") no-repeat left top; }
a.more:hover, a.more:focus { background:transparent url("../images/flechaOsc.gif") no-repeat left top; }

a.external { background:transparent url("../images/newWindow.jpg") no-repeat right; padding-right:15px; }
a.external:hover, a.external:focus { background:transparent url("../images/newWindow.jpg") no-repeat right; }

/* Para que no se rompa el link */
a.external2 { background:transparent url("../images/newWindow.jpg") no-repeat right; padding-right:15px; font-size:90%; white-space: nowrap; }
a.external2:hover, a.external2:focus { background:transparent url("../images/newWindow.jpg") no-repeat right; }

/* .............................................. VARIOS ......................................................... */

.clear { clear:both; }
.foto { float:left; padding: 7px; width: 37%; font-size: 90%; margin:0px; font-style:italic; }
.fotoclus { float:left; padding: 0px; width: 38%; margin:0px; }
.leftmore { padding-left:5px; }
.imgalign { padding-top:10px; }
.colordark { color:#4D0000; }
.smalldiv { float:left; width:60%;  }
.smalldiv2 { float:left; width:50%;  }
.centrado { width:100%; text-align:center;  } 
.important { color:#008C00; font-weight: bold; }

.info { position:relative; float:right; width:45%; border:1px dotted #008C00; background:#B9D305; font-size:90%; padding:8px; margin-top:5px; text-align:center; }			

.doubleitemhome { position:relative; float:left; margin:0px; width:100%; padding:0px; clear:both; }
.singleleftitem { position:relative; float:left; width:22%; margin:0px; padding:0px; }
.singlerightitem { position:relative; float:left; width:76%; margin:0px; padding:0px; padding-bottom:10px; text-align:center; }

/* .............................................. TABLAS - VARIOS ......................................................... */
.hometable { margin-top:20px; }
.hometable th { text-align:center; border:0px; background-color:#008C00; color:#FFFFFF; width:15%; }
.hometable th.time { width:10%; vertical-align:middle; background-color:#008C00; }
.hometable td.vacia { border:none; }
.hometable td { border:1px dotted #008C00; vertical-align:middle; }
.hometable td.tdall { text-align:center; }
.hometable td.vaciatop { border-top:none; padding-bottom:50px; vertical-align:top; }
.hometable td.vaciabottom { border-bottom:none; vertical-align:bottom; }
.hometable img { margin-top:5px; }
.hometable td.vaciatop img { margin-top:0px; }

.partable { margin-top:20px; }
.partable th { text-align:center; border-bottom:1px solid #008C00; }
.partable td { border-bottom:1px dotted #008C00; }
.partable td.type { text-align:center; }
.partable td.size { text-align:center; }


table.registration { margin-bottom:10px; width:98%; }
.registration td { vertical-align:middle; text-align:center; border: solid 1px #008C00;  }
.registration th { width:25%; background-color:#B9D305; padding:2px 3px; font-weight: bold; border: solid 1px #008C00; vertical-align:middle;  }

.registration td.vacia { border:none; }
.registration th#header1 { width:27%; text-align:center; }
.registration th#header2 { width:27%; text-align:center; }
.registration th#header3 { width:27%; text-align:center; }
.registration th#header4 { width:23%; padding-left:12px; }
.registration th#header5 { width:23%; padding-left:12px; }
.registration th#header6 { width:23%; padding-left:12px; }

/* .......................................... FORMULARIO DE REGISTRO ....................................................*/
.requiredbox { width:99%; clear:both; }
div.requiredbox dl { width:98%; margin-top:5px; }
div.requiredbox dt { float:left; width:2%; margin:0px 0px 3px 0px; padding:3px 0px 0px 1px; }
div.requiredbox dd { margin:0px 0px 3px 0px; padding:3px 1% 6px 0px; }
.required { color:#008C00; font-size:105%; padding-left: 2px; }
.requiredtext{ font-size:95%; color:#008C00; margin-left:29%; width:50%; background:transparent url("../images/errorIcon2.gif") no-repeat left top; padding-left:23px; }
#webcontent fieldset { width:98%; margin:0px 0px 15px 0px; padding:10px 10px 10px 20px; border-color:#666666; border-width:1px; border-style:solid; clear:both; }
#webcontent legend {  font-family:Tahoma, Verdana, Arial, sans-serif; font-weight:bold; font-size:95%; color:#008C00; margin:5px 0px 11px 0px; padding:0px 5px; }

/* -------------------------- ESPECIFICACIONES LISTAS ------------------------------- */
#webcontent form dl{ width:98%; margin:0px; padding:0px; }

/* -------------------------- CAJAS GENERAL INFORMATION (DL IZDA & DCHA & FOOT) ------------------------------- */
#webcontent form dl.dlizda { position:relative; float:left; width:51%; padding-bottom:0px; margin-bottom:0px; }
#webcontent form dl.dldcha { position:relative; float:right; width:49%; padding-bottom:0px; margin-bottom:0px; }
#webcontent form dl.dlall { position:relative; float:left; width:99%; padding-bottom:0px; margin-bottom:0px; }
			/* DL.IZDA */
#webcontent dl.dlizda dt { position:relative; float:left; width:40%; margin:0px; padding:0px; vertical-align:middle; clear:left; }
#webcontent dl.dlizda dd { position:relative; float:left; width:56%; margin:0px; padding:0px 0px 6px 0px; }
			/* DL.DCHA */
#webcontent dl.dldcha dt { position:relative; float:left; width:38%; margin:0px; padding:0px; vertical-align:middle; clear:left; }
#webcontent dl.dldcha dd { position:relative; float:left; width:58%; margin:0px; padding:0px 0px 6px 0px; }
			/* DL.FOOT */
#webcontent dl.dlall dt { width:98%; margin-bottom:5px; }
#webcontent dl.dlall dd { width:98%; }

#webcontent dl.dlall dt.dtall { position:relative; float:left; width:69%; margin:0px; padding:0px; clear:left; vertical-align:middle;}
#webcontent dl.dlall dd.ddall { position:relative; float:left; width:28%; margin:0px; padding:0px 0px 6px 0px; }


/* -------------------------- CAJAS PAYMENT  ------------------------------- */

#webcontent dl.payment dt { width:98%; }
#webcontent dl.payment dd {  }

#webcontent dl.payment dd.paydet { position:relative; float:left; width:98%;  padding:0px; clear:left; margin-left:15px; }
#webcontent dl.payment dd.cardtypes { position:relative; float:left; width:48%; padding:0px; clear:left; vertical-align:middle; margin-left:15px; }
#webcontent dl.payment dd.cardtypes2 { position:relative; float:left; width:42%;  padding:0px; }
#webcontent dl.payment dd.conditions { position:relative; float:left; width:98%; padding:10px; margin-bottom:5px; border:1px dotted #008C00; /*background:#B9D305;*/ }

/* -------------------------- CAJA OTHER  ------------------------------- */
#webcontent dl.other { width:98% }
#webcontent dl.other dt.radiointro { position:relative; float:left; width:95%; margin-bottom:5px; margin-top:0px; }

/* INPUT RADIO */
.radiotext { width:10%; margin-left:4px; vertical-align:bottom; }
.radiotextpay { width:55%; margin-left:6px; font-weight:bold; text-decoration:underline; } 
.radiostyle { margin-left:4px; background:none; border:none; margin-top:0px; }

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

#webcontent textarea, select { border:solid 1px #008C00; background-color:#B9D305; font-size:90%; vertical-align:middle; margin-left:0%; padding:2px; margin-right:0px; }
#webcontent input  { font-size:90%; vertical-align:middle; margin-left:0%; padding:2px; margin-right:0px; }
.inputtext {border:solid 1px #008C00;}
#webcontent textarea { font-size:95%; /*font-family: Arial, Tahoma, Verdana, sans-serif;*/ }
#buttonform { position:relative; float:left; width:96%; text-align:center; padding:20px 0px 5px 0px; margin-bottom:15px; clear:both; }

.boton { border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; background-color:#008C00; color:#FFFFFF; font-weight:bold; font-size:90%; padding:2px; }
.botonext { background:transparent url("../images/nextIcon.gif") no-repeat right; padding-right:15px; padding-bottom:0px; border:0px; cursor:pointer; color:#008C00; font-weight:bold; margin-bottom:10px;  }

.lopd { font-size:85%; padding:0px; margin:10px 0px 10px 0px; }

.okmessage { font-size:105%; font-weight:bold; color:#047527; background:transparent url("../images/correctIcon.gif") no-repeat left top; padding-left:20px; }
.errormessage { font-size:105%; font-weight:bold; color:#008C00; background:transparent url("../images/incorrectIcon.gif") no-repeat left top; padding-left:20px; }
.thanksmessage { padding-left:20px; }
.backList { position:relative; float:left; width:99%; text-align:center; margin-top:20px; }
a.back { background:transparent url("../images/backIcon.gif") no-repeat left; padding-left:20px; }
a.back:hover, a.back:focus { background:transparent url("../images/backIcon.gif") no-repeat left; }

.nextList { position:relative; margin: 0 auto; width:70%; background-color:#B9D305; border:solid 1px #008C00; text-align:center; font-weight:bold; padding:5px; }
.cursiva { font-style:italic; }

.divsummary { width:100%; text-align:center; margin-top:20px; }
table.summary  { width:60%; vertical-align:middle; text-align:left; }
.summary caption { text-align:left; padding:0px 0px 10px 0px; }
.summary th { padding:2px 3px; font-weight:bold; border: 0px none; vertical-align:middle;  }

.summary th#headerA { width:98%; text-align:center; border-bottom:solid 1px #008C00; }
.summary th#header1 { width:60%; padding-left:12px; }
.summary th#header2 { width:60%; padding-left:12px; }
.summary th#header3 { width:60%; padding-left:12px; color:#008C00; border-top:1px dotted #008C00; }

.summary td { vertical-align:middle; text-align:center; border: 0px none; }
.summary td.total { border-top:1px dotted #008C00; }
.summary th span { color:#008C00; font-weight: bold; }

/* .......................................... TABLA PROGRAMME  ....................................................*/

table.programme { width:100%; vertical-align:middle; margin-top:10px; margin-bottom:15px; }
.programme caption { text-align:left; color:#008C00; }
.programme th { border:none; padding:3px 5px 3px 5px; font-weight:normal; border:1px solid #008C00; text-align:center; }
.programme th.head { background-color:#008C00; font-weight:bold; border:none; color:#FFFFFF;  }
.programme th.time { font-size:90%; vertical-align:top; width:12%; padding:15px 5px 15px 5px; }
.programme th.timebreak { font-size:90%; vertical-align:top; width:12%; }
.programme td { padding:15px 10px 15px 10px; border:1px solid #008C00; vertical-align:middle; }
.programme td.vacia { border:none; padding:3px 10px 3px 10px; }
.programme td.break { background-color:#B9D305; text-align:center; font-style:italic; padding:3px 10px 3px 10px; }
.programme td.bus { background-color:#B9D305; color:#FFFFFF; text-align:center; font-style:italic; padding:3px 10px 3px 10px; }
.programme td.head { background-color:#008C00; font-weight:bold; border:none; color:#FFFFFF; padding:3px 10px 3px 10px; text-align:center; }
#webcontent ul.proglist li { padding-left:12px; background:transparent url("../images/menubullet2.gif") no-repeat left top; margin:0px 0px 0px 10px; padding-bottom:1px; }
#webcontent ul.proglist li ul li { background:none; }
.proglistit { margin:5px 0px 5px 10px; font-weight:bold; } 
#webcontent p.panel { margin-bottom:15px; margin-top:0px; }