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

html, body {
	height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body { background:#999 url(img_constantes/bg_body.gif); }

/*****************************************************************/

/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	width:970px;
	margin:auto;
	position:relative;
}
/*FACEBOOK*/
#facebook { position:absolute; top:10px; right:20px; text-align:right; text-transform:uppercase; }
#facebook a { color:#666; }
#facebook img { border:none; margin-bottom:-5px; }

/*BUSCADOR*/
#buscador { position:absolute; top:60px; right:20px; text-align:right; text-transform:uppercase; color:#666; }

/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	background-color:#FFF;
}
#cabecera img.logo { margin:20px; background-color:#4D91A6; border:none; }
#cabecera h1 {	
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}


/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo { margin:0 0 0 180px; width:790px; background-color:#949392; }
#menu1Lienzo ul#menu1 { margin:0; padding:0; list-style:none; }
#menu1Lienzo ul#menu1 li { display:block; float:left; }
#menu1Lienzo ul#menu1 li h2 { margin:0; }
#menu1Lienzo ul#menu1 li a { color:#FFF; display:block; background-color:#949392; padding:5px 10px; text-transform:uppercase; font-weight:normal; text-decoration:none; border-left:1px solid #FFF; font-size:12px; }
#menu1Lienzo ul#menu1 li a:hover { background-color:#333; }
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active { background-color:#333; }

/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo {}
#menu2Lienzo ul#menu2 { margin:0; padding:0; list-style:none; }
#menu2Lienzo ul#menu2 li {}
#menu2Lienzo ul#menu2 li h2 { margin:0; }
#menu2Lienzo ul#menu2 li h2 a { display:block; text-transform:uppercase; font-weight:normal; text-align:right; padding:5px 10px; font-size:12px; color:#FFF; text-decoration:none; }
#menu2Lienzo ul#menu2 li h2 a:hover { background:url(img_constantes/bg_a_menu2.png); }
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active { font-weight:bold; background:url(img_constantes/bg_a_menu2.png); }

/*MIGAJAS*/
#migajas { text-transform:uppercase; font-size:10px; }
#migajas a { color:#939292; text-decoration:none; }
#migajas a:hover { color:#666; }
#migajas a.activo, #migajas a:active {}

/*CONTENIDOLIENZO*/
#contenidoLienzo { background:#4D91A6 url(img_constantes/bg_contenidoTexto.gif) right top repeat-y; width:780px; float:left; }
#contenidoLienzo h1#contenidoTitulo{ text-transform:uppercase; font-size:24px; margin-left:25px; color:#4D91A6; }
.portada #contenidoLienzo h1#contenidoTitulo{ display:none; }
.portada #contenidoLienzo object { margin:20px 0; }


/*CONTENIDOTEXTO y columnas*/
/*		- Contenido del registro actual. */
#colizq { background-color:#4D91A6; float:left; width:180px; margin-top:-25px; height:100%; }
#contenidoTexto { float:left; width:580px; /*610*/ padding:10px; background-color:#FFF; min-height:1360px; }
#colder { float:left; width:180px; /*180*/ margin:10px 0 10px 10px; background:url(img_constantes/bg_colder.gif) center top no-repeat; }
#colder form { margin:0; padding:0; }
#colder a { color:#666; }
#colder a:hover { color:#CCC; }
.colder { text-transform:uppercase; text-align:center; font-size:14px; margin:0 0 3px 0; padding:0; }
.colder span { font-size:16px; font-weight:bold; color:#4D91A6; }
.input_colder { width:45%; }
.medium { font-size:14px; margin-top:10px; }
.medium span { color:#939292; font-size:20px; display:block; }
.big { font-size:16px;  }
.big span { color:#939292; font-size:34px; margin-top:-6px; display:block; }
.plugoo { margin:10px 0; }
.plugoo object { display:block; margin:auto; }

.colder_usuario{ height:135px; padding:10px; margin-bottom:10px; }
.colder_usuario label { font-size:11px; font-stretch:condensed; }
.colder_boletin{ height:115px; padding:10px; margin-bottom:10px; }
.colder_ciudad{ padding:10px; height:105px; }
.colder_revista { text-align:center; margin:10px 0; height:240px; padding:10px; }


#btn-contacto a { color:#FFF; font-size:16px; display:block; padding:6px; text-transform:uppercase; text-align:center; }


.paginador { text-align:center; }
.paginador a { text-decoration:none; }
.paginador a:hover { color:#666; }

form img { background:none !important; }


/*CONTENIDOHIJOS TIPO NORMAL*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
ul.hijos { margin:0 0 20px; padding:0; list-style:none; }
ul.hijos .seccion { display:block; overflow:auto; margin-top:20px;  border-bottom:solid 5px; }
ul.hijos .seccion p { margin-right:150px; }
ul.hijos .seccion h1 { margin:0; background-color:#999; text-align:center; width:40%; padding:5px; }
.seccion h1 a { font-size:12px; color:#FFF !important; display:block; width:100%; }
.seccion h1:hover { background-image:url(img_constantes/bg_a_menu2.png); }
ul.hijos .seccion p.hijosDescripcion { margin-left:50px; }
ul.hijos .seccion img { float:right; margin:0 0 5px 20px;  }
ul.hijos .seccion p.seccionMas {}
ul.hijos .seccion p.seccionMas a {}
ul.hijos .seccion p.seccionMas a:hover {}

/*CONTENIDOHIJOS TIPO GALERIA*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
.galeriaCarpeta ul.hijos { margin:0; padding:0; list-style:none; }
.galeriaCarpeta ul.hijos .seccion { width:200px; height:205px; margin:20px 45px; float:left; display:block; text-align:center; border-bottom:solid 3px; }
.galeriaCarpeta ul.hijos .seccion h1, ul.hijos .seccion span { display:block; overflow:hidden; font-size:12px; text-decoration:none; margin:10px 0; background:none !important; width:auto; padding:0;  }
.galeriaCarpeta .seccion a { text-decoration:none; color:#939292 !important; }
.galeriaCarpeta ul.hijos .seccion p.hijosDescripcion { display:none; }
.galeriaCarpeta ul.hijos .seccion img { float:none; margin:0; }
.galeriaCarpeta ul.hijos .seccion p.seccionMas {}
.galeriaCarpeta ul.hijos .seccion p.seccionMas a {}
.galeriaCarpeta ul.hijos .seccion p.seccionMas a:hover {}

/*DIRECTORIO*/
.dirLogo { display:block; float:left; margin:10px; }
.dirTabs { margin:0; padding:20px 0 0 0; list-style:none; border-bottom:solid 3px; width:350px; float:left; vertical-align:baseline; }
.dirTabs li { display:block; float:left; width:85px; margin:0; text-align:center; }
.dirTabs li a { display:block; width:75px; padding:5px; background:url(img_constantes/btn_directorio.png) no-repeat 0 -31px; text-transform:uppercase; font-size:10px; color:#999 !important; }
.dirTabs li a:hover { background-position:0 0 !important; }
.dirInfo { width:250px; text-align:center; margin:10px; float:left; }
.dirInfo ul { margin:0; padding:0; list-style:none; }
.dirPrin { float:right; margin:20px; }
.tabs { clear:both; margin-top:20px; }
/*contacto*/
.btn_dir_contacto a { display:block; margin:10px auto; width:180px; font-size:24px; color:#FFF !important; text-transform:uppercase; padding:6px 0; text-align:center; background:url(img_constantes/btn_dir_contacto.gif) 0 0 no-repeat; }
.btn_dir_contacto a:hover { background-position:0 -40px; }
/*galeria*/
.dirGal { text-align:center; }
.dirGal a { display:block; float:left; width:185px; height:185px; margin:2px; }
.dirGal a img { border-style:none; }

/*FIRMA*/
#firma { color:#FFF; text-align:center; padding-bottom:20px; clear:both; }
#firma span#creditos { display:none; }

/************************* Estilos de clases ***********************/

.aviso { margin:10px 20px; padding:10px; border:solid 1px; }

.clearboth {clear:both;}
.r { text-align:right; }
.centrar { text-align:center; }
.izquierda { float:left; margin-right:10px; }
.derecha { float:right; margin-left:10px; }

/*formularios y formas*/
.forma ul { margin:0; padding:0; list-style:none; }
.forma label { width:200px; display:inline-block; text-align:right; vertical-align:top; padding-top:5px;  }
.forma.small label { width:130px; display:inline-block; text-align:right;  }
.forma textarea { height:150px; width:250px; }

.msg_exito { background:#6C6; padding:5px; color:#fff !important; font-weight:bold; }
.msg_error { background:#F99; padding:5px; color:#fff !important; font-weight:bold; }

.validation-advice { color:#4D91A6; float:right; width:200px; text-align:left; vertical-align:middle; }
.validation-failed { background-color:#FCC; }
.validation-passes { background-color:#BFB; }