* {
	margin:0;
	border:0;
	padding:0;
}

BODY, BODY.aislada, BODY.termica, BODY.red, BODY.biomasa, BODY.geotermia, BODY.eficiencia {
    color:#6d6d6d;
	background-color:#FFFFFF;
	font-size:100%;
	font-family: Arial;	
	background-image: url(../imagenes/fondo_general.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
BODY.aislada {
	background-image: url(../imagenes/fondo_aislada.jpg);
}
BODY.termica {
	background-image: url(../imagenes/fondo_termica.jpg);
}
BODY.red {
	background-image: url(../imagenes/fondo_red.jpg);
}
BODY.biomasa {
	background-image: url(../imagenes/fondo_biomasa.jpg);
}
BODY.geotermia {
	background-image: url(../imagenes/fondo_geotermia.jpg);
}
BODY.eficiencia {
	background-image: url(../imagenes/fondo_eficiencia.jpg);
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logo IMG {
	border:0;
}

#menu_superior{
	position:absolute;
	top:0px;
	left:250px;
	width:900px;
}

#menu_inferior {
	position:absolute;
	top:273px;
	left:30px;
}

/*#menu_inferior A {
	float:left;
    color:#FFFFFF;
	font-family:Arial;
	font-size:80%;
	text-decoration:none;
	padding:10px;
}

#menu_inferior A:hover, #menu_inferior A.seleccionado {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFD700;
	margin-bottom: 10px;	
}*/

.img_gal img{
    border: 2px #C4C4C4 solid;
}

.img_gal img:hover{
    border: 2px yellow solid;
}

.nom_galeria{
    font-size: 11px;
    color: black; 
}

.nom_galeria a{
    text-decoration: none;
}

.nom_galeria a:hover{
    color: #C4C4C4; 
}

/* ---------------------------------------------------- Menu vertical ----------------------------------------------------*/
#menu_lateral {
	position:absolute;
	top:350px;
	left:805px;	
	width: 200px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;	
}
#menu_lateral ul, li {
	list-style-type: none;
}
#menu_lateral ul {
	margin: 0;
	padding: 0;
}
#menu_lateral li {
	text-align:left;
}
#menu_lateral li.submenu {
	padding-left:20px;
}
#menu_lateral a {
	text-decoration: none;
    color:#6d6d6d;
	display: block;
	padding: 2px 0px;
	width: 138px;
}
#menu_lateral a.submenu , #menu_lateral a.submenu_sel {
	text-decoration: none;
    color:#6d6d6d;
	display: block;
	padding: 2px 0px 2px 20px;
	width: 138px;
}
#menu_lateral a#primero {
	padding-top:0;
}
#menu_lateral a#ultimo {
	padding-top:20px;
}
#menu_lateral a:hover {
	color:#c42670;
}
#menu_lateral a.seleccionado, #menu_lateral a.submenu_sel {
	color:#c42670;
}
/* ---------------------------------------------------- Fin Menu vertical ----------------------------------------------------*/
#pie {
	position:absolute;
	top:540px;
	left:775px;	
	padding-left:20px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;	
	width: 200px;
    visibility: hidden;
}

#pie_interior {
	position:absolute;
	top:600px;
	left:805px;	
	width: 200px;
	padding-left:20px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;
	visibility: hidden;
}

#texto {
	position:absolute;
	top:349px;
	left:45px;
	width:705px;
	height:330px;
	text-align:justify;
	font-size:80%;
	overflow:auto;
	padding-right:30px;
	scrollbar-face-color: #606e7b; 
	scrollbar-highlight-color: #606e7b; 
	scrollbar-shadow-color: #606e7b; 
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-track-color:#E5E5E5; 
	scrollbar-drakshadow-color:#000000;	
}

#texto_inicio {
	position:absolute;
	top:330px;
	left:45px;
	width:705px;
	height:330px;
	text-align:justify;
	font-size:80%;
	overflow:auto;
	padding-right:30px;
	scrollbar-face-color: #606e7b; 
	scrollbar-highlight-color: #606e7b; 
	scrollbar-shadow-color: #606e7b; 
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-track-color:#E5E5E5; 
	scrollbar-drakshadow-color:#000000;	
}

#texto_inicio P, #texto_galeria P {
	margin-bottom:8px;
}

#texto_inicio A, #pie A, #pie_interior A, #video A, #texto_galeria A {
	color:#6f8d7b;
}

#texto_inicio P.titular {
	color:#000000;
	font-weight:bold;
	font-size:140%;
	margin-bottom:10px;
}


#texto_galeria {
	position:absolute;
	top:340px;
	left:45px;
	width:705px;
	height:auto;
	text-align:justify;
	font-size:80%;
}

#texto_galeria IMG {
	border:5px #b1b1b1 solid;
}

#texto P, #texto_galeria P {
	margin-bottom:8px;
}

#texto A, #pie A, #pie_interior A, #video A, #texto_galeria A {
	color:#6f8d7b;
}

#video {
	position:absolute;
	top:329px;
	left:775px;
	width: 200px;
	font-size:70%;
}

.negrita {
	font-weight:bold;
}

.negrita_titular {
	font-weight:bold;
	color:#c42670;
}

.cursiva_noticia {
	font-style:italic;
}

.titular_noticia {
	color:#000000;
	font-weight:bold;
	font-size:110%;
	margin-bottom:8px;
}

#texto P.titular {
	color:#000000;
	font-weight:bold;
	font-size:140%;
	margin-bottom:10px;
}

.titular_int {
	color:#606e7b;
	font-weight:bold;
	font-size:140%;
}

/* ---------------------------------------------------- Form contacto ----------------------------------------------------*/
FORM {
	width:400px;
	text-align:right;
    font-family: arial, tahoma, Helvetica, sans-serif;
	font-size:1em;
}
FORM  DIV{
	width:400px;
	text-align:right;
}
FORM INPUT, TEXTAREA {
	border:1px #a7a7a7 solid;
	width: 300px;
	height:18px;
	vertical-align:middle;
	margin-left:3px;
}
FORM TEXTAREA {
	height:125px;
}
FORM INPUT.boton {
	width: 75px;
	padding:3px;
	border:0;
	height:auto;
	font-size:0.80em;
}

/* ---------------------------------------------------- ToolTip JQuery ----------------------------------------------------*/

#tooltip {
	background-color: #CCCCCC;
	border: 1px solid #888888;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 20em;
	line-height: 12px;
}
#tooltip h3 {
	font-size: 1.1em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.95em;
	margin: 5px 0 0 5px;
	text-align: left;
}

/* ---------------------------------------------------- Pie Inferior ----------------------------------------------------*/

#pie_inferior {
	position:absolute;
	background-color: #3C454E;
	height: 50px;
	width: 100%;
	top:659px;
	left:0px;	
	padding-left:45px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;	
	line-height:50px;
	color: white;
}

#pie_inferior a{
	color: white;
}

#pie_inferior_inferior{
	position:absolute;
	background-color: #3C454E;
	height: 50px;
	width: 100%;
	top:680px;
	left:0px;	
	padding-left:45px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;	
	line-height:50px;
	color: white;
}

#pie_inferior_inferior a{
	color: white;
}

/* ----------------------------------------- BREADCRUMB -------------------------------------------------------------*/

#breadcrumb{
	width: 1420px;
	background-color: #C4C4C4;
	position: absolute;
	top: 329px;
	left: 0px;
	padding-left: 30px;
	font: 70% Arial, Helvetica, sans-serif;
	border-left:1px solid #80c8e5;	
	line-height:20px;
	color: white;
	font-weight: bold;
}

#breadcrumb a{
	font-weight: normal;
	color: white;
	text-decoration:none;
}

#breadcrumb a:hover{
	text-decoration: underline;
}

#noticias{
	width: 225px;
    height: 171px;
    overflow: auto;
    position: absolute;
    top: 107px;
    left: 0px;
}

.titular{
    font-family: Arial;
    font-size: 11px;
    color: black;
}

.titular a{
    text-decoration: none;
	color: black;
}

.titular a:hover{
    text-decoration: underline;
}

.texto_tabla{
	font-family: arial;
	font-size: 11px; 
}

/********************************************* NOTICIA SCROLL ***********************************************/

.fecha_noticia{
	font-weight: bold;
	font-size:	15px;
	color: #EE6EA1;
}

.titular_noticia{
	font-weight: bold;
}

.foto_noticia{
	text-align:center;
}


.tit_sec{
	width: 200px;
	text-align: left;
}

.enl_pdf{
	text-align: right;
    position: absolute;
    top: 20px;
    left: 652px;
}

.slide {
	position: absolute;
 }
   
 .slide .inner {
	position: absolute;
    left: 0;
    bottom: 0;
 }

 /********************************************* Tooltip Styling **************************************************/
.tooltip {    
    display:none;
    background:transparent url(../imagenes/black_arrow.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;    
}

/********************************************* Navegación Superior **********************************************/

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

#navi li a {
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
	background-color:#000000;
    border: 0;
    padding: 0;
}

#navi li a:hover {
	color:#FADE01;
	background-color:#000000;
	border-left-color:#FADE01; 
	border-right-color:#FADE01;
    border: 0;
    padding: 0;
}