/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/

body {
	background: #D0D0EA url('/img/layout/fondo_web.png') repeat-x top left;
}

strong {
	font-weight: bold;
}

#cabecera {
	height: 366px;
	margin: 0;
	padding-top: 5px;
}

	#cabecera h1 {
		padding: 0 0 0 20px;
		float: left; 
		width: 30%;
	}
	
	#cabecera #utilidades {
		float: right;
		width: 200px;
		margin-right: 5px;
		padding-top: 20px;
	}
	
	#cabecera #utilidades #fsc {
		float: left; 
		width: 40%;
	}
	#cabecera #utilidades #lodemas {
		float: right;
		width: 50%;

	}
	/*
	#cabecera #utilidades #tiempo {
		float: left; 
		width: 40%;
	}*/
	#cabecera #utilidades #lodemas p#facebook {
		padding-top: 10px;
	}
	
	
	#menu {
		font-family: "Trebuchet MS", Arial, Sans-serif;
		padding-left: 300px;
		padding-top: 25px;
		clear: both;
	}
	#menu ul li {
		float: left;
		display: inline;
		font-size: 1.2em;
	}
	#menu ul li a {
		display: block;
		float: left;
		margin: 0 1.7em;
		color: #FFF;
		text-decoration: none;
	}
	#menu ul li a:hover {
		color: #F56600;
	}
	
#contenedor {
	width: 989px;
	background: #fff url('/img/layout/fondo_cuerpo.png') repeat-y top left;
	margin: 0 auto;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
}
	#contenido h2 {
		color: #171796;
		font-size: 1.5em;
		font-weight: bold;
		padding: 1em 0;
	}
	#contenido h2 strong{
		font-weight: normal;
	}
	

	#contenido #izquierda {
		background-color: #FEE9DA;
		float: left;
		width: 29%;
		padding: 1em 0.4em 1em 0.7em;
		margin-left: 3px;
	}
	#contenido #izquierda a {
		color: #171796;
	}
	#contenido #izquierda ul {
		padding: 0 0 2em .6em;
	}
	#contenido #izquierda ul li {
		line-height: 1.6em;
	}
	#contenido #izquierda ul li a.current {
		font-weight: bold;
	}
	#contenido #izquierda ul li a {
		background: transparent url('/img/layout/flecha.png') no-repeat 0 4px;
		padding-left: 15px;
		text-decoration: none;
	}
	#contenido #izquierda ul li a:hover {
		text-decoration: underline;
	}
	#contenido #derecha {
		float: right;
		width: 64%;
		padding-top: 1em;
		margin-right: 30px;
		padding-bottom: 2em;
	}
	#contenido #derecha a {
		color: #F56600;
	}
	#contenido #derecha a:hover {
		text-decoration: none;
	}

	#contenido #derecha p, #contenido #derecha ol, #contenido #derecha ul {
		font-size: 9pt;
		line-height: 1.4em;
		padding: 0.7em 0;
	}
	#contenido #derecha ol, #contenido #derecha ul {
		padding-left: 1em;
	}
	#contenido #derecha ol li, #contenido #derecha ul li {
		list-style-type: circle;
		margin-left: 1.5em;
	}
	#contenido h3 {
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1em;
	}
	#contenido h3.enlaces {
		border-bottom: 1px solid black;
		padding-top: 3em;
		margin-bottom: 1em;
		clear: both;
	}
	
	#contenido #derecha .snippetNoticia {
		padding-bottom: 1em;
		clear: both;
	}
	#contenido #derecha .snippetNoticia h3 {
		font-size: 1.5em;
		margin: 0;
		padding: 0;
	}
	#contenido #derecha .snippetNoticia h3 a {
		font-weight: bold;
		color: #F56600;
		text-decoration: none;
	}
	#contenido #derecha .snippetNoticia h3 a:hover {
		color: #171796;
	}
	#contenido #derecha .snippetNoticia p.fecha {
		margin: 3px 0;
		padding: 0;
		color: #777;
		font-size: 0.9em;
	}
	
	#contenido #derecha * img.izquierda {
		float: left;
		padding-right: 10px;
	}
	

#pie {
	background: #F56600 url('/img/layout/fondo_pie.png') no-repeat bottom left;
	clear: both;
	margin-bottom: 30px;
}

#pie p {
	padding: 1.5em 1em 2em 1em;
	color: #fff;
	font-size: 0.9em;	
}
#pie p a {
	color: #fff;
}
#pie p a:hover {
	text-decoration: none;
}




table#expositores {
	border-collapse: collapse;
	width: 100%;

}
table#expositores table .wide{
	border-collapse: collapse;
	width: 100%;
}
table#expositores tbody {
}

.snippet_expositores {
	float: left; 
	width: 33%;
	height: 250px;
}
.snippet_expositores p {
	height: 180px;
}



/* ------- formularios ------------ */
#contenido form {
	}


	#contenido form label {
		font-family: "Trebuchet MS", verdana, sans-serif;
		color: #000;
		display: block;
		width: 10em;
		/*margin-top: 1em;*/
		float: left;
		margin-bottom: 0.2em;
		padding-right: 10px;
		/*clear: both;*/
	}
	#contenido form label.wide {
		display: block;
		float: none;
	}
	#contenido form input, #contenido form textarea, #contenido form select {
		border: 1px solid #0C226D;
	}
	/*#contenido form select {
		float: left;
	}*/
	#contenido form input.texto{
		width: 30em;
		margin-left: 2em;
		margin-bottom: 1em;
		padding: 0.3em;
		/*display: block;
		float: left;*/
	}
	#contenido form input:focus, #contenido form select:focus{
		border: 1px solid orange;
	}
	#contenido form input.textoPeque{
		/*width: 20em;
		display: block;
		float: left;*/
		width: 20em;
		margin-left: 2em;
		/*margin-bottom: 1em;*/
		padding: 0.3em;
		/*display: block;
		float: left;*/
	}
	#contenido form textarea{
		width: 41em;
	}
	#contenido form input.boton{
		background-color: #fff;
		/*display: block;
		clear: both;*/
		margin-left: 11.6em;
	}
	#contenido form br {
		clear: both;
	}
	
	#contenido form h3 {
		clear: both;
		padding-top: 2em;
	}
	#contenido form h2 {
		clear: both;
		padding-top: 2em;
	}
	
/* -------- formulario ------------- */


#contenido .libro {
clear: both;
margin-bottom: 2em;

}

#contenido .imagenLibro {
float: left;
margin-right: 2em;
width: 20%;

}

#contenido .texto {
float: left;
margin-right: 2em;
width: 70%;

}

.flota {
	float: left;
	margin-right: 20px;
}


dl dt {
	float: left;
	width: 20%;
	clear: both;
	height: 10em;
}

#contenido a img {
	padding: 0.2em;
	border: 1px solid #9CADC5;
}

dl dd {
	float: right;
	width: 60%;
	height: 10em;
}