* {
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
a, a:hover, a:visited, a:link {
	text-decoration:none;
}
h1, h2, h3, h4, h5 {
	color:#4A2214;
}
img {
	border:0;
}
body {
	font: 11pt "Times New Roman", Times, serif;
	background: #4A2214;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
#container {
	width: 990px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background: #FFFFFF;
	margin: 5% auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
#header {
	padding:40px;
}
#header img {
	display:block;
}
#header #menu {
	margin:10px 0;
	width:595px;
	font-size:2em;
}
#header #menu img {
	display:inline;
}
#header #menu ul li {
	display:inline;
}
#header #menu ul li a {
	color:#F3C27A;
}
#header #menu ul li a:hover {
	color:#E04F5A;
}
#header #menu ul li.selected {
	color:#E04F5A;
}
#mainContent {
	padding: 40px 40px 40px 0;
	background: #FFFFFF;
}
#footer {
	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#4A2214;
	color:#F3C27A;
	font-size:10pt;
}
#footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
#item_trabajo {
	width:100%;
	background:#CCCCFF;
}
#item_trabajo img {
	display:block;
}
.flash {
	float:left;
	width:595px;
	margin-left:40px;
 //margin-left:20px;
}
.info {
	margin-left:650px;
	color:#4A2214;
	padding-top:48px;
}
.linea_3px {
	height:3px;
	background-image:url(../img/lineaInfo_3px.gif);
	background-repeat:repeat-x;
 //width:90%;
}
.linea_1px {
	height:1px;
	background-image:url(../img/lineaInfo_1px.gif);
	background-repeat:repeat-x;
 //width:90%;
}
.linea_double {
	height:7px;
	background-image:url(../img/lineaInfo_double.gif);
	background-repeat:repeat-x;
 //width:90%;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
p.info_titular {
	font-weight:bold;
	padding:5px 0;
 //padding:0 0 5px 0;
 //margin-top:-8px;
}

.info_link {
	font-style:italic;
	padding:5px 0;
	heigth:auto;
 //width:90%;
 //padding:0 0 5px 0;
 //margin-top:-8px;
}
.info_link a {
	color:#4A2214;
}
.info_link a:hover {
	color:#E04F5A;
}

.info_premios {
	font-size:9pt;
	padding:5px 0;
	heigth:auto;
 	//width:90%;
 	//padding:0;
}


.info_premios img {
	text-align:right;
	vertical-align:middle;
	padding-left:10px;
}
#mainSeccionIntro {
	color:#E04F5A;
	font-size:18pt;
	padding:0 40px 40px 40px;
}
#mainSeccionTexto {
	color:#F3C27A;
	font-size:18pt;
	padding:0 40px 40px 40px;
}
#mainSeccionTexto a.email {
	color:#E04F5A;
}
#mainSeccionTexto a:hover.email {
	color:#E04F5A;
	text-decoration:underline;
}



/** esto cambialo si hace falta */

.txt_premios {
	padding:15px 0; /* Cambia los 15px para darle +/- espacio por arriba o por abajo al texto de PREMIOS */
}
.img_premios {
	float:right;
	z-index:100;
	margin-top:-50px; /* ESTO ES EL ESPACIO HACIA ARRIBA TIENE QUE SER NEGATIVO */
 	//margin-top:0;
}
.info_texto {
	padding:15px 0px; /* Cambia los 15px para darle +/- espacio por arriba y por abajo al texto descriptivo */
 	//padding:10px 0; /* Si cambias el de arriba pues cambia los 10px también (5 pixels aprox. por debajo) para darle +/- espacio por arriba y por abajo. ESTO ES PARA EL IEXPLORE. */
	heigth:auto;
	font-size:10pt;
 	//width:90%;
}