/* @group Introduccion */

/* Stylesheet general para sitio web del 7o. Encuentro Internacional de Educacion inicial y preescolar */

/* BLOQUES PRINCIPALES
------------------------
DIV WRAPPER = Bloque que contiene todo el sitio en el centro 
DIV HEADER = Bloque que contiene el banner de Flash que tiene la navegacion
DIV BOTWRAPPER = Bloque que contiene el bloque de contenido y el bloque de sidebar
DIV CLEARER = Clearea los floats de los bloques dentro del botwrapper
DIV FOOTER = Bloque del pie de pagina
*/

/* BLOQUES SECUNDARIOS 
------------------------
DIV CONTENTBLOCK = Bloque contenedor del lado izquierdo
		DIV CONTENT = Contenido de texto/imagenes del bloque
DIV SIDEBARBLOCK = Bloque contenedor del lado derecho
		DIV SIDEBAR = Contenido de texto/imagenes del bloque
*/

/* @end */

* {
	padding: 0;
	margin: 0;
}

/* @group Props de BODY */

body {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #85878a;
	text-align: justify;
	background-color: #e6e6e6;
}

p {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #85878a;
	margin-top: 14px;
}

a:link, a:visited, a:active {
	color: #ef3d43;
	text-decoration: none;
/*	border-bottom-style: dotted;
	border-bottom-width: 1px;*/
	font-weight: bold;
}

a:hover {
	color: #c83337;
}

img	{
	display: block;
	text-decoration: none;
	border: 1px solid #454545;
	margin-bottom: 2px;
}

a img  {
	text-decoration: none;
}

hr {
	margin-top: 18px;
	margin-bottom: 18px;
	background-color: #454545;
	clear: right;
}





/* @end */

/* @group DIVS */

#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	height: 210px;
	margin: 0px;
	padding: 0px;
	background-color: #C9C9BE;
}

#botwrapper {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	display: inline; /* IE Hack */
	float: left;
	min-height: 420px;
}

* html #botwrapper {height:420px} /* IE Min-Height Hack */ 
			
			#contentblock {
				margin: 10px 5px 10px 10px;
				width: 529px;
				display: inline; /* IE Hack */
				float: left;	
			}

					#content {
						margin: 0;
						padding: 0;
					}

/* @group Formato de Content */

					#content .box{
						border: 1px solid #454545;
						background-color: silver;
						margin-bottom: 5px;
						padding: 5px;
					}


					
					#content .flashbox{
						border: 1px solid #454545;
						background-color: silver;	
					} 	/* Esta clase se usa como box para los cuadros de flash. Usada en Dudas Exito */


					#content .imagebox{
						border: 1px solid #454545;
						background-color: silver;
						margin-bottom: 5px;
					}

					h1{
						color: #454545;
						font-size: 10px;
						font-weight: bold;
						margin-top: 5px;
					}

					 .titles{
						color: #ef3d43;
						font-size: 29px;
						font-weight: bold;
						margin-top: 10px;
						margin-bottom: 10px;
						letter-spacing: -2px;
						text-shadow: #444444 0px 1px 1px;
	text-align: left;
}

					h2{
						color: #ef3d43;
						font-size: 13px;
						font-weight: bold;
						margin-top: 0;
						margin-bottom: 0;
					}


					#content .post{
					}

					
					#content .post .clearblock {
					clear: both;
					}
					
					#content .newstitle{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/history.png) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 10px;
	clear: right;
}

					#content .newstitle h1{
						color: #454545;
						font-size: 10px;
						font-weight: bold;
					}

					#content .newstitle h2{
						color: #ef3d43;
						font-size: 13px;
						font-weight: bold;
					}

					#content p {
						font: 10px/11pt "Lucida Grande", Lucida, Verdana, sans-serif;
						color: #626262;
						text-align: justify;
						margin-top: 12px;
	margin-bottom: 12px;
}

					#content ul{
						list-style-type: none;
						padding: 0;
						margin-top: 12px;
						line-height: 14pt;
					}

					#content li{
						background: url(images/greenbullet.png) no-repeat 14px 0;
						padding-left: 33px;
						margin-bottom: 8px;
						padding-right: 70px;
						font-style: italic;
						color: #85878a;
					}

					#content .highlight {
						font-weight: bold;
						color: #000;
					}

					#content img{
						border: 1px solid #454545;
					}

					#content .right-img {
						float: right;
						clear: right;
						margin-left: 10px;
						margin-bottom: 10px;
					}
					
					#content .logobox{
						text-align: left;
						padding-bottom: 25px;
}
				
					#content .logobox img{
						border: 0px;
						float: left;
}
					
					#content .left-img {
						float: left;
						margin-right: 10px;
						margin-bottom: 10px;
					}
					
					#content .right-box {
						float: right;
						clear: right;
						margin-left: 10px;
						margin-bottom: 10px;
					}
					
					#content .warningsign{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/stop.png) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 10px;
					}
					
					#content .contactoinfo{
						font-size: 12px;
						line-height: 20px;
						font-weight: bold;
					}
					
					#content .contactohigh {
						color: #ef3d43;
						font-weight: bold;
					}
					
					
					#content .paso1{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/paso1.jpg) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 0;
	margin-left: 5px;
}

					#content .paso2{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/paso2.jpg) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 0;
	margin-left: 5px;
}

					#content .paso3{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/paso3.jpg) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 0;
						margin-left: 5px;
						}

					#content .paso4{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/paso4.jpg) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 0;
						margin-left: 5px;
					}
					
					#content .paso5{
						min-height: 32px;
						padding-left: 40px;
						background: url(images/paso5.jpg) no-repeat 0 center;
						margin-top: 10px;
						margin-bottom: 0;
						margin-left: 5px;
					}
					
					#content .pasoh1{
						color: #454545;
						font-size: 18px;
						font-weight: bold;
						line-height: 32px;
					}
					

					#content #hoteles {
						width: 318px;
						margin-right: 8px;
						float: left;
					}
					
					
					#content #hoteles ul{
	margin-top: 25px;
	margin-bottom: 25px;
}	

					#content #hoteles li{
						background: url(images/hotel.png) no-repeat 0 0;
						padding-left: 25px;
						margin-bottom: 8px;
						padding-right: 10px;
						font-style: italic;
						color: #85878a;
	margin-top: 7px;
}

					#content #hoteles h1{
						color: #594108;
						font-size: 13px;
						font-weight: bold;
						margin-top: 10px;
	text-align: left;
}
					
					#content #hoteles h2{
						color: #ef3d43;
						font-size: 13px;
						font-weight: bold;
						margin-top: 0;
						text-align: left;
						padding-top: 0;
					}
					
						#content #hoteles h3{
						color: #626262;
						font-size: 11px;
						font-weight: bold;
						margin-top: 0;
						text-align: left;
						padding-top: 0;
					}

					#content #hoteles p {
						margin-bottom: 6px;
						line-height: 12px;
					}

					#content #hoteles .bold{
						color: #594108;	
						font-weight: bold;
					}
					


					#content #hoteles .hoteltitle{
						
						margin-top: 15px;
					}
					
					#content #hoteles .hoteltitle .float{
						float: right;
						margin-left: 8px;
	border-style: none;
}
					
					

					
				
					
					#content #turismo {
						width: 199px;
						float: left;
	height: 600px;
}

					#content #turismo img {

}

					#content #turismo h1{
						color: #594108;
						font-size: 13px;
						font-weight: bold;
						margin-top: 15px;
	text-align: left;
	margin-bottom: 10px;
}


					#content #turismo p {
						text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 9px;
}



					#content #turismo ul{
						list-style-type: none;
						padding: 0;
						margin-top: 12px;
						line-height: 14pt;
					}

						#content #turismo li{
						background: url(images/greenbullet.png) no-repeat 14px 0;
						padding-left: 33px;
						margin-bottom: 8px;
						padding-right: 70px;
						color: #85878a;
	font-weight: bold;
}
			
					
					
					
					#content #turismo .extrasul{
	margin-top: 10px;
	margin-bottom: 25px;
}	

					#content #turismo .extras1{
						background: url(images/bullet-maps.gif) no-repeat 0 0;
						padding-left: 25px;
						margin-bottom: 8px;
						padding-right: 10px;
						font-style: italic;
						color: #85878a;
	margin-top: 7px;
	margin-left: 15px;
}		

					#content #turismo .extras2{
						background: url(images/bullet-tels.gif) no-repeat 0 0;
						padding-left: 25px;
						margin-bottom: 8px;
						padding-right: 10px;
						font-style: italic;
						color: #85878a;
	margin-top: 7px;
	margin-left: 15px;
}		

					#content #turismo .extras3{
						background: url(images/bullet-info.gif) no-repeat 0 0;
						padding-left: 25px;
						margin-bottom: 8px;
						padding-right: 10px;
						font-style: italic;
						color: #85878a;
	margin-top: 7px;
	margin-left: 15px;
}		

					
#content table {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

#content table img{
	border-style: none;
}

#content th {
	padding: 0 0.5em;
	text-align: left;
	}

#content tr {
	background-image: url(images/table-cell.jpg);
}

#content tr.yellow td {
	border-top: 1px solid #454649;
	border-bottom: 1px solid #454649;
	background: #454649 url(images/table-header.jpg);
	color: #fff;
	font-weight: bold;
	line-height: 32px;
	font-size: 11px;
	text-shadow: #333333 0px 1px 1px;

}

#content td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}

#content td.name {
	font-weight: bold;
}

#content td.width {
	width: 165px;
}

#content td.titulo {
	border-left: 1px solid #CCC;
	text-align: left;
	width: 200px;
}

#content td.flag {
	width: 42px;
	border-left: 1px solid #CCC;
	text-align: center;
	}
	
#content td.flag img{
	display: inline;
	line-height: 22px;
	margin-top: 8px;
}

#content td.cv {
	width: 62px;
	border-left: 1px solid #CCC;
	text-align: center;
}
	
#content td.cv img{
	display: inline;
	line-height: 22px;
	margin-top: 8px;
}

#content .adobe {
	text-align: center;
}

#content .adobe img {
	border-style: none;
	display: inline;
}

/* @end */

			#sidebarblock {
				margin: 10px 8px 10px 5px;
				width: 239px;
				display: inline; /* IE Hack */
				float: right;
				position: relative;
			}
			
			#sidebar {
				margin: 0;
				padding: 0;
			}

/* @group Formato de Sidebar */

#sidebar #infobox{
				margin: 0px 0 2px 0px;
				border: 1px solid #454545;
				background: #d3d3d3 url(images/info-bg.jpg) no-repeat center top;
	padding: 158px 10px 10px;
}
			
			
			#sidebar #infobox  #iconbox1{
				min-height: 32px;
				padding-left: 31px;
				background: url(images/icons-fechas.png) no-repeat 0 top;
				margin-top: 0;
				margin-bottom: 10px;
}
			
			#sidebar #infobox  #iconbox2{
				min-height: 32px;
				padding-left: 31px;
				background: url(images/icons-sede.png) no-repeat 0 top;
				margin-top: 0;
				margin-bottom: 10px;
}			
			
			#sidebar #infobox  #iconbox3{
				min-height: 32px;
				padding-left: 31px;
				background: url(images/icons-cuota.png) no-repeat 0 top;
				margin-top: 0;
				margin-bottom: 10px;
}
		
			#sidebar #infobox  #iconbox4{
				min-height: 32px;
				padding-left: 31px;
				background: url(images/icons-incluye.png) no-repeat 0 top;
				margin-top: 0;
				margin-bottom: 10px;
}	

			#sidebar #infobox  #iconbox5{
				min-height: 32px;
				padding-left: 31px;
				background: url(images/icons-limite.png) no-repeat 0 top;
				margin-top: 0;
				margin-bottom: 10px;
}	

			#sidebar #infobox  #iconbox6{
				min-height: 25px;
				padding-left: 31px;
				background: url(images/icons-cupo.png) no-repeat 0 center;
				margin-top: 0;
				margin-bottom: 15px;
	line-height: 23px;
}	
			
			#sidebar #infobox h1{
				font-weight: bold;
				color: #ef3d43;
				font-size: 11px;
	margin-top: 0;
}
			
			#sidebar #infobox p{
				color: #333333;
				font-size: 10px;
				margin-top: 2px;
				margin-bottom: 4px;
	text-align: left;
}

			#sidebar #infobox .costo{
				font-weight: bold;
				color: #0085bb;
				font-size: 11px;
			}

			#sidebar #infobox ul{
				list-style-type: none;
				padding: 0;
				margin-top: 5px;
				line-height: 14pt;
			}

			#sidebar #infobox li{
				background: url(images/infobox-bullet.png) no-repeat 15px 4px;
				padding-left: 24px;
				margin-bottom: 0;
				color: #333333;
	padding-right: 10px;
	text-align: left;
}

			#sidebar #infobox ul .level{
				list-style-type: none;
				padding: 0 0 0 15px;
				margin-top: 0;
				line-height: 14pt;
			}


			#sidebar .weatherbox{
				margin: 0px 0px 2px 0px;
				border: 1px solid #454545;
				background: #FFFFFF url(images/clima-bg.jpg) no-repeat center top;
				padding-top: 40px;
				height: 100px;
				text-align: center;
	padding-bottom: 10px;
}
	
			#sidebar .weatherbox p{
	color: #243b85;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: -10px;
	letter-spacing: -1px;
}
	
			#sidebar .weatherbox img {
				border: 0;
				display: inline;
			}

/* @end */
			
			#clearer {
				clear: both;
			}
			
			#footer {
				padding: 0px;
				display: inline; /* IE Hack */
				float: left;
				width: 800px;
			}
			
			#footer img	{
				border: 1px solid #CCCCCC;
			}

/* @end */