/* CSS Document */

body {padding:0; margin:0}
#wrapper {background:url(../imagenes/common/bg.gif) repeat-y; height:1%; overflow:hidden;}
#left {width:179px; float:left; background-color:#CCCCCC}
#right {margin-left:170px; padding-left:50px; font:12px arial;}
#content {width:98%; padding-bottom:50px;}

#banner {background:#FBF0C3 url(../imagenes/common/banner.jpg) no-repeat; padding:60px 0; margin-left:179px;}

#head {background:url(../imagenes/common/bg_title.gif) repeat-x; color:#FFFFFF; font:bold 13px arial; padding:3px 208px;}
#bottom {clear:both; background-color:#406089; text-align:center; height:15px; font:bold 10px arial; color:#ffffff; padding:5px 0;}

/*home*/
#home {margin: 40px 0px; text-align:center;}
#bienvenida {font:18px georgia; color:#444444; text-align:center;}
.bienvenida_main {font:18px georgia; color:#444444; text-align:center;font-weight: bold;margin:5px}
.portada {margin:10px;float:left;border-bottom:1px solid #406089;width:100%}
/*fecha*/
.fecha {color:#ffffff; font:10px arial;}

/* seleccion de idioma */
#idiomas {width:260px; float:right; position:relative; top:-22px; margin-right:18px;} 
#idioma, #idioma_S {float:right; text-align:center; font:bold 12px arial; height:16px; padding:2px 8px;}
#idioma_S {background-color:#cccccc; color:#1E3962;text-decoration:none; }	
#idioma {background-color:#1E3962; color:#E9E9E9;text-decoration:none; }	

/* textos */
#title {background-color:#406089; height:20px; font: bold 15px arial; color:#ffffff; padding:5px 0 0 7px; margin:10px 0 10px 0;}
h1 {font:bold 14px arial; color:#1E3962; margin-top:0;}
#subtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #1E3962;
	text-decoration: none;
	font-variant:small-caps;
	text-transform:none;
	padding:4px 15px;
	margin:10px;	
}
#subtitle_more_socio{
	float:left;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #1E3962;
	text-decoration: none;
	font-variant:small-caps;
	text-transform:none;
	padding:4px 15px;
	margin:10px;	
}
#subtitle_more{float:left;width:100%;border-bottom:1px solid #333333; background-color:#406089; color:#ffffff; font:bold 12px georgia; padding:4px 15px;margin-bottom:10px;}
#return {margin:10px;}
#texto p {text-align:justify; line-height:12pt; }
.texto_foto {margin:0 0px 0 0px;text-align:justify; line-height:12pt; }
.texto_foto p {margin:5px;text-align:justify; line-height:12pt; }

.texto_foto_socio {margin:0 0px 0 0px;text-align:justify; line-height:12pt;}
.texto_foto_socio p {margin:5px;text-align:justify; line-height:12pt; }

#texto_foto_gehc {margin:0 0px 0 0px;text-align:justify; line-height:12pt; }
#texto_foto_gehc p {margin:15px 0px;text-align:justify; line-height:12pt; }



/* noticias*/
#noticias_detalles_date{font:10px arial;}
#noticias_detalles{width:70%}
#noticias_detalles a{color:#1E3962; font-weight:bold; text-decoration:none;font-size:11px;}
#noticias_title{}
#noticias_title a{color:#1E3962; font-weight:bold; text-decoration:none;font-size:14px;}

/* enlaces */
a {color:#9A2F41; font-weight:bold; text-decoration:none;}
#bottom a {color:#ffffff; font-weight:bold; text-decoration:none;}
#logo a{background-color:#CCCCCC}


/* foto */
.foto_left {float:left; border:1px solid #406089; padding:1px; margin:10px 10px 10px 0;}
.foto_center{border:1px solid #406089; padding:1px;	margin-left: auto;	margin-right: auto; display: block;}
.foto_left_min {float:left;padding:1px; margin:5px 10px 10px 0;}


/* listas */
ul.lista li { list-style:none outside url('../imagenes/common/flecha.gif'); padding-bottom:10px;}
ul.lista_noticias li {float:left;width:100%;list-style:none outside url('../imagenes/common/flecha.gif'); padding:6px;border-bottom:1px solid #E5E5E5;}

/* directorio */
table#dir { margin-bottom:50px; width:100%}
table#dir td {padding-left:10px}
table#dir td.dir_title {border-bottom:1px solid #cccccc; color:#9A2F41; font:bold 12px arial}

/* tablon */
table#tab { margin-bottom:50px; width:100%;}
table#tab td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#tab td.tab_title {border-bottom:1px solid #333333; background-color:#9A2F41; color:#ffffff; font:bold 12px arial; padding:4px 15px}

/* portada */
table#tab_portada { margin:0 150px 50px 0; width:100%;border:1px solid #333333;}
table#tab_portada td {padding:10px; border-bottom:1px solid #E5E5E5;}
table#tab_portada td.tab_title {border-bottom:1px solid #333333; background-color:#691826; color:#ffffff; font:bold 14px georgia; padding:6px 17px}

/* tabla historia */
table#tab_historia { margin-bottom:20px; width:100%;}
table#tab_historia td {padding:5px; border-bottom:1px solid #E5E5E5;}
table#tab_historia tr.tab_title {border-bottom:1px solid #333333; background-color:#9A2F41; color:#ffffff; font:bold 12px arial; padding:4px 15px}

/* menu desplegable */
.arrowlistmenu{
width: 179px; /*width of accordion menu*/
}

.arrowlistmenu { /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	margin-bottom: 50px; /*bottom spacing between header and rest of content*/
	padding: 0; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}




.menuheaderSelected a{
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #999999;
	margin-top: 1px;
}


.menuheader a{
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #1E3962;
	margin-top: 1px;
}


.menuheader a:hover {
border-left: 9px solid #999999;
text-decoration: none;
}


.menuheader_cero a {background-color:#333333; color:#cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font: bold 12px Arial; width:165px; display:block; text-decoration:none; padding:3px 0 3px 10px;cursor: hand;
cursor: pointer; margin:0;}

.expandable {
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #1E3962;
	margin-top: 1px;
}


.expandable:hover {
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #999999;
	margin-top: 1px;
}


.openheader {
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #1E3962;
	margin-top: 1px;
}


.openheader:hover {
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #999999;
	margin-top: 1px;
}


.collapsed {
	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #999999;
	margin-top: 1px;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

	background-color: #2F5E9A;
	color:#cccccc; 
	font: bold 12px Arial;
	width:164px;
	display:block;
	text-decoration:none;
	padding: 4px 0px 3px 6px; 
	cursor: hand;
	cursor: pointer; margin:0;
	border-left: 9px solid #1E3962;
	margin-top: 1px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	width:179px;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.categoryitems a{
	color: #ffffff;
	background-color: #999999;
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font: bold 12px Arial;

}


.categoryitemsDisbaled {
	color: #333333;
	background-color: #999999; /*custom bullet list image*/
	display: block;
	padding: 2px 0px;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font: bold 12px Arial;
}


.arrowlistmenu ul li a{
	color: #333333;
	background-color: #cccccc; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 9px; /*link text is indented 19px*/
	text-decoration: none;
	font: bold 12px Arial;
	border-bottom: 1px solid #ffffff;
	border-left: 9px solid #CCCCCC;
}

.arrowlistmenu ul li a:visited{
color: #333333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #ffffff;
	background-color: #999999;
}

h3 {margin:0;font:bold 16px Arial, Helvetica, sans-serif;font-variant: small-caps;color:#9A2F41;}

/* Socios */

#letras {list-style:none;
	margin:30px 0;
	color:#9A2F41;
	height:20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;}

#letras li {
float:left;
	list-style: none;
	margin: 0;
	padding: 3px 8px;}

table#socios {font:normal 12px Verdana;
	color: #000;
	padding:5px;
	float:left;
	margin-bottom:50px;
	margin-right:20px;
	width:90%;
}

table#socios td.titu{background-color:#9A2F41; 
	padding:4px 6px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

table#socios tr {padding:123px 10px;}

table#socios td.letra {border-bottom:1px solid #666;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#9A2F41;
	padding-top:30px;
}
table#socios td { border-bottom:1px solid #ccc; padding:5px 0;}

/*Pagina personal del socio*/
.imagen_produccion{
background-color: #CCCCCC;
padding: 10px;
float: left; 
margin-bottom:20px;
margin-right:20px;
}

#lista {margin-left:150px;}
ul#lista  {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
	max-width:550px;
}

ul#lista li {
	border-bottom: 1px solid #F2E1EC;
	line-height: 15px;
	list-style-type: none;
	display: block;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	background-image: url("../imagenes/iqog/lista.gif");
		background-repeat: no-repeat;
	background-position: 5px 2px;
}
.negritaColor {color:#9A2F41; font-weight:bold;}
#menuOn {
	background-color:#cccccc; 
	border-left: 9px solid #9A2F41;
}