/*
      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: 170px;
	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 #24A1C7;
	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: #007691;
	}
	
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.top a:link, #menu ul.mimenu li.top a:visited {
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.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.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 #24A1C7;

}


#menu ul.mimenu li.normal a:hover, #menu ul.mimenu li.top 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
#aeer ul.submenu li a:link, #aeer 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
#aeer 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{
height:25px;
width:700px;
padding-top:4px;
padding-bottom:10px;
padding-left:100px;
}

#menuhoriz ul li {  
display: inline;  
height:25px;
padding: 5px 15px 5px 15px; 
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: 800px;
	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:#007691;
text-decoration:none;
}

#footer1 a:hover{
text-decoration:underline;
color:#24A1C7;
}



/*_______________________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:#007691;
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;
 }
 
 .nombres{
	display: block;
	width: 250px;
	color: #000;
	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;
}



/*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:#24A1C7;
	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:#B4E4EF;
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:20px;
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;
text-align:center;
float:left;
border-right:1px dotted red;
padding-right:7px;
padding-left:7px;
}

/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license
***/

#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: #9fc0c9;
	color: #000;
	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:#137298;}
 
  
 .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:#9fc0c9;}
 
  .track7{color:#0B24FB;}
 p.track6{background-color:#9fc0c9;}
 
   .track8{color:#23CDFD;}
 p.track6{background-color:#9fc0c9;}