/* Stylesheet general para sitio web del 8o. 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 titulo
DIV MIDDLE = Bloque central donde va contenido, navegación y monito
DIV FOOTER-INDEX = Bloque donde van los montes FIXED en la pág. principal
DIV FOOTER = Bloque footer donde van los montes al fondo UNFIXED en el resto de las páginas.
DIV CLEARER = Clearea los floats de los bloques dentro del botwrapper
*/

/* BLOQUES SECUNDARIOS 
------------------------
DIV NAV = Contiene Lista de Navegación
DIV CONTENT = Contenido principal (usando inline frame para limitar altura de bloque)
*/

/* @end */

* {
	padding: 0;
	margin: 0;
}

/*Propiedades Generales
------------------------*/
body {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFFFFF;
	text-align: justify;
	background-color: #5dc7d4;
	background-image: url('images/bg-shadow.jpg');
	background-repeat: repeat-x;
}

.bodynoticias{
	background-color: #5dc7d4;
}

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

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

a:hover {
	color: #0090a8;
}

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

a img  {
	text-decoration: none;
}

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

/* Bloques Principales
_______________________*/

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

#header {
	height: 217px;
	margin: 45px 0 0 0;
	padding: 0px;
}
		#header img{
	display: block;
	text-decoration: none;
		}

#middle {
	width: 927px;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline; /* IE Hack */
	float: left;
	min-height: 400px;
	background: url('images/left-monito.png') no-repeat;
}

#nav {
	width: 156px;
	margin: 0 0 0 197px;
	padding: 0;
	float: left;
}
		
		#nav ul {
		list-style-type: none;
		}
		
		#nav li {
		display: block;
		padding: 10px 0 10px 0;
		margin: 0 28px 0 0;
		border-bottom: 1px solid #4bb1bd;
		font-size: 13px;
		text-align: right;
		}
		
		#nav li a:link, #nav li a:visited, #nav li a:active {
		color: #0090a8;
		text-decoration: none;
		border: 0;
		}
		
		#nav li a:hover{
		color: #faef61;
		}


#content{
	width: 570px;
	padding: 0;
	margin: 0;
	float: left;	
}

#clearer {
	clear: both;
}

#footer-index {
/*    position: absolute;*/
    bottom: 0;
    margin: 0;
    padding: 0;
}

#footer {
	width: 927px;
	height: 185px;
}




		#nav p{
		margin: 10px 30px 0 0px;
		font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
		color: #0090a8;
		text-align: right;
		}

.newstitle{
	font: bold 17px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 12px;
}

.newstitle .title {
		font: bold 17px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #fcf360;
}

h2 {
	font: bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 12px;
	margin-top: 12px;
	color: #0090a8;
}

.clearer {
				clear: both;
			}

a:link .logo1, a:visited .logo1, a:active .logo1 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;

	background-image: url('images/logo-nl.png');
	float: left;
	margin-bottom: 10px;
}

a:hover .logo1{
	border: none;
	background-image: url('images/logo-nl2.png');
}

a:link .logo2, a:visited .logo2, a:active .logo2 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
		margin-bottom: 10px;

	background-image: url('images/logo-sep.png');
	float: left;
}

a:hover .logo2{
	border: none;
	background-image: url('images/logo-sep2.png');
}

a:link .logo3, a:visited .logo3, a:active .logo3 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-cendi.png');
	float: left;
}

a:hover .logo3{
	border: none;
	background-image: url('images/logo-cendi2.png');
}

a:link .logo4, a:visited .logo4, a:active .logo4 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-bm.png');
	float: left;
}

a:hover .logo4{
	border: none;
	background-image: url('images/logo-bm2.png');
}

a:link .logo5, a:visited .logo5, a:active .logo5 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-oea.png');
	float: left;
}

a:hover .logo5{
	border: none;
	background-image: url('images/logo-oea2.png');
}

a:link .logo6, a:visited .logo6, a:active .logo6 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-amei.png');
	float: left;
}

a:hover .logo6{
	border: none;
	background-image: url('images/logo-amei2.png');
}

a:link .logo7, a:visited .logo7, a:active .logo7 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-celep.png');
	float: left;
}

a:hover .logo7{
	border: none;
	background-image: url('images/logo-celep2.png');
}

a:link .logo8, a:visited .logo8, a:active .logo8 {
	width: 120px;
	height: 120px;
	border: none;
	margin-right: 10px;
	margin-bottom: 10px;

	background-image: url('images/logo-univ.png');
	float: left;
}

a:hover .logo8{
	border: none;
	background-image: url('images/logo-univ2.png');
}