/* CSS Document */
@import url('tools.css');/* Para estilos demódulos especiales. Descomentar y editar según se requiera */
@import url('Scripts/calendar/calendar.css');
/*********************Estilos para Etiquetas**********************/

html, body {
	height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background-color:#BACCE4;
	background:url(img_constantes/bg_body.gif) no-repeat top center #FFFFFF;

}
/*****************************************************************/
.dolar {
	position:absolute;
	top:140px;
	right:220px;
	z-index:100;
	text-transform:uppercase;
}
.dolar p { display:inline;}
#filtros_form .dolar { position:static; }
/*--------------------*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	display:block;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	min-width:950px;
	width:auto !important;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	margin:0;
	padding:0;
	position:relative;
}
/*CABECERA*/
#contenedorCabecera {
	width:100%;
	height:125px;
	background:#C2D2E9 url(img_constantes/bg_Contcabecera.jpg) repeat-x top left;
}
#cabecera {
	width:950px;
	height:125px;
	margin:0 auto;
	/*background:url(img_constantes/bg_cabecera.jpg) no-repeat top left;*/
}
#cabecera h1 {
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
	
	}
#titulo {
	width:100%;
	height:101px;
	background:url(img_constantes/bg_titulo.jpg) repeat-x top left;
	margin-top:0;
	text-align:center;
}
/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {
	width:172px;
	/*background:url(img_constantes/bg_menu.gif) repeat-y top left;*/
	float:left;
	margin:15px 0 0 0;
	text-align:left;
}
#menu1Lienzo ul#menu1 {
	list-style:none;
	margin:0;
	padding:0;
}
#menu1Lienzo ul#menu1 li {
	display:block;
}
#menu1Lienzo ul#menu1 li h2 {
	padding:0
}
#menu1Lienzo ul#menu1 li a {
	font-size:11px;
	width:172px;
	height:17px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(img_constantes/bg_menu1.gif) no-repeat top left;
	display:block;
	padding:5px 0;
	padding-left:20px;
}
#menu1Lienzo ul#menu1 li a:hover {
	color:#003399;
	background:url(img_constantes/bg_menu1.gif) no-repeat bottom left;
}
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {
	color:#003399;
	background:url(img_constantes/bg_menu1.gif) no-repeat bottom left;
	cursor:default;
}
/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo {
	height:27px;
	margin:15px auto;
	position:absolute;
	right:30px;
}
#menu2Lienzo ul#menu2 {
	list-style:none;
	margin:0;
	padding:0;
}
#menu2Lienzo ul#menu2 li {
	margin:0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	display:inline;
}
#menu2Lienzo ul#menu2 li h2 {
	margin:0;
	padding:0;
	display:inline;
}
#menu2Lienzo ul#menu2 li h2 a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;	
	border-right:#FFFFFF 1px solid;
	padding-right:10px;

}
#menu2Lienzo ul#menu2 li h2 a:hover {
}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {
}

/*MIGAJAS*/
#migajas {
	color:#2D4978;
	font-size:9px;
	padding-left:240px;
	padding-top:10px;
}
#migajas a {
	color:#2D4978;
	font-size:11px;
	text-decoration:none;
}
#migajas a:hover {
}
#migajas a.activo, #migajas a:active {
}
/*PORTADA*/
/*		- Se añade dinámicamente ***en algunos proyectos*** en la página de inicio 
		- Normalmente contiene un SWF y/o módulos personalizados */
/* ID añadido dinámicamente si así se requiere*/
#contenidoPortada ul {
}
#contenidoPortada ul h1 {
 	
	
}
#contenidoPortada ul h1 a {
	

}
#contenidoPortada ul ul {
}
/*CONTENIDOLIENZO*/
#contenidoLienzo {
	width:950px;
	margin:0 auto;
	padding-bottom:120px;
	/*background:url(img_constantes/bg_lienzo.jpg) repeat-y top left;
	min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
}

#tituloSeccion {
	width:940px;
	margin:0 auto;
}

#tituloSeccion h1#contenidoTitulo {
	color:#FFFFFF;
	font-size:24px;
	text-transform:uppercase;
	margin-top:50px;
	margin-left:90px;
	float:left;	
	padding-left:90px;
	background:url(img_constantes/bg_titulo.gif) top left no-repeat;
	text-align:left;
}
.contPagNorm {
/*Clase añadida dinámicamente. dejar vacío si no se requiere. 
	  Se pueden añadir más *** plantillas *** de páginas como clases*/
}
/*CONTENIDOHERMANOS*/
/*		- Muestra a los hermanos del registro actual, si los hay. 
		  Si el parent es 0, muestra a los hijos del registro actual */
#contenidoHermanos {
}
#contenidoHermanos p {
}
#contenidoHermanos p a {
}
#contenidoHermanos p a:hover {
}
#contenidoHermanos ul#hermanos {
}
#contenidoHermanos ul#hermanos li a {
}
#contenidoHermanos ul#hermanos li a:hover {
}
#contenidoHermanos ul#hermanos li a.activo, #contenidoHermanos ul#hermanos li a:active {
}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	/*background-color:#DFE2EA;*/
	padding-left:260px;
	padding-top:20px;
	color:#003387;
}

#contenidoTexto p {
}
/*CONTENIDOHIJOS*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
#contenidoHijos {
}
		
ul#hijos {
	list-style:none;
	padding:0;
	margin:0;
}
ul#hijos li {
	background:#FFFFFF;
	border:#003366 1px solid;
	margin-top:20px;
	width:210px;
	height:230px;
	margin-bottom:5px;
	float:left;
	margin-right:5px;
	position:relative;
}
.promociones ul#hijos li {
	width:670px;
	height:510px;
	margin-top:0;
}

ul#hijos li a img{
	border:none;
	color:#FFFFFF;
	display:block;
	margin:40px auto auto auto;
	
}
.promociones ul#hijos li a img{
	margin:0;
}
ul#hijos .seccion {
}
ul#hijos .seccion h1 {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:210px;
}
.seccion h1 a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	background:url(img_constantes/plecacatalogo.gif) no-repeat top left;
	font-size:11px;
	height:35px;
	text-align:right;
	padding-top:2px;
	padding-right:8px;
}
.promociones ul#hijos .seccion h1{
	display:none;
}
.promociones ul#hijos .seccion h1 a{
	display:none;
}

.seccion h1 a:hover {
}
ul#hijos .seccion .hijosDescripcion {
	/*min-height:80px;
	height:auto !important;
	height:80px;*/
	clear:both;	
	display:none;
}

ul#hijos .seccion a p.hijosDescripcion {
	color:#003387;
	text-decoration:none;
}

/*ul#hijos .seccion img {
	float:left;
	/*padding-right:5px;
	padding-left:5px;*//*
	width:200px;
	clear:both;
}*/

ul#hijos .seccion p.seccionMas {
	text-align:left;
	position:absolute;
	bottom:0px;
	left:2px;
	margin-bottom:0;
}
ul#hijos .seccion p.seccionMas a {
	color:#000066;
	font-size:10px;
	text-decoration:none;
}
ul#hijos .seccion p.seccionMas a:hover {
}
/*IMAGENES*/
/*		- Normalmente se encuentra dentro de CONTENIDOTEXTO 
		- Como puede haber más de una imagen, lo que se pueda repetir debe manejarse con clases 
		- Considerar pie de foto */
#contenidoImagenes {
	width:300px;
	float:right;
	margin-right:50px;
	background-color:#FFFFFF;
}

#contenidoImagenes img {
	padding:10px 0 10px 10px;
	border:solid 2px #003366;
}
#contenidoImagenes .pieDeFoto {
	width:260px;
	font-size:14px;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	margin:0;
	font-weight:bold;
	background:url(img_constantes/plecanumero.gif) no-repeat top left;

	
}
/*En caso de que sean imágenes de promociones*/
.promocion #contenidoImagenes {
	width:640px; /*misma que en think_imagenes.php*/
	float:left;
	margin-right:0;
}
/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */


#chat {
	background:url(img_constantes/bg_chat.jpg) no-repeat top left;
	width:200px;
	height:78px;
	float:right;
	margin-top:15px;
	padding-right:200px;
}
#firma {
	height:108px;
	width:100%;
	background:url(img_constantes/bg_firma.jpg) repeat-x top left;
	text-align:left;
	/*padding-left:15px;*/
	position:absolute;
	bottom:0;
	left:0;

}
#firma #firmaDentro {
	width:940px;
	margin:auto;
}

#firma p{
	/*background-color:#003366;*/
	padding-top:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	margin:0;
	text-align:center;
}
#firma img {
	vertical-align:middle;
}

#firma span#creditos {
}
#firma object, #firma embed{
}
#camaras_login{
	position:absolute;
	top:135px;
	left:50%;
	margin-left:-470px;
	font-size:12px;
	font-weight:bold;
}
#camaras_lista { margin:0; padding:0; list-style:none; }
#camaras_lista a { text-decoration:none; }
#camaras_lista a:hover { color:#FF9900; }
#camaras_lista img { vertical-align:middle; }
#camaras_login img { vertical-align:middle; }
#camaras_login a { color:#FFFFFF; text-decoration:none; }
#camaras_login .cerrar { color:#FF9999; }
#suspendido { 
	border:solid 3px #990000;
	color:#990000 !important;
	background-color:#FFCC99;
}
#suspendido a {
	text-decoration:none;
	color:#FF0000;
}
/************************* Estilos de clases ***********************/

.clearboth {
	/*No borrar*/
	clear:both;
}
.tabla {
	border: solid 1px #CCCCCC;
}
.tabla img { 
	vertical-align:middle;
}
.tabla a {
	text-decoration:none;
	color:#F60;
}
.tabla a:hover {
	color:#0033CC;
}
.tabla td {
	padding:5px;
	margin:3px;
}
.tabla th {
	color:#FFFFFF;
	background-color:#FF6600;
	padding:5px;
}
.tabla tr:hover {
	/*background-color:#ECECEC;*/
}
.tabla tr:active {
	background-color:#FFFF99;
}
.tabla .par {
	background-color:#DDD;
}.tabla .impar {
	background-color:#EED;
}
.tabla .cot_vacia {
	background:#FF9B9B;
}
.tablaBG {
	background-color:#FFF;
}
.font9px {font-size: 9px}