/*
      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: 13px;
 background:url(img/bg-body.jpg) top center no-repeat;
}

#wrapper { 
 margin: 0 auto;
 width: 973px;
 border-left: 1px solid #7fcfe2;
 border-right: 1px solid #7fcfe2;
}

#header {
 color: #333;
 width: 973px;
 float: left;
 height: 150px;
 margin-top:10px;
 background:#ffffff url(img/bg-header.jpg) top left no-repeat;
}

#menu { 
 color: #fff;
 background:#FFFFFF url(img/bg-menu.png) left top no-repeat;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 min-height: 450px;
 width:182px;
 float: left;
}


#menu ul.mimenu{
list-style:none;
/*font-size:1.1em;  ME PIDEN QUE IGUALE EL TAMAˆëO DE LA LETRA PERO NO PUEDO AUMENTARLO POR EL LIMITE DE ANCHO, ASI QUE LO IGUALO AL PEQUEˆëO*/
font-size:1em;
}

#menu ul.mimenu li.peq{
font-size:1em;
/*letter-spacing:-0.02em;*/
}

#menu ul.mimenu li.sin,#menu ul.mimenu li.topsin,  #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, #menu ul.mimenu li.peq a:link, #menu ul.mimenu li.peq a:visited {
height:21px;
padding-left:14px;
padding-top:5px;
text-decoration:none;
display:block;
color:#fff;
background:url(img/dot-menu.png) 3px 9px no-repeat;
}



#menu ul.mimenu li.sin, #menu ul.mimenu li.normal a:link, #menu ul.mimenu li.normal a:visited, #menu ul.mimenu li.peq a:link, #menu ul.mimenu li.peq a:visited{
border-top:1px solid #5ac1da;
}

#menu ul.mimenu li.normal a:hover, #menu ul.mimenu li.top a:hover, #menu ul.mimenu li.hover, #menu ul.mimenu li.peq a:hover{
background:url(img/dot-menuon.png)  3px 9px no-repeat;
height:21px;
color:#000;
display:block;
padding-top:5px;
}


#menu ul.mimenu li.bot {
background:url(img/bg-bot.jpg) bottom center no-repeat;
height:15px;
}


                /*___________________PARRAFO SECRETARIA BAJO MENU___________________*/
#secretaria {
position:relative;
top:20px;
width:182px;
text-align:left;
}

#secretaria h1 {
font-size:0.9em;
color:#000000;
}

#secretaria p {
color:#454545;
font-size:0.8em;
line-height:1.1em;
}

#secretaria p.azul {
border-top:1px dotted #027abb;
margin-right:30px;
}

#secretaria p  a:link, #secretaria p  a:visited{
color:#027abb;
text-decoration:none;
}

#secretaria p  a:hover{
color:#009fc6;
text-decoration:underline;
}
                /*___________________PARRAFO SECRETARIA BAJO MENU___________________*/


#pie { 
 width: 973px;
 HEIGHT:49PX;
 clear: both;
 color: #333;
 background:url(img/bg-footer.png) TOP CENTER no-repeat;
}


#contenido { 
 float: right;
 color: #333;
 background:#fff url(img/bg-cont.png) top center no-repeat;
 padding: 10px 0px 20px 0px;
 /*min-height: 350px;*/
 width: 670px;
 padding-left:50px;
 padding-right:50px;
 display:inline;
}

#contenido H1 {
font-size:2em;
color:#027abb;
margin:20px 0px 10px 0px;
font-weight:normal;
}

#contenido H1.corto {
width:160px;
float:left;
}

#contenido H1.medio {
width:220px;
float:left;
}

#contenido p{
width:600px;
text-align:justify;
margin-bottom:10px;
}

p.inicio {
color:#009fc6;
}

p.clear {
clear:both;
}

p.clear img{
border:1px solid #2ec2f8;
}



/*_________________________________SUBMENU HORIZONTAL azul contenidos__________________*/

#submenutop, #submenutoplong, #submenu3{
float:left;
height:40px;
padding-top:16px;
padding-left:5px;
}

#submenutop {
margin-top:10px;
width:500px;
background:url(img/bg-submenuh.png) center left no-repeat ;
}

#submenutoplong {
margin-top:10px;
width:630px;
background:url(img/bg-submenulong.png) center left no-repeat ;
}

#submenutop ul li,#submenutoplong ul li, #submenu3 ul li{
display:inline; 
border-right:1px solid white;
list-style:none;
font-size:1.2em;
}

#submenutop ul li.last, #submenutoplong ul li.last, #submenu3 ul li.last{
border-right:none;
}

#submenutop ul li a:link, #submenutop ul li a:visited, #submenutop ul l.last a:link, #submenutop ul li.last a:visited,
#submenutoplong ul li a:link, #submenutoplong ul li a:visited, #submenutoplong ul l.last a:link, #submenutoplong ul li.last a:visited,
#submenu3 ul li a:link, #submenu3 ul li a:visited, #submenu3 ul l.last a:link, #submenu3 ul li.last a:visited {
text-decoration:none;
color:#0079ba;
height:25px;
padding:8px;
}

#submenutop ul li a:hover, #submenutop ul li.last a:hover, #submenutoplong ul li a:hover, #submenutoplong ul li.last a:hover,
#submenu3 ul li a:hover, #submenu3 ul li.last a:hover {
color:#000;
}

#submenu3{
width:382px;
background:url(img/bg-submenu3.png) center left no-repeat ;
margin-top:10px;
}


/*_________________________________TRES CAPAS COMITES__________________*/

#contenido H2 span {
display:none;
}

#contenido H2 {
float:left;
margin-right:5px;
margin-left:30px;
}

#columna1 {
float:left;
width:210px;
border-right:1px solid #009fc6;
margin-right:20px;
padding:5px;
text-align:left;
}

#columna1 h3, #columna2 h3{
width:190px;
font-size:1.1em;
color:#000000;
font-weight:normal;
}

#columna1 p.miembro,#columna2 p.miembro{
width:190px;
color:#027abb;
font-size:1em;
}

#columna1 p.miembro span, #columna2 p.miembro span{
color:#027abb;
font-weight:normal;
font-size:12px;
}


#columna2 {
float:left;
width:210px;
padding:5px;
}

#columna1 p.miembro a:link, #columna2 p.miembro a:link, #columna1 p.miembro a:visited, #columna2 p.miembro a:visited,#columna0 a:link, #columna0 a:visited {
color:#FF6600;
text-decoration:none;
}

#columna1 p.miembro a:hover, #columna2 p.miembro a:hover{
color:#333;
}

p.raya{
height:5px;
border-bottom:1px dotted #027abb;
padding-top:15px;
}

#contenido H4 {
font-size:1.3em;
color:#FF9900;
font-weight:normal;
margin-top:20px;
}

ul.lista{
margin-left:20px;
list-style:url(img/dot-blue.png);
line-height:20px;
}

ul.lista li a:link, ul.lista li a:visited {
color:#027abb;
}

ul.lista li a:hover{
color:#027abb;color:black;
text-decoration:none;
}



/*____________TITULOS NARANJAS----------------*/

#columna0{
float:left;
margin-right:5px;
margin-left:20px;
}

ul.submenu {
height:39px;
margin-left:-10px;
}

ul.submenu li{
display:block;
float:left;
height:39px;
background:url(img/menucont.png) repeat-x;
padding-top:8px;
padding-left:2px;
color:white;
font-size:1em;
font-weight:bold;
}

ul.submenu li.first{
display:block;
width:15px;
height:39px;
background:url(img/menuleft.png) no-repeat;
margin-right:-3px;
}

ul.submenu li.last{
display:block;
width:15px;
height:39px;
background:url(img/menuright.png) no-repeat;
}


ul.submenu li a:link, ul.submenu li a:visited{
display:block;
float:left;
height:39px;
font-size:1em;
color:#fff;
}

ul.submenu li a:hover{
text-decoration:none;}


#biglink{
padding-top:8px;
padding-bottom:8px;
width:200px;

}

#biglink a:link, #biglink a:visited{
color:white;
text-decoration:none;
padding:5px 8px 10px 12px;
background:#2ec2f8 url(img/dot-menu.png) 2px 10px no-repeat;
}

#biglink a:hover{
background-color:#027abb;
}


#photo{
margin-top:5px;
float:left;
width:180px;
height:225px;
margin-right:20px;
border:1px solid #027abb;
}

#phototexto{
float:left;
}

#phototexto p{
width:400px;}


#interest{
position:relative;
top:125px;
left:843px;
width:125px;
height:15px;
font-size:0.95em;
text-align:center;
}

#interest a:link, #interest a:visited{
text-decoration:none;
color:#027abb;
}

#interest a:hover{
text-decoration:none;
color:#000;
}

.enlace a:link, .enlace a:visited{
color:#336699;
text-decoration:none;
}

.enlace a:hover{
text-decoration:underline;
color:black;
}
/*________________TABLA1____________________*/

.tabladatos{
border-top:1px solid #2ec2f8;
border-left:1px solid #2ec2f8;
border-right:1px solid #2ec2f8;
width:585px;
margin-left:20px;
padding:0px;
text-align:center;
}

.tabladatos td.caption, .tabladatos td.caption2{
background-color:#027abb;
color:white;
}
.tabladatos td.caption2{
border-left:1px solid #2ec2f8;
border-right:1px solid #2ec2f8;
}
.tabladatos td{
padding:5px;
border-bottom:1px solid  #2ec2f8;
}

.tabladatos td.celeste{
background-color:#c1d0e4;
}

.tabladatos td a:link, .tabladatos td a:visited{
text-decoration:underline;
color:#003366;}

.tabladatos td a:hover{
text-decoration:none;
color:#FF3300;}


/*________________TABLA2____________________*/
.tablacolor{
width:600px;
padding:3px;
text-align:center;
border:1px solid #2ec2f8;
}
.tablacolor td{
height:20px;
}

.tablacolor td.caption{
background-color:#e2e2e2;
color:#000;
height:25px;
}

.tablacolor td.hora{
text-align:left;
background-color:#e2e2e2;
color:#000;
font-size:11px;
padding-left:5px;
}

.tablacolor td.sesion{
background-color:#66CCFF;
}

.tablacolor td.break{
background-color:#fffab6;
}

.tablacolor td.plenary{
background-color:#3399CC;
}

.tablacolor td.presentations{
background-color:#ffa400;
}

.tablacolor td.workshops{
background-color:#ff6d00;
}

.tablacolor td.varios{
background-color:#C29FA8;
}

/*¨¨¨¨¨¨¨¨¨¨¨¨¨¨CAPAS PARA MOSTRAR ROUNDTABLES¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨*/

ul.lista2{
margin-left:5px;
list-style-type:none;
line-height:15px;
width:555px;
}


ul.lista2 li{
margin-bottom:8px;
padding-bottom:5px;
border-bottom:1px dotted #fac16a;
list-style:url(img/dot-trans.png);
}

ul.lista2 li span{
font-style:italic;
color:#ff6f00;
font-size:0.9em;
}

#uno, #dos, #tres, #cuatro, #cinco, #seis, #ocho, #nueve
{
    position:relative;
	top:5px;
	width:560px;
	font-size:1em;
	background-color:#fef3e3;
	color:#333333;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:25px;
	border:1px solid #fee1b5;
}

p.cerrar a:link, p.cerrar a:visited{
font-size:0.9em;
color:white;
text-decoration:none;
padding:3px;
background-color:#00a4e8;
}

#uno p.cerrar a:hover{
color:white;
background-color:#ff6f00;
}

#uno p.cerrar a:link, #uno p.cerrar a:visited,
#dos p.cerrar a:link, #dos p.cerrar a:visited,
#tres p.cerrar a:link, #tres p.cerrar a:visited,
#cuatro p.cerrar a:link, #cuatro p.cerrar a:visited,
#cinco p.cerrar a:link, #cinco p.cerrar a:visited,
#seis p.cerrar a:link, #seis p.cerrar a:visited,
#ocho p.cerrar a:link, #ocho p.cerrar a:visited,
#nueve p.cerrar a:link, #nueve p.cerrar a:visited
{
font-size:0.9em;
color:white;
text-decoration:none;
padding:3px;
background-color:#00a4e8;
}

#uno p.cerrar a:hover,
#dos p.cerrar a:hover,
#tres p.cerrar a:hover,
#cuatro p.cerrar a:hover,
#cinco p.cerrar a:hover,
#seis p.cerrar a:hover,
#ocho p.cerrar a:hover,
#nueve p.cerrar a:hover{
color:white;
background-color:#ff6f00;
}

/*________________planos comerciales________*/

#planoexpo{
width:450px !important;
margin-top:10px;
float:left;
border-right:1px dotted #027abb;
}

#listastands{
display:block;
margin-top:10px;
float:left;
padding-left:10px;
text-align:left;
width:170px !important;
}

#listastands span{
display:block;
color:#004e66;
font-size:1em;
border-bottom:1px dotted #027abb;
margin-bottom:5px;
margin-top:20px;
}