/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 background: url(img/bg-menu.png) repeat-x;
 margin-top:20px;
}

#wrapper { 
 margin:0 auto;
 width:922px;
 background-color:#f2f2f2;
}



#header {
 color: #333;
 width: 922px;
 float: left;
 padding-top: 0px;
 height: 150px;
 background:url(img/bg-header2.jpg);
}

#header h1{
	display:none;
}

#navigation {
 width: 922px;
 float: left;
 padding: 0px 0px 0px 0px;
 height: 25px;
 margin: 0px 0px 2px 0px;
 background:url(img/bg-nav.jpg) repeat-x;
 font-size:1em;
}


#leftcolumn {
	color: #333;
	margin: 0px 10px 5px 0px;
 	width: 240px;
	float: left;
}

#content {
	float: left;
	color: #000;
	min-height: 350px;
	width: 600px;
	display: inline;
	text-align:justify;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}



#footer {
	width: 922px;
	height:80px;
	clear: both;
	background:url(img/bg-footer.gif) bottom right no-repeat;
    border-bottom: 1px solid red;
	padding-top:50px;
}

#footer1{
	float:left;
	left:5px;
	width:700px;
	padding-left:20px;
}


#footer1 h1{
	font-size:0.9em;
    COLOR:#777;
	font-weight:normal;
	margin-top:15px;
	line-height:14px;
}

#footer1  a:link, #footer1a:visited{
color:#b73c80;
text-decoration:none;
}

#footer1 a:hover{
text-decoration:underline;
color:red;
}

a {
	color: #a11d8a;
	}
	
p {
padding:10px;
}


.clear{
clear:both;
}


/*_____________ CAPAS PRINCIPALES_________*/

/*_____________ CAPAS PRINCIPALES del index suelto_________*/


#wrapper-index { 
 margin: 0 auto;
 margin-top:60px;
 width: 922px;
}

#content-index { 
 float: left;
 background:url(img/bg-index.jpg) top left no-repeat;
 border:1px solid #bcb9c1;
 height: 500px;
 width: 922px;
}

#enter{
	position:relative;
	top:310px;
	left:620px;
	width:130px;
	height:50px;
}

#enter p a:link{
background:url(img/index-enteroff.png) top left no-repeat;
}

#enter p a:hover{
background:url(img/index-enteron.png) top left no-repeat;
}





/*_______________________________ CAPA DEL MENU Y SUS ENLACES ___________________________*/
#menu {
border:none;
margin-top:15px;
}

#menu ul.mimenu{
list-style:none;
font-size:1em;
}

#menu ul.mimenu li.normal a:link, #menu ul.mimenu li.normal a:visited,  #menu ul.mimenu li.long a:link,#menu ul.mimenu li.long a:visited, #menu ul.mimenu li.top a:link, #menu ul.mimenu li.top a:visited, #menu ul.mimenu li.doble a:link {
height:25px;
padding-left:20px;
margin-right:12px;
padding-top:5px;
text-decoration:none;
display:block;
color:#666;
background:url(img/dot1.gif) 8px 8px no-repeat;
}


#menu ul.mimenu li.doble a:link{
	height:40px;
	background-color:#F90;
	margin-bottom:6px;
		border-bottom:1px dotted red;
				border-top:1px dotted red;


}

#menu ul.mimenu li.doble a:hover{
	height:40px;
	background-color:#a11d8a;
}
	

#menu ul.mimenu li.sin{
height:25px;
padding-left:20px;
padding-top:5px;
background:#f2f2f2 url(img/dot1.gif) 8px 8px no-repeat;
font-weight:bold;
color:#004e66;
}

#menu ul.mimenu li.long a:link,#menu ul.mimenu li.long a:visited{
	font-size:0.9em;
	border-top:1px dotted red;
}


#menu ul.mimenu li.sin, #menu ul.mimenu li.normal a:link, #menu ul.mimenu li.normal a:visited, #menu ul.mimenu li.privado a:link, #menu ul.mimenu li.privado a:visited{
border-top:1px dotted red;

}


#menu ul.mimenu li.normal a:hover, #menu ul.mimenu li.top a:hover,#menu ul.mimenu li.long a:hover {
    height:25px;
	color:#000;
	display:block;
	padding-top:5px;
	background:#dedede url(img/dot2.gif) 8px 8px no-repeat;
}



#menu ul.mimenu li.bot {
background:url(img/bg-bot.png) top center no-repeat;
height:60px;
border-top:1px dotted red;
margin-right:12px;
}







 								/*------------------- LISTA ANIDADA DE SUBMENUS DE INSCRIPCION Y OTROS --------------*/

ul.submenu{
margin-bottom:5px;

}


#menu ul.submenu li{
list-style:none;
padding-left:0px;
height:25px;
line-height:13px;
}

#menu ul.submenu li.doble{
padding-bottom:10px;
}


#organizers ul.submenu li a:link, #organizers ul.submenu li a:visited,
#information ul.submenu li a:link, #information ul.submenu li a:visited,
#sponsors ul.submenu li a:link, #sponsors ul.submenu li a:visited
{
width:200px;
color:#a11d8a !important;
text-decoration:none;
background:url(img/dot3.png) 8px 10px no-repeat !important;
padding-left:22px !important;
height:12px !important;
padding-bottom:10px;
border:0px!important;
}


#organizers ul.submenu li a:hover,
#information ul.submenu li a:hover,
#sponsors ul.submenu li a:hover
 {
color:#666!important;
background-color:#e9e9e9!important;
}

/*_________________________COLUMNA DERECHA__________________



#rightcolumn { 
 color:red;
 background:#fff url(img/bg-right4.gif) bottom repeat-x;
 width: 128px;
 float: left;
 padding-bottom:10px;
 border:1px solid #78ac36;
}

#rightcolumn h1{
background: url(img/h1-right.jpg) top left repeat-x;
height:25px;
padding-top:30px;
padding-bottom:1px;
}

#rightcolumn h1 span{
font-size:0.4em;
color:#548c22;
/*font-family:Georgia, "Times New Roman", Times, serif;
font-family: Arial, Helvetica, sans-serif;
border-bottom:1px solid #78ac36;
padding-left:5px;
}

#rightcolumn h2{
padding:5px;
font-size:0.9em;
font-weight:normal;
border-bottom:1px solid #78ac36;
margin-bottom:5px;
line-height:12px;
}

#rightcolumn h2 span{
font-weight:bold;
font-size:1em;
}*/



/*_________________________________MENU HORIZONTAL NAVIGATION___________________________*/

#menuhoriz ul{

/*width:700px;*/
padding-left:700px;
padding-top:3px;
}

#menuhoriz ul li {  
display: inline;  
margin:0px; /* Separar los botones */  
}

#menuhoriz ul li a:link, #menuhoriz ul li a:visited { 
text-decoration:none;
color:#fff;

}  

#menuhoriz ul li:hover {  
cursor: pointer; 
color:#f3e0a6;
background:url(img/trans.png) repeat-x;
padding:-10px;
border-bottom:1px solid red;
}  


/*_______________________PIE__________________*/

#footer1{
	float:left;
	left:5px;
	width:700px;
	height:80px;
	padding-left:20px;
}


#footer1 h1{
	font-size:0.9em;
    COLOR:#777;
	font-weight:normal;
	margin-top:15px;
	line-height:14px;
}


#footer1  a:link, #footer1a:visited{
color:#b73c80;
text-decoration:none;
}

#footer1 a:hover{
text-decoration:underline;
color:red;
}



/*_______________________CONTENIDO__________________*/

/*.enlace, .congresscentre{
margin-right:10px;
}

.enlace a:link, .enlace a:visited{
padding:5px 5px 5px 35px;
color:#333333;
text-decoration:none;
background:#c9ced0 url(img/full-off.gif) 5px center no-repeat;
}

.enlace a:hover{
padding:5px 5px 5px 35px;
color:#CCFF99;
background:#7bb02c url(img/full-on.jpg) 5px center no-repeat;
}

.congresscentre a:link, .congresscentre a:visited{
padding:5px 5px 5px 5px;
color:#333333;
text-decoration:none;
background:#c9ced0;
}

.congresscentre a:hover{
padding:5px 5px 5px 5px;
color:#CCFF99;
background:#7bb02c;
}*/

p.cursiva {
font-size:1em;
padding:5px 10px 5px 10px;
font-style:italic;
font-weight:normal;
line-height:1.4em;
}

#content h2{
color:#a11d8a;
margin-top:8px;
margin-bottom:10px;
padding-bottom:0px;
}

#content h2 span{
font-size:0.9em;
}

h3{
color:#a11d8a;
font-size:1.1em;
margin-top:8px;
margin-bottom:10px;
padding-bottom:0px;
}

h5{
color:#000;
font-size:1em;
margin-top:20px;
margin-bottom:1px;
padding-bottom:10px;
}

.realce{
 /*color:#004e66;*/
 color:#555;
 font-size:1.2em;
 font-weight:bold;
 }
 
 .realce2{
 color:#555;
 font-size:1.1em;
 font-weight:bold;
 }
 
 .nombres{
 display:block;
 width:170px;
 color:#6b82b8;
 font-size:1em;
 font-weight:bold;
border-bottom:1px dotted #9fb0d7;
 }

p.raya{
margin-right:2px;
margin-left:2px;
border-bottom:1px dotted #666;
margin-top:-5px;
}


 #content ul.lista li{
 color:#333;
 font-size:1em;
 line-height:15px;
 list-style:none;
 padding-right:20px;
 padding-left:12px;
 padding-bottom:10px;
 background:url(img/dot3.png) 4px 6px no-repeat;
 }
 

/*________________TABLA REGISTRO________*/

.mitabla{
width:600px;
margin-top:5px;
font-size:0.9em;
line-height:15px;
color:#26292e;
border:1px solid #666;
}

.mitabla tr.caption {
background:#47a801;
color:white;
}

.mitabla td{
text-align:center;
padding:2px;
height:40px;
}

.mitabla td.programa-social{
background-color:#669900;
color:white;
}

.mitabla td.horas{
font-size:0.9em;
color:white;
text-align:left;
}

.mitabla td.naranja{
background-color:#ffbd47;
}

.mitabla td.amarillo{
background-color:#fff077;
}

.mitabla td.azul{
background-color:#74a0ff;
}

.mitabla td.grisclaro{
background-color:#d4d4d4;
}

td.posters{
	background-color:#f2e6f6;
}



/*TABLA ADORNADA*/
#ornato{
width:550px;
margin-top:10px;
}

#ornato table{
width:550px;
font-size:1em;
border:none;
}

#ornato table td{
	padding:8px;
	text-align:center;
}

#ornato table tr.caption{
	background-color:#a11d8a;
	color:white;
}


#ornato table tr.par{
color:#444;
background-color:#e2e0e5;
}

#ornato table tr.impar{
color:#444;
background-color:#fff;
}

#ornato table tr.medio{
color:#000;
background-color:#baaad3;
border-top:1px solid red;
}


.enlacebase a:link,.enlacebase a:visited {
	margin-left:0px;
	padding:5px 5px 5px 10px;
	background:#ded3f0 url(img/dot3.png) 3px 12px no-repeat;
	color:#000;
	text-decoration:none;
}

.enlacebase a:hover {
color:#a11d8a;
background-color:#fff;
}

 
 p.aviso1{
 background-color:#db9613;
 color:white;
 padding:10px;
 margin-top:10px;
 }
 
 p.aviso2{
 background-color:#92a4cb;
 color:white;
 padding:10px;
 margin-top:10px;
 }
 
 
 /* ARREGLOS */
 #menu .mimenu div a{
color:#818087;
text-decoration:none;
background:url(img/dot2.gif) left 2px no-repeat;
padding-left:10px;
display:block;
height:15px;
padding-bottom:10px;
border:0px; 
 }
 
 #menu .mimenu div a:hover{ 
color:#444;
background-color:#dbe1ef;
 }
 
 
 
/*PARA LISTADO COMITES*/

p.ponentes, p.vocales{
font-size:1em;
width:500px;
margin-left:20px;
color:#26292e;
height:130px;
}

p.vocales{
border-bottom:1px dotted #a11d8a;
padding-bottom:5px;
}
p.ponentes{
border-bottom:2px dotted #a11d8a;
padding-bottom:15px;
}

p.ponentes span.cargo, p.vocales span.cargo{
color:#000;
}

p.ponentes span.cargo a:link, p.ponentes span.cargo a:visited, p.vocales span.cargo a:link, p.vocales span.cargo a:visited{
color: #000;
padding:5px;
background-color:#ccc;
margin-bottom:10px;
}


p.ponentes span.cargo a:hover, p.vocales span.cargo a:hover{
color:#fff;
text-decoration:none;
padding:5px;
background-color:#a11d8a;
}

p.ponentes img, p.vocales img{
float:left;
margin-right:15px;
}

/*----- area topics-----*/

#columna1, #columna2 {
float:left;
width:270px;
padding:0px;
text-align:left;
}

#columna1 {
border-right:1px dotted red;
margin-right:20px;
padding-right:10px;
}

#columna1 p.titulo,#columna2 p.titulo{
	padding:3px;
	font-size:1.1em;
	background-color:#e2e0e5;
}

#columna1 p.miembro,#columna2 p.miembro{
color:#000;
font-size:1em;
padding-bottom:1px;
}

#columna1 p.miembro span, #columna2 p.miembro span{
color:#666;
font-weight:normal;
}

p.miembro span.topic{
	font-style:italic;
	color:#a11d8a !important;
	font-weight:bold!important;
}


/*---- area sponsors----*/

#expositor{
height:132px;
clear:both;
}

#expositor span.expo{
display:block;
width:170px;
height:138px;
float:left;
border-right:1px dotted red;
padding-right:7px;
padding-left:7px;
text-align:center;
}

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license
***/

/*#slideshow {
    position:relative;
    height:187px;
	width:555px;
	margin:20px;
	padding:5px;
	border:1px dotted red;

}

#slideshow IMG {
    position:absolute;
    top:5px;
    left:5px;
    z-index:8;
    opacity:0.0;
	height:187;
	width:555px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}*/


#slideshow {
    position:relative;
    height:62px;
	width:552px;
	margin-top:20px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}







/*________________planos comerciales________*/

#planoexpo{
float:left;
margin-left:-20px;
width:400px;
}

#listastands{
display:block;
margin-top:10px;
margin-left:0px;
float:left;
width:170px;
text-align:left;
padding-left:10px;
padding-top:0px;
border-left:1px solid #533A94;
}

#listastands span{
display:block;
color:#533A94;
font-size:1em;
border-bottom:1px dotted red;
margin-bottom:2px;
margin-top:6px;
}

.destacado{
	padding:5px;
	background-color:#F60;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	border:1px dotted #533A94;
}
	
	
	 /* TRACKS SYMPOSIA */
 
  p.track1,  p.track2,  p.track3,  p.track4,  p.track5,  p.track6{	 
	 display:inline;
	 color:black;
	 font-weight:normal;
	 margin-right:17px;
	 border:1px solid red;
 }
  p.track1 a:link, .track2 a:link, .track3 a:link, .track4 a:link, .track5 a:link, .track6 a:link,
 p.track1 a:visited, .track2 a:visited, .track3 a:visited, .track4 a:visited, .track5 a:visited, .track6 a:visited {
color:white;
text-decoration:none;
 }
 
   p.track1 a:hover, .track2 a:hover, .track3 a:hover, .track4 a:hover, .track5 a:hover, .track6 a:hover{
color:#ea8f00;
 }
 
 
 .track1{color:#33CCFF;}
 p.track1{background-color:#850069;}
  
 .track2{color:#CC3300;}
 p.track2{background-color:#8d005d;}
 
  .track3{color:#693;}
  p.track3{background-color:#950053;}
 
 .track4{color:#66C;}
 p.track4{background-color:#9b004a;}
 
 .track5{color:#666666;}
 p.track5{background-color:#a10042;}
 
 .track6{color:#FF9900;}
 p.track6{background-color:#a6003b;}
 
 
 #gitana{
	 width:555px;
	 height:800px;
	 background:url(img/bg-welcome.jpg) top left no-repeat;
 }
 
 #gitana p{
	 width:420px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size:0.9em;
	 line-height:1.5em;
	 font-style:italic;
	 padding-left:60px;
 }
 
 
 
  #menu ul.mimenu li.privado a:link, #menu ul.mimenu li.privado a:visited{
border-top:1px dotted red;
}
#menu ul.mimenu li.privado a:link, #menu ul.mimenu li.privado a:visited {
height:25px;
padding-left:35px;
margin-right:12px;
padding-top:15px;
text-decoration:none;
display:block;
color:#888;
font-size:0.8em;
font-weight:bold;
}

#menu ul.mimenu li.privado a:link, #menu ul.mimenu li.privado a:visited {
background:#f2f2f2 url(img/cerrado.jpg) 8px 8px no-repeat;
}


#menu ul.mimenu li.privado a:hover {
background:#e9e9e9 url(img/cerrado-on.jpg) 8px 8px no-repeat;
}
