/* =======================
      GTK - CSS - Algea
   ======================= */


html {
	height: 100%; 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	background-color: #C8C8C8;
	margin: 20px 0;
	padding: 0px;
	height: 100%;
	
}


a { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
}
a:hover { 
	text-decoration:none;
 }
a:active {	
	text-decoration:none;
; }

form, p, h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}


input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.oculta {
	display:none;
}

.clear {
	clear: both;
}

#wrapper { 
	width: 730px;
	margin: 0px auto;
	position: relative;
	padding: 20px;
	background-color: #FFFFFF;
}



#header {
	display: block;
	width: 730px;
	height: 234px;
	background: url(../images/AlgeaCabecera.jpg) no-repeat;

}

div#header h1 {
	padding: 23px;
}



/* Enlaces menú principal */

#menu {
	position: absolute;
	/*overflow: auto;*/
	display: block;
	top: 164px;
	right: 20px;
}

#menu li  {
	float: left;
	text-indent: -3000px;
	margin-left: 2px;
}

#menu li a {
	display: block;
	height: 38px;
}



/* ini T3 */

#menu {
	top: 200px;
	padding-right: 10px;
}

#menu li {
	text-indent: 1px;
	padding-left: 10px;
}

#menu a {
	border: 0;
	margin-right:6px;

}
#menu img {
	border:0;
}

li.menuleft_n1 {
	list-style-type:none;
	margin:0;
	padding:0;
	padding: 6px 8px;
	margin-bottom: 12px;
	background:url(../images/menuleft_n1_bkg.gif) no-repeat;
	color:#CC3399;
}



li.menuleft_n1 a {
	color:#CC3399;
	font-weight:bold;
	font-size: 1.3em;	

}

li.menuleft_n1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-weight: normal;
	color: #666666;
	
}

li.menuleft_n2 a {
	margin-top: 16px;
	color: #660066;
	font-weight:bold;
	display: block;
	clear: both;
	font-size: 1em;
}

li.menuleft_n2 a.menuleft_n2_act {
	color: #FF6600;
	margin-top: 16px;
	font-weight:bold;
	display: block;
	clear: both;
	}
/* Bloque central de contenidos */

div#content, div#contentdesigual {
	display: block;
	height: auto;
	width: 720px;
	padding: 18px 0 20px 10px;
	position: relative;
	background: #EEEEEE url(../images/bg2.gif) repeat-y;
	overflow: auto;
}

div#contentdesigual {
	background: #EEEEEE url(../images/bgDesigual.gif) repeat-y;
}

.open2col, .openDesigualcol {
	display: block;
	height: 10px;
	width: 730px;
	font-size: 1px;
	background: #EEEEEE url(../images/bg2colstop.gif) no-repeat;
}
.openDesigualcol {
	background: #EEEEEE url(../images/bgDesigualcolstop.gif) no-repeat;
}

.close2col, .closeDesigualcol {
	display: block;
	height: 10px;
	width: 730px;
	font-size: 1px;
	background: #EEEEEE url(../images/bg2colsbottom.gif) no-repeat;
}
.closeDesigualcol {
	background: #EEEEEE url(../images/bgDesigualcolsbottom.gif) no-repeat;
}


#contentdesigualleft {
	width: 215px;
	float: left;
	padding: 0 15px 0 10px;
}

#contentdesigualleft ul{
	margin:0;
	padding:0;
}

#contentdesigualright {
	width: 440px;
	float: left;
	padding: 0 0 0 27px;
}


#contentdesigualleft p {
	padding-bottom: 15px;
}



#contentdesigualleft .tit {
	font-weight: bold;
	color: #660066;
}

#contentdesigualleft a, #contentdesigualleft a:hover. #contentdesigualleft a:active {
	border: solid 1px;
	color: #999999;
}

#contentleft {
	width: 330px;
	float: left;
	padding: 0 10px 0 15px;

}

#contentright {
	width: 328px;
	float: left;
	padding: 0 0 0 27px;
}



/* más clases de los contenedores centrales */

#contentleft h3 {
	font-weight: normal;
	color: #660066;
}

#contentdesigualright p {
	padding-bottom: 15px;
}

#contentdesigualright h3 {
	font-weight: normal;
	color: #660066;
	padding-bottom: 15px;
}

#contentdesigualright h4 {
	font-weight: normal;
	font-weight: bold;
	color: #660066;
	padding-bottom: 0px;
}

#contentdesigualright .presentabloq {
	padding-bottom: 15px;
}

#contentdesigualleft img {
	display: block;
	border: #660066 solid 1px;
	padding: 2px;
	margin-bottom: 15px;
}




/* Pie, textos legales e idioma */

div#footer {
	display: block;
	height: 22px;
	width: 720px;
	color: #FFFFFF;
	padding: 8px 0 0 10px;
	background: url(../images/bgfoot.gif) no-repeat;
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	margin-top: 10px;
}

div#footer a, div#footer a:hover{
	color: #FFFFFF;
}


div#footer ul#idimenu {
	float: left;
	width: auto;
	height: 13px;
	background: url(../images/idimenu_bgbar.gif) center top no-repeat;
	position: absolute;
	bottom: 8px;
	right: 10px;
	font-size: 1px;
}

div#footer ul#idimenu li  {
	float: left;
	text-indent: -3000px;
	margin-left: 2px;

}

div#footer ul#idimenu li a {
	display: block;
	width: 21px;
	height: 13px;
	padding-right: 8px;
}

div#footer ul#idimenu li a.esp {
	background: url(../images/idimenu_esp.gif) no-repeat;
}

div#footer ul#idimenu li a.eng {
	background: url(../images/idimenu_eng.gif) no-repeat;
	padding-right: 3px;
}





/*  Formulario de contacto */

#formulario label, #formulario .csc-form-labelcell {
	float: left;
	width: 135px;
	font-size: 1em;
	
}

#formulario input {
	float: left;
	width: 291px;
	height: 16px;
	margin-bottom: 10px;
	border: solid 0px;
	background: url(../images/fondoInput.gif) no-repeat;
	padding: 4px 0 0 6px;
}

*html #formulario input {
	background-attachment: fixed;
}

#formulario textarea {
	float: left;
	width: 291px;
	height: 112px;
	border: solid 0px;
	background: url(../images/fondoTextarea.gif) no-repeat;
	padding: 4px 0 0 6px;
}

*html #formulario textarea {
	background-attachment: fixed;
}

#formulario .botones {
	display: block;
	float: right;
	padding: 20px 20px 0 0 
}

#formulario input.boton {
	float: left;
	width: 59px;
	height: 25px;
	text-align: center;
	margin-left: 2px;
	border: solid 0px;
	background: url(../images/fondobotonForm.gif) no-repeat;
	padding: 0px 0 0 0px;
	color: #666666;
	font-weight: bold;
}



/*  Noticias  */


/* portada */

h4.not {
	position: absolute;
	background: #EEEEEE url(../images/titNoticias.gif) no-repeat;
	display: block;
	width: 330px;
	height: 27px;
	z-index: 5;
}

#noticiasportada {
	display: block;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 2;
}

#noticiasportada .fecha {
	font-weight: bold;
}

#noticiasportada h5 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 15px;	
}

#noticiasportada .bloqnoticiaportada {
	display: block;
	border-top: solid 2px #666666;
	padding: 5px 0 15px 0;
	border-top: solid 2px;	
}

/* seccion propia */

#ordenarpor {
	display: block;
	padding: 0 0 15px 0 ;
	font-weight: bold;
}

#ordenarpor select {
	margin-left: 4px;
	width: 138px;
	color: #666666;
	font-weight: normal;
}


#paginacion {
	position: relative;
	display: block;
	padding: 0px;
}

#paginacion .paginas {
	display: block;
	padding: 7px  40px  15px 40px;
}

#paginacion .botonesAtras {
	position: absolute;
	width: 36px;
	height: 30px;
	top: 0px;
	left: 0px;
}

#paginacion .botonesAdelante {
	position: absolute;
	width: 36px;
	height: 30px;
	top: 0px;
	right: -3px;
}

*html #paginacion .botonesAdelante {
	right: 12px;
}

a.atrasTodo, a.atrasUno, a.adelanteTodo, a.adelanteUno {
	float: left;
	width: 16px;
	height: 25px;
}

a.atrasTodo {
	background: url(../images/botatrasfin.png) no-repeat;
	margin-right: 1px;
}

a.atrasUno {
	background: url(../images/botatras.png) no-repeat;
}

a.adelanteTodo  {
	background: url(../images/botadelantefin.png) no-repeat;
}

a.adelanteUno {
	background: url(../images/botadelante.png) no-repeat;
	margin-left: 1px;
}




#paginacion a:hover, #paginacion .selected {
	color: #FF6600;
	font-weight: bold;
}







/* Promociones */

#promocioneslist {}

#promocioneslist .titgrupopromo {
	display: block;
	width: 204px;
	height: 26px;
	padding: 6px 0 0 10px;
	background: url(../images/fondo_promogrupo.gif) no-repeat;
	margin-bottom: 10px;
	font-size: 1.7em;
	font-weight: bold;
	color: #CC3399;
}

#promocioneslist ul {
	padding: 0 0 15px 6px;
}

#promocioneslist li a {
	color: #660066;
}

#promocioneslist li a:hover, #promocioneslist li .selected {
	color: #FF6600;
	font-weight: bold;
	padding-bottom: 0px;
}

#promocionbloq {}


a.numfoto, .fotoselected {
	float: left;
	width: 16px;
	height: 24px;
	padding: 6px 0 0 5px;
	font-size: 0.9em;
	color: #666666;
	font-weight: bold;
		
	background: url(../images/fondo_numfoto.png) no-repeat;
	margin-right: 1px;
}
a.numfoto:hover, .fotoselected {
	color: #FF6600;

}



/* Submenú promoción */


#sunmenupromo {
	width: 460px;
	overflow: auto;
	clear: both;
	padding: 0 0 20px 0;
}


#sunmenupromo li  {
	float: left;
	text-indent: -3000px;
	margin-left: 2px;
}

#sunmenupromo li a {
	display: block;
	height: 31px;
}