/* CSS Document */

body {
	background-color: #F7FDFC;
	SCROLLBAR-FACE-COLOR: #717578;
	SCROLLBAR-HIGHLIGHT-COLOR:#F7FDFC;
	SCROLLBAR-SHADOW-COLOR:#F7FDFC;
	SCROLLBAR-3DLIGHT-COLOR: #717578;
	SCROLLBAR-ARROW-COLOR: #F7FDFC;
	SCROLLBAR-TRACK-COLOR:#F7FDFC;
	SCROLLBAR-DARKSHADOW-COLOR: #717578;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #717578;
	text-align: justify;
}
a:link {
	color: #717578;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #717578;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*---------------------------------
estilos letras */


.bold {
	
		font-weight: bold;
}

.italico {
	font-size: 11px;
	font-style: italic;
	
}

.blanco{
	color: #FFFFFF;
}

.fondo_verde {
	color: #717578;
	text-decoration: none;
	background-color: #CBEEEA;
	line-height: 23px;
}

.center{
	text-align:center;
}


/* titulos*/

h1 {
	font-size: 16px;
	font-weight: bold;
	font-stretch: ultra-condensed;

}

/* subtitulos*/

h2 {
	font-size: 14px;
	font-stretch:condensed;
	font-weight: lighter;
}




/*-------- div en el Index.html--------------------*/


#bloque {
	width:240px;
	height:490px;
	margin-left:20px;
	position: absolute;
	padding:20px;
	float:left;
	text-align:justify;
	border: #CBEEEA 1px dashed;
}



/* DIV en el templates llamado todos.dwt*/

#page {
	background-position:center;
	margin: 0 auto;
	width: 1070px;
	position: relative;
	text-align:center;
}

#left {

	margin: 0 auto;
	width:810px;
	position: relative;
	float:left;
	
	
}
#right {
	margin: 0 auto;
	width: 255px;
	position: relative;
	float:right;
}

.menu_top {
	background-image: url(images_base/fondo_menu_top.gif);
	background-repeat:no-repeat;
	margin-top:0px;
	width:210px;
	height:170px;
	position: relative;
	padding:20px;
	float:left;
	
}

.menu {
	
	margin-top:0px;
	width:250px;
	height:540px;
	position:relative ;
	float:left;
	
	
}

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

/* DIV CON IMAGENES PARA CADA PAGINA SEGUN EL TITULO */


#header_casos_media {
	background-image: url(images_base/top_casos_media.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_conferencistas {
	background-image: url(images_base/top_conferencistas.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_contacto {
	background-image: url(images_base/top_contacto.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_cursos_ant {
	background-image: url(images_base/top_cursos_ant.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:210px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_cursos_prox {
	background-image: url(images_base/top_cursos_prox.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:210px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_encuesta {
	background-image: url(images_base/top_encuesta.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_galeria {
	background-image: url(images_base/top_galeria.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:170px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_material {
	background-image: url(images_base/top_material.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_participantes {
	background-image: url(images_base/top_participantes.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_sitios_interes {
	background-image: url(images_base/top_sitios_interes.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}

#header_testimonio {
	background-image: url(images_base/top_testimonio.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	width: 554px;
	height:190px;
	position: relative;
	padding-left:200px;
	padding-top:50px;
	padding-right:20px;
	text-align:left;
	float:left;
}




/*-------------- DIV GENERALES --------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}





.contenido {
	width: 680px;
	height:490px;
	position: fixed;
	margin-left:40px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	text-align:justify;
	overflow:auto;
	BORDER-BOTTOM: #AFB1B3 1px  dashed;
	BORDER-left: #AFB1B3 1px  dashed;
	BORDER-top: #AFB1B3 1px  dashed;
	
	
}

.contenido2 {
	width: 680px;
	height:380px;
	position: fixed;
	margin-left:40px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:90px;
	BORDER-BOTTOM: #AFB1B3 1px  dashed;
	BORDER-left: #AFB1B3 1px  dashed;
	BORDER-top: #AFB1B3 1px  dashed;
	float:left;
	text-align:justify;
	overflow: auto;
}

.contenido_gris {
	background-color:#666666;
	width: 630px;
	height:150px;
	position: inherit;
	margin-top:390px;
	margin-left:60px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	text-align:justify;
	overflow:auto;
	BORDER-BOTTOM: #AFB1B3 1px  dashed;
	BORDER-left: #AFB1B3 1px  dashed;
	BORDER-top: #AFB1B3 1px  dashed;
}

.galeria_fotos {
	width: 100%;
	height:530px;
	position: absolute;
	/*margin-left:40px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	text-align:center;*/
	
	BORDER-BOTTOM: #AFB1B3 1px  dashed;
	BORDER-left: #AFB1B3 1px  dashed;
	BORDER-top: #AFB1B3 1px  dashed;

}


	#flashcontent {

		height: 100%;

	}


.raya_gris {
border-top: solid;
border-top-color: #717578;
border-top-width:1px;
margin-right:50px;
margin-top:20px;

}

#fotos {
	FLOAT: left;
	margin: 0;
	padding: 10px;
	TEXT-ALIGN: left;
	vertical-align:bottom;
	
}