/* CSS PARA DEFINIR COLORES Y FONDOS SEGUN LA TEMPORADA */
/* XIX POC : Azul es #034869 */

body {
	background-color: #0b0b0b;		/*	#352D26;	*/
	background-image: url(../img/bg_XIX.jpg);
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* originalmente 12px */
	line-height: 1.5em;
}

#content table, #submenuVertical, #content a.btn_especial {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; /* Lucida y Verdana como prioridad para hacer mas legible el texto chico. */
	font-size: 0.89em;
}


#infotexto p, #infotexto ul, #infotexto ol {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; /* Lucida y Verdana como prioridad para hacer mas legible el texto chico. */
}

#content .img-caption {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; /* Lucida y Verdana como prioridad para hacer mas legible el texto chico. */
	font-size: 0.82em;
	line-height: 1.5em;
}

a, a:hover {
	outline:none;
}


#content p, #content ul, #content ol {
	color: #666666;
}

#content h1, #content h3, #content h5 {
	color: #034869;	
}
#content h2, #content h4, #content h6 {
	color: #333333;
}

#content blockquote {
	color: #034869; /*  */
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 100;
}

#footer, #footer a {
	line-height: 4em; /* antes de 2010 era 6em */
	font-size: x-small;
	text-align: center;
	color: #CCCCCC; /*  azul es #034869 */
	text-transform: uppercase;
}

#footer a 			{	text-decoration: none; }
#footer a:link 		{	text-decoration: none; }
#footer a:hover		{	text-decoration: none; color: #FFFFFF; }
#footer a:active	{	text-decoration: none; color: #0579B1; }
#footer a:visited 	{	text-decoration: none; }


#startPage {
	color: #FFF; /* o FF9900 */
}
#startPage a 			{	text-decoration: none;	color:#0579B1; }
#startPage a:link 		{	text-decoration: none; }
#startPage a:hover		{	text-decoration: none; color: #FFFFFF; }
#startPage a:active		{	text-decoration: none; color: #034869; }
#startPage a:visited 	{	text-decoration: none; }



#content p.parrafoCapital { /* ALTERNATIVA 1 DE INICIO DE TEXTO CON CAPITAL */
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 100;
	margin-top: 1em;
	margin-bottom: 1em;
	color:#666655;
}

#content p.parrafoCapital:first-letter {
	font-size: 350%; 
	font-weight: 900;
	color:#BBBBAA;
	font-family: Geneva, Arial, Helvetica, sans-serif; /*font-family: georgia, times;*/
	margin: 0 3px 0 0;
	line-height: 80%; 
}


span.dropCap { /* ALTERNATIVA 2 DE INICIO DE TEXTO CON CAPITAL EN DROPCAP */
	float: left;
	margin: 0;
	padding: .25em .08em 0 0;
	font-size: 3.2em;
	line-height: .4em;
	font-family: Geneva, Arial, Helvetica, sans-serif; /*font-family: georgia, times;*/
	text-transform: capitalize;
	color: #BBBBAA;

	}

/************************************ ESTILOS MENU A *********************************************************/


#menuA li a {
	color: #555555;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
}
#menuA ul a:hover {
	color: #333333;
}
#menuA ul a:active {

}
#menuA .seccionActiva span {
	color: #034869;	/*era E38215*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
}

#menuA ul .resaltado a:hover {
	color: #FFFFFF;
}

/************************************ ESTILOS MENU B *********************************************************/



#menuB li a {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}
#menuB ul a:hover {
	color: #034869;
}
#menuB ul a:active {
	color: #003366;
}



/************************************ ESTILOS LINKS CONTENT *********************************************************/


#content a {
	color: #000; /* antes 990000 */
	font-weight: bold;
	text-decoration: underline;
}

#content a:hover {
	color: #034869;
	text-decoration: none;
}

#content a:active {
	color: #003366;
	text-decoration: underline;
}



/************************************ ESTILOS BOTON ESPECIAL *********************************************************/



#content a.btn_especial {
    background: #990000 url(../img/btn_especial.gif) no-repeat scroll top right;
    color: #DDD;
    display: block;
    float: left;
    height: 25px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	font-weight: normal;
}

#content a.btn_especial span {
    background: transparent url(../img/btn_especial.gif) no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0 5px 18px;
}

#content a.btn_especial:hover {
    color: #FFF;
}

#content a.btn_especial:active {
    background-position: bottom right;
    color: #FFF;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

#content a.btn_especial:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}






/************************************ ESTILOS BG CONTENT *********************************************************/

.BG1 {
	background-image: url(../img/bgCont-1.jpg);
}
.BG2 {
	background-image: url(../img/bgCont-2.jpg);
}
.BG3 {
	background-image: url(../img/bgCont-3.jpg);
}
.BG4 {
	background-image: url(../img/bgCont-4.jpg);
}
.BG5 {
	background-image: url(../img/bgCont-5.jpg);
}
.BG_PVO {
	background-image: url(../img/bgPVO.jpg);
}
.BG_PVO2009 {
	background-image: url(../img/bgPVO2009.jpg);
}
.BG_PVO2008 {
	background-image: url(../img/bgPVO2008.jpg);
}
.BG_PVO2007 {
	background-image: url(../img/bgPVO2007.jpg);
}
.BG_Libros {
	background-image: url(../img/bgLibros.jpg);
}
.BG_LibroXVI {
	background-image: url(../img/bgLibroXVI.jpg);
}
.BG_LibroPOCX {
	background-image: url(../img/bgLibroPOCX.jpg);
}
.BG_Presea {
	background-image: url(../img/bgPresea.jpg);
}

/************************************ ESTILOS TABLAS *********************************************************/




#content table {
	color: #333333;
	background-color: #F2EDE6;
}
#content table td, #content table p {
	color: #333333;
}

#content table td {
	border: 1px solid #FFFFFF;
}
#content table th {
	border: 1px solid #FFFFFF;
	background-color: #034869;	/*	6097D5*/
	color: #FFFFFF;
	text-align: left; /* antes center */
}
#content .tablaColor {
	background-color: #F2EDE6;
}
#content .tablaBlanca {
	background-color: #FFFFFF;
}
#content .tablaBlanca td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#content .tablaBlanca th {
	background-color: #034869;	
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* TABLA PARA FICHAS TECNICAS Y JURADO */

#content .tablaFicha, #content .tablaFichaCompacta, #content .tablaFichaB, #content .tablaObra {
	margin: 0 0 0 20px;
	line-height: 1.6em;
	background-color: transparent;
}
#content .tablaFichaB, #content .tablaObra { /* Esta tabla es igual que tablaFicha, pero con una alineación de 70px a la derecha */
	margin: 0 0 0 70px;
}
#content .tablaFicha, #content .tablaFichaB {
	width: 420px;
}
#content .tablaFichaCompacta {
	width: 300px;
}
#content .tablaObra {	/* Tabla de FICHA TECNICA del listado de Ganadores */
	width: 500px;
}
#content .tablaFicha td, #content .tablaFichaCompacta td, #content .tablaFichaB td, #content .tablaObra td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#content .tablaFicha th, #content .tablaFichaCompacta th, #content .tablaFichaB th {
	background-color: transparent;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: right;
	vertical-align: top;
	width: 80px;
	padding-top: 7px;
	padding-right: 10px;
	line-height: 1.3em;
}

#content .tablaObra th {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #ECE3D8;
	border-right-color: #ECE3D8;
	border-bottom-color: #666666;
	border-left-color: #ECE3D8;
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
	padding-right: 10px;
	line-height: 1.3em;
	background-color: #999999;
	color: #FFFFFF;
}

#content #tablaObraGanadora {
	background-color: #034869;		/*	17: ECE3D8		BB6F00	*/
	color: #FFFFFF;					/*	17:	990000			*/
}

#content .tablaObra td {
	width: 320px;
}

#content .tablaFicha .nombre, #content .tablaFichaCompacta .nombre, #content .tablaFichaB .nombre {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 0px;
	border-top-style: none;
	padding: 10px 5px 5px 5px;
}

#content .tablaFicha .nombre h1, #content .tablaFichaCompacta .nombre h1, #content .tablaFichaB .nombre h1 {
	font-size: 1.6em;
	line-height: 1.1em;
}

#content .tablaFicha a, #content .tablaFichaCompacta a, #content .tablaFichaB a						{	font-weight: normal; text-decoration:underline; }

#content .tablaFicha a:hover, #content .tablaFichaCompacta a:hover, #content .tablaFichaB a:hover	{	font-weight: normal; text-decoration:none; }



/* CELDAS CON VARIACION DE COLOR */

#content .celdaColor {
	background-color: #ECE3D8;
}
#content .celdaBlanca {
	background-color: #FFFFFF;
}


/************************************ ESTILOS SECCION HOME *********************************************************/


#infotexto {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #BBBBBB;
}


#infotexto p, #infotexto ul, #infotexto ol {
	color: #666666;
}
#infotexto ul ul, #infotexto ol ol #infotexto ul ol, #infotexto ol ul{
	line-height: 1em;
}


/************************************ ESTILOS TITULOS *********************************************************/

#content #headline_quees, #content #headline_quees-ENG,
#content #headline_reconocimiento, #content #headline_reconocimiento-ENG,
#content #headline_escultura, #content #headline_escultura-ENG,
#content #headline_historia, #content #headline_historia-ENG,
#content #headline_premios, #content #headline_premios-ENG,
#content #headline_edInternacional, #content #headline_edInternacional-ENG,
#content #headline_jurado, #content #headline_jurado-ENG,
#content #headline_libros, #content #headline_libros-ENG,
#content #headline_convocatoria, #content #headline_convocatoria-ENG,
#content #headline_premiopvo, #content #headline_premiopvo-ENG,
#content #headline_faq, #content #headline_faq-ENG {
	position:relative;
	width: 380px; height: 50px;
	overflow:hidden;
	padding: 0 0 0 50px;
	margin: 1em 0 0 0;
}

#content #headline_categorias, #content #headline_categorias-ENG { /* titulo mas grande */
	position:relative;
	width: 380px; height: 80px;
	overflow:hidden;
	padding: 0 0 0 50px;
	margin: 1em 0 0 0;
}

#content #headline_quees span, #content #headline_quees-ENG span,
#content #headline_reconocimiento span, #content #headline_reconocimiento-ENG span,
#content #headline_escultura span, #content #headline_escultura-ENG span,
#content #headline_historia span, #content #headline_historia-ENG span,
#content #headline_premios span, #content #headline_premios-ENG span,
#content #headline_edInternacional span, #content #headline_edInternacional-ENG span,
#content #headline_jurado span, #content #headline_jurado-ENG span,
#content #headline_libros span, #content #headline_libros-ENG span,
#content #headline_convocatoria span, #content #headline_convocatoria-ENG span,
#content #headline_premiopvo span, #content #headline_premiopvo-ENG span,
#content #headline_faq span, #content #headline_faq-ENG span {
	display:block;
	position:absolute;
	left:0px; top:0px;
	width: 380px; height: 50px;
	padding: 0px;
	margin: 0 0 0 50px;
	background: top left no-repeat;
	z-index:1;
}

#content #headline_categorias span, #content #headline_categorias-ENG span {
	display:block;
	position:absolute;
	left:0px; top:0px;
	width: 380px; height: 75px; /* verificar: con height: 80px aparece una imagen cortada abajo. */
	padding: 0px;
	margin: 0 0 0 50px;
	background: top left no-repeat;
	z-index:1;}


#content #headline_quees span 				{	background:url("../img/HL_quees.gif"); }
#content #headline_reconocimiento span 		{	background:url("../img/HL_reconocimiento.gif"); }
#content #headline_escultura span 			{	background:url("../img/HL_escultura.gif"); }
#content #headline_historia span 			{	background:url("../img/HL_historia.gif"); }
#content #headline_premios span 			{	background:url("../img/HL_premios.gif"); }
#content #headline_edInternacional span 	{	background:url("../img/HL_edinternacional.gif"); }
#content #headline_jurado span 				{	background:url("../img/HL_jurado.gif"); }
#content #headline_libros span 				{	background:url("../img/HL_libros.gif"); }
#content #headline_convocatoria span 		{	background:url("../img/HL_convocatoria.gif"); }
#content #headline_premiopvo span 			{	background:url("../img/HL_premiopvo.gif"); }

#content #headline_categorias span 			{	background:url("../img/HL_categorias.gif"); }
#content #headline_faq span 				{	background:url("../img/HL_faq.gif"); }



#content #headline_quees-ENG span 				{	background:url("../img/HL_quees-ENG.gif"); }
#content #headline_reconocimiento-ENG span 		{	background:url("../img/HL_reconocimiento-ENG.gif"); }
#content #headline_escultura-ENG span 			{	background:url("../img/HL_escultura-ENG.gif"); }
#content #headline_historia-ENG span 			{	background:url("../img/HL_historia-ENG.gif"); }
#content #headline_premios-ENG span 			{	background:url("../img/HL_premios-ENG.gif"); }
#content #headline_edInternacional-ENG span 	{	background:url("../img/HL_edinternacional-ENG.gif"); }
#content #headline_jurado-ENG span 				{	background:url("../img/HL_jurado-ENG.gif"); }
#content #headline_libros-ENG span 				{	background:url("../img/HL_libros-ENG.gif"); }
#content #headline_convocatoria-ENG span 		{	background:url("../img/HL_convocatoria-ENG.gif"); }
#content #headline_premiopvo-ENG span 			{	background:url("../img/HL_premiopvo-ENG.gif"); }

#content #headline_categorias-ENG span 			{	background:url("../img/HL_categorias-ENG.gif"); }
#content #headline_faq-ENG span 				{	background:url("../img/HL_faq-ENG.gif"); }




/* ***** OBRAS CEMEX : Ganadores /participantes/finalistas */

#content .Categorias {
	color: #FFFFFF;
	font-weight:bold;
	background-color: #333333;	/*17 era  C46802 */
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 510px;
}
