* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
body{
	margin:0;
	padding:0;
	font-family: "Lucida Sans", Verdana, sans-serif;
	background-color:#CCCCCC;
}

.group:before,
.group:after {
	content: "";
	display: table;
} 
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.container{
	margin:0 auto;
	width:960px;
}

p {
	font-size:13px;
	color:#333;
	line-height:17px;
	margin-top:0px;
	margin-bottom:2px;
}

h1{
	font-size:20px;
	background-color:#669999;
	color:#FFFFFF;
	font-weight:300;
	float:left;
	padding:0px 30px 0px 10px;
	background-image:url(img/triangulo.png);
	background-repeat:no-repeat;
	background-position:right;
	text-shadow: 1px 1px 1px #436568;
	filter: dropshadow(color=#436568, offx=1, offy=1);
	
	
}

.button {
	font-size:12px;
	color:#333333;
	margin:10px 0px 10px 0px;
	background-color:#EBE9E2;
	padding:3px 10px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-decoration:none;
	-webkit-box-shadow: 1px 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px 1px #CCC;
	text-align:center;
	display:block;
	float:left;
}

.button:hover {
	color:#333333;
	background-color:#CCCCCC;
	-webkit-box-shadow: 1px 1px 1px 1px #8B8B8B;
	box-shadow: 1px 1px 1px 1px #8B8B8B;
}
.button-secondary {
	color:white;
	background-color:#669999;
	-webkit-box-shadow: 1px 1px 1px 1px #FFF;
	box-shadow: 1px 1px 1px 1px #FFF;
}
.button-secondary:hover {
	background-color:#4F7778;
	color:white;
	-webkit-box-shadow: 1px 1px 1px 1px #FFF;
	box-shadow: 1px 1px 1px 1px #FFF;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	color:#699;
}

/***********************************/
/* Header*/
/***********************************/

.header{
	height:236px;
	border-bottom:#DBDD6E 5px solid;
	background:url(img/header_deco.png) no-repeat top right;
	background-color:#669999;
	padding-left:35px;
	padding-right:35px;
	background-position-x: 600px;
}

.header h1 {
	background:url(img/eficienia_energetica.png) no-repeat top left;
	height:121px;
	width:336px;
	float:left;
	margin-bottom:0px;
	filter:0;
	margin-top:30px;
}

.header h1 span {
	display:none;
}

.header p{
	margin-top:160px;
	margin-left:5px;
	color:white;
}
/*
.header .menu li {
	float:left;
	/*margin-left:7px;
*/

.menu {
    list-style:none;   
    padding:0; 
    background-color:#DBDD6E;
    border-bottom:5px solid #DBDD6E;
    border-top:1px solid #DBDD6E;
    margin:0;
    padding-left: 20px;
}    

.menu li {
    float:left;
    border-right:1px solid #999;
    padding:2px 20px;
    font-size:13px;
    text-shadow: 1px 1px 1px #ffffff;
}

.menu li:last-child {
    border-right:none;
}

/***********************************/
/* main */
/***********************************/	
	
.main{
	background-color:#FFFFFF;
	width:100%;
}

.main > .container {
	width:960px;
	margin-top:0px;
	position:relative;
	/*padding-bottom:70px;*/
	padding-left:30px;
	margin:0 auto;
	margin-bottom:60px;
}


.main > .container > div {
	/*padding:0 50px 20px 50px;*/
	
}

.main .left {
	float:left;
	width:660px;
	margin-right:10px;
}

.main .right {
	float:right;
	width:250px;
	background-color:#EFF5F5;
}

/***********************************/
/* noticias */
/***********************************/	
.noticias{
	padding-top:30px;
	border-bottom:#D1E0E0 3px solid;
}

.noticias .news{
	border-bottom:#CCCCCC 1px dashed;
	padding-bottom:10px;
	margin-bottom:10px;
}

.noticias .foto{
	float:left;
	width:160px;
}

.noticias .texto{
	float:right;
	width:480px;
}

.noticias h2{
	font-size:20px;
	margin:0px;
	font-weight:normal;
}

.noticias h4{
	font-size:13px;
	color:#666666;
	padding-top:5px;
	margin-top:0px;
	font-weight:normal;
	margin-bottom:10px;
}

.news.last{
	border-bottom:none;
}

/***********************************/
/* fin noticias */
/***********************************/
/***********************************/
/* titulares */
/***********************************/
.titulares{
	padding-top:5px;
	border-bottom:#D1E0E0 3px solid;
}

.titulares .titular{
	border-bottom:#CCCCCC 1px dashed;
	padding-bottom:8px;
	margin-bottom:10px;
}

.titulares h2{
	font-size:15px;
	font-weight:normal;
	margin-bottom:3px;
}

.titulares h4{
	font-size:13px;
	color:#666666;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}

.titulares .titular.last{
	border-bottom:none;
}

/***********************************/
/* fin titulares */
/***********************************/	

/***********************************/
/* formacion */
/***********************************/	
.formacion {
	border-bottom:#D1E0E0 3px solid;	
}

.formacion ul{
	float:left;
	width:300px;
	padding-left:0px;
	margin-left:0px;
	margin-right:30px;
	margin-top: 0px;
}

.formacion h1{
	margin-top:30px;
}

.formacion li{
	list-style: none;
	border-bottom:#CCCCCC 1px dashed;
}

.formacion h3{
	font-size:13px;
	font-weight:700;
}

.formacion h4{
	font-weight:normal;
	margin:8px 0px 5px 0px;
	font-size:13px;
}

.formacion p.origen{
	color:#666666;
	margin-top:0px;
	margin-bottom:10px;
}
.formacion p.ediciones{
	color:#666666;
	margin-top:0px;
	margin-bottom:2px;
}

.formacion p{
	margin-top:10px;
}


/***********************************/
/* fin formacion */
/***********************************/

/***********************************/
/* artículos */
/***********************************/	

.articulos {
	border-bottom:#D1E0E0 3px solid;	
}

.articulos ul{
	float:left;
	width:300px;
	padding-left:0px;
	margin-left:0px;
	margin-right:30px;
	margin-top: 0px;
}

.articulos li{
	list-style: none;
	border-bottom:#CCCCCC 1px dashed;
}

.articulos h1{
	margin-top:30px;
}

.articulos h3{
	font-size:12px;
	font-weight:700;
}

.articulos h4{
	font-weight:normal;
	margin:8px 0px 5px 0px;
	font-size:14px;
}

.articulos p.origen{
	color:#666666;
	margin-top:0px;
	margin-bottom:10px;
}

.articulos p{
	margin-top:10px;
}


/***********************************/
/* fin artículos */
/***********************************/	
/***********************************/
/* dudas */
/***********************************/	

.dudas {
	background-color:#EEEEEE;
}

.dudas .titulo{
	width:660px;
}

.dudas h1{
	float:left;
	background-image:url(img/triangulo_fondo_gris.png);
}

.dudas .texto{
	margin:0px 18px 0px 18px;
}

.dudas .texto h4{
	font-weight:normal;
	margin:5px 0px 5px 0px;

}
.dudas .texto p{
	border-bottom:#FFFFFF 1px solid;
	padding-bottom:10px;
}
.dudas .button-secondary{
	margin-bottom:20px;
	
}
/***********************************/
/* fin dudas */
/***********************************/	

/***********************************/
/* recursos */
/***********************************/	

.recursos .titulo {
	width:660px;
}

.recursos h1 {
	float:left;
	margin-top:30px;
}

.recursos h2 {
	background-color:#DEDEDE;
	float:left;
	font-size:17px;
	color:#666666;
	font-weight:normal;
	float:left;
	padding:3px 7px 3px 7px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	margin-top:15px;
	margin-bottom:10px;
}
.recursos h2.first {
	margin-top:5px;

}

/*.recursos p{
	border-bottom:#CCCCCC 1px dashed;
	font-size:13px;
	margin-bottom:5px;
	padding-bottom:5px;
}*/
.recursos li{
	list-style: none;
	border-bottom:#CCCCCC 1px dashed;
	font-size:13px;
	margin-bottom:5px;
	padding-bottom:5px;
}

.recursos ul{
	margin:0px;
	padding:0px;
}

.recursos .column{
	float:left;
	width:200px;
	margin-right:30px;
}

.recursos .bloque{
	border-bottom:#CCCCCC 1px dashed;
	margin-bottom:5px;
	padding-bottom:5px;
}

.recursos .column.last{
	margin-right:0px;
}

.recursos .column h4 {
	font-size:15px;
	margin:0px;
	margin-bottom:6px;
	margin-top:20px;
}

.recursos .column h4.first {
	margin-top:0px;
}

/*.recursos .column p {
	border-bottom:#CCCCCC 1px dashed;
	padding:5px 0px 5px 0px;
}*/


/***********************************/
/* rehabilitacion */
/***********************************/
.right .rehabilitacion{
	background-color:#FFFFFF;
	padding:20px;
	border:#CCCCCC 1px solid;
	width:200px;
	margin:0 auto;
	margin-top:20px;
}

.right .rehabilitacion h3{
	background-image:url(img/marca_rehabilitacion_energetica.png);
	background-repeat:no-repeat;
	width:160px;
	height:70px;
	margin-top:0px;
	margin-bottom:10px;
}

.right .rehabilitacion h3 span{
	display:none;
	margin:0 auto;
}

.right .rehabilitacion p{
	font-size:12px;
	line-height:17px;
}

/***********************************/
/* fin rehabilitacion */
/***********************************/
/***********************************/
/* certificado */
/***********************************/
.right .certificado {
	background-color:#DFE289;
	padding:20px;
	width:200px;
	margin:0 auto;
	margin-top:20px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px 1px #CCC;
}

.right .certificado h2 {
	font-size:20px;
	font-weight:normal;
	background-image:url(img/ico_certificado.png);	
	background-repeat:no-repeat;
	margin:0px;
	padding-left:50px;
	color:#333333;
	text-shadow: 1px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	filter: 0;

}

.right .certificado .button {
	margin:10px 22px 0px 22px;
}

/***********************************/
/* fin certficado */
/***********************************/

/***********************************/
/* agenda */
/***********************************/

.right .agenda {
	background-color:#CFE0E0;
	margin:0 auto;
	width:200px;
	margin-top:20px;
	padding-bottom:10px;
}

.right .agenda .evento {
	border-bottom:#FFFFFF dashed 1px;
	width:170px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:10px;
}

.right .agenda h1 {
	float:left;
	margin-top:20px;
	background-image:url(img/triangulo_fondo_azul2.png);
	
}

.right .agenda h3 {
	width:170px;
	margin:0 auto;
	font-size:19px;
	color:#669999;
	font-weight:normal;
}

.right .agenda h4 {
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

.right .agenda .button {
	margin-left:15px;
	margin-bottom:20px;
}


/***********************************/
/* fin agenda */
/***********************************/
/***********************************/
/* colabora */
/***********************************/
.right .colabora {
	background-color:#FFFFFF;
	margin:0 auto;
	width:200px;
	margin-top:20px;
	padding-bottom:10px;
}

.right .colabora img {
	margin:0 auto;
	background-color:#009999;
	display:block;
	margin-bottom:10px;
	border:none;
}

.right .colabora a {
    border:none;
}

/***********************************/
/* fin colabora */
/***********************************/

/***********************************/
/* enlaces */
/***********************************/
.right .enlaces {
	margin:0 auto;
	width:200px;
	margin-top:10px;
	padding-bottom:10px;
}

.right .enlaces h1 {
	background-image:url(img/triangulo_fondo_azul3.png);
}

.right .enlaces p {
	margin-left:3px;
	font-size:12px;
}

.right .enlaces .titulo {
	font-weight:bold;
}

.right .enlaces .descripción {
	color:#666666;
}

.right .enlaces li {
	list-style: none;
	border-bottom:#FFFFFF solid 1px;
	padding-bottom:6px;
	margin-bottom:6px;
}

.right .enlaces ul{
	margin:0px;
	padding:0px;
}

.right .enlaces h4 {
	font-weight:normal;
	margin:3px;
	font-size:12px;
}
/***********************************/
/* fin enlaces */
/***********************************/

/***********************************/
/* footer */
/***********************************/

.footer {
	background-color:#669999;
	position:relative;
	border-top:#DBDD6E 5px solid;
	margin:0 auto;
	width:960px;
	padding-bottom:50px;
	padding-top:20px;
}

.footer .container {
	width:820px;
}

.footer h2{
	background:url(img/marca_footer.png) no-repeat top center;
	margin:0 auto;
	height:50px;
	border-bottom:#B1BFC1 dotted 1px;
	padding:30px;
}

.footer .container h2 span {
	display:none;
}

.footer .container .contacto p {
	color:#CFE0E0;
	font-size:11px;
	line-height:12px;
	text-align:center;
	margin-top:10px;
}

/***********************************/
/* noticia ampliada */
/***********************************/
.mas_informacion h2{
	font-size:26px;
	margin:0px;
	font-weight:normal;
}

.mas_informacion h3{
	font-size:18px;
	margin:20px 0px 10px 0px;
	font-weight:normal;
	color:#333333;
}

.mas_informacion_button {
	font-size:12px;
	color:#333333;
	margin:10px 0px 10px 0px;
	background-color:#EBE9E2;
	padding:3px 10px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-decoration:none;
	-webkit-box-shadow: 1px 1px 1px 1px #CCC;
	box-shadow: 1px 1px 1px 1px #CCC;
	text-align:center;
	display:block;
	width:100px;
}

.mas_informacion_button_large {
	width:320px;
}

.mas_informacion_button:hover {
	color:#333333;
	background-color:#CCCCCC;
	-webkit-box-shadow: 1px 1px 1px 1px #8B8B8B;
	box-shadow: 1px 1px 1px 1px #8B8B8B;
}

.mas_informacion p {
	font-size:13px;
	color:#333;
	line-height:18px;
	margin-top:0px;
	margin-bottom:6px;
}

.sin_borde{
	border-bottom:none;
}

/***********************************/
/* fin noticia ampliada */
/***********************************/
