/* Body */
html{
	margin:0px;
	padding:0px;
	text-align:left;
	font-family: Verdana, Helvetica, sans-serif;
	background:  #FFFFFF;
	color: #c8c8c8;
}

body {
	text-align: left;
	margin:0px;
	padding:0px;	
	color: #222222;
}

div {
	margin:0;
	padding:0;
}

td,tr,p,ul,li{
	font-size: 14px;
	text-align:left;
	color: #222222;
}

ul,li{
	margin:0px;
	padding: 0px;
}

a{
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}

/* POSICIONES DE LA PAGINA */
#contenedor{
	width: 990px;
	margin: 0px auto 0px auto;
}

#cabecera_out{
	width: 100%;
	height: 145px;
	float: left;
	border-bottom: 1px solid #222222;
}

#cabecera{
	width: 990px;
	margin: 0px auto 0px auto;
}

#logo{
	width:455px;
	height:145px;
	margin: 0px auto 0px auto;
}

#menu_out{
	width:100%;
	height:50px;
	float:left;
	border-bottom: 1px solid #222222;
}


#menu{
	height:47px;
	width: 990px;
	margin: 0px auto 0px auto;
}

#fotos_out{
	width:100%;
	float:left;
}

#fotos{
	float:left;
	width:100%;
	height:420px;
}

#submenuHorizontal_out{
	width:100%;
	float:left;
	height:70px;
}

#submenuHorizontal{
	height:70px;
	width: 990px;
	margin: 0px auto 0px auto;
	font-size: 30px;
	color:white;
	line-height: 70px;
	text-transform: uppercase;
}

#submenuHorizontal ul li{
	float:left;
	list-style: none;
	text-align: center;
	padding: 2px 22px;
}


#pagina_out{
	width:100%;
	float:left;
}

#pagina{
	width: 990px;
	margin: 30px auto 20px auto;
}

#portada_texto{
	width: 64%;
	float:left;
}

#portada_blog{
	width: 30%;
	float:right;
}


#portada_left{
	width: 30%;
	float:left;
}

#portada_right{
	width: 68%;
	float:right;
}


#cita_previa{
	width: 100%;
	float:left;
	margin-bottom: 15px;
	background: #b0b0b0;
	font-size: 24px;
	height: 80px;
	line-height: 40px;
	text-align: center;
	color:white;
}


#div_centro{
	width:100%;
	margin-left: 0px;
	float:left;
	background:  url(./images/pagina.png) repeat;
}

#div_contenido{
	width:98%;
	margin-left: 1%;
	float:left;
	margin-top:15px;
	margin-bottom: 40px;
}

#div_contenido ul{
	margin:0px;
	padding: 0px;
}


#div_contenido ul li{
	margin:0px;
	padding: 0px;
	background:  url(./images/topo.png) no-repeat top left;
	list-style: none;
	margin-bottom: 15px;
	padding-left: 20px;
	margin-left: 20px;
}

#pie_pagina_out{
	width:100%;
	background: #222222;
	height: 185px;
	float:left;
}
#pie_pagina{
	width: 990px;
	margin: 0px auto 0px auto;
	color:white;
}

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

#pie_pagina li img{
	height:69px;
}

#pie_pagina li#ultima{
	margin-right: 0px;
}

#pie_pagina p,#pie_pagina ul,#pie_pagina li,#pie_pagina a{
	color:white;
	font-weight: normal;
	
}

#politicas{
	width: 20%;
	float:left;
}

#politicas ul{
	margin-left: 24px;
}

#politicas ul li{
	margin-bottom: 15px;
}

#contacto_pie{
	width: 40%;
	float:left;
	margin-left: 10%;
}


#horario{
	width: 30%;
	float:right;
}




#negro_fondo{
	width: 100%;
	float:left;
	height: 30px;
	clear:both;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 30px;
	background: #000000;	
}

#copy{
	float:left;
	width: 45%;
	text-align: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	margin-left: 3%;
}

#aviso_legal{
	float:right;
	width: 45%;
	text-align: left;
	height: 30px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	margin-right: 3%;
}

#titulo, .titulo_modulo{
	font-size: 20px;
	line-height: 30px;
	color: #b0b0b0;
	width:100%;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 5px;
	margin-top: 0px;
}

.titulo_modulo a{
	color: #b0b0b0;
}


.pagina_out_2{
	background: url(./images/pagina/pagina2.jpg) no-repeat bottom right;
	background-size: cover;
	height: 800px;
}

#articulogaleria_texto_2{
	width: 600px;
	float:left;
	background-color: rgba(255, 255, 255, 0.6);
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -30px;
	height: 800px;
}

#articulogaleria_fotos_2{
	width: 900px;
	float:left	
}

.pagina_out_4{
	background: url(./images/pagina/pagina2.jpg) no-repeat bottom right;
	background-size: cover;
	height: 900px;
}

#articulogaleria_texto_4{
	width: 600px;
	float:left;
	background-color: rgba(255, 255, 255, 0.6);
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -30px;
	height: 800px;
}

#articulogaleria_fotos_4{
	width: 900px;
	float:left	
}


#articulo_9{
	width: 100%;
	float:left;
}

#map, #map p, #map a ,#map div{
	color:#111111;
}

.blog_elemento{
	width: 50%;
	float:left;
}


#blog_titulo{
	float:left;
	font-size: 20px;
	line-height: 30px;
	color: #b0b0b0;
	width: 100%;
}

#blog_intro{
	float:left;
	width: 100%;
	margin-bottom: 20px;
}

#blog_intro img{
	height: 275px;
}

#blog_texto{
	float:left;
	width: 100%;
	margin-bottom: 20px;
}


#blog_leer_mas{
	float:right;
	background: #b0b0b0;
	border: 1px solid black;
	height: 20px;
	line-height: 20px;
	padding: 5px 20px;
	color:white;
}

#blog_leer_mas a{
	color:white;
	text-decoration:none;
}


.blog_foto_unidad{
	float:left;
	background: white;
	margin: 4px;
	width:230px;
	margin-bottom:20px;
	height: 200px;
}

.blog_foto_foto{
	float:left;
	margin:5px;
	width: 220px;
	height: 190px;
}

#ul_blogtitulares{
	margin:0;
	padding: 0;
	margin-top: 12px;
}

.blogtitulares{
	margin:0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;
}

.galeria_unidad{
	float:left;
	background: white;
	margin: 10px;
	width:220px;
	margin-bottom:20px;
	height: 180px;
}

.galeria_foto{
	float:left;
	margin:10px;
	width: 200px;
}

.galeria_titulo{
	float:left;
	text-align:center;
	width: 220px;
}

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

.foto_unidad{
	float:left;
	background: white;
	margin: 10px;
	width:220px;
	margin-bottom:20px;
	height: 220px;
}

.foto_foto{
	float:left;
	margin:10px;
	width: 200px;
	height: 200px;
}

.foto_titulo{
	float:left;
	text-align:center;
	width: 220px;
}

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



.articulogaleria_foto_unidad{
	width: 240px;
	height: 180px;
	float:left;
	margin: 20px;
	border: 1px solid black;
}

.articulogaleria_foto_foto{
	width: 240px;
	height: 180px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.articulogaleria_foto_foto:hover{
	-webkit-filter: none;
	filter:none;
}


/* CONTACTO LOCALIZACION */
#contactolocalizacion_mapa{
	float:right;
	height:550px;
	width: 500px;	
}

/* CONTACTO FORMULARIO */

#contactolocalizacion_formulario{
	float:left;
	width: 380px;
	margin-top: 20px;
}

#contactolocalizacion_formulario_titulo{
	width: 100%;
	background-color:#b0b0b0;
	color:white;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 8px;	
}

#contactolocalizacion_formulario_nombre{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;
}

#contactolocalizacion_formulario_email{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;	
}

#contactolocalizacion_formulario_asunto{
	float:left;
	width: 100%;
	height: 35px;
	margin-bottom: 7px;	
}

#contactolocalizacion_formulario_mensaje{
	float:left;
	width: 100%;
	height: 130px;
}

#contactolocalizacion_formulario_enviar{
	float:left;
	width: 100%;
	height: 35px;
}

/* INPUTS DE CONTACTO */

#contact_name{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 100%;
	line-height: 32px;

}

#contact_telefono{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 100%;
	line-height: 32px;

}

#contact_email{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 100%;
	line-height: 32px;
}

#contact_subject{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:32px;
	width: 100%;
	line-height: 32px;
}

#contact_text{
	border: 1px solid #F9F9F9;
	background-color: #E2E2E2;
	height:130px;
	width: 100%;
	font-size:12px;
}

#contact_enviar{
	float:right;
	width: 140px;
	background-color:#b0b0b0;
	color:white;
	border:0px;
	height: 25px;
	line-height: 25px;
	margin-top:10px;
}



#contactolocalizacion_direccion{
	float:left;
	width: 380px;
	margin-top: 0px;
}

#contactolocalizacion_titulo{
	background-color:#b0b0b0;
	color:white;
	text-transform: uppercase;
	height: 30px;
	line-height: 30px;
	font-size: 26px;
	text-align: center;
	margin-bottom: 8px;
}

#contactolocalizacion_calle{
	width: 100%;
	color: #666666;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_telefono{
	width: 100%;
	color: #666666;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_movil{
	width: 100%;
	color: #666666;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_fax{
	width: 100%;
	color: #666666;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_email{
	width: 100%;
	color: #666666;
	font-size:20px;
	margin-bottom: 8px;
}

#contactolocalizacion_email a{
	color: #666666;
	font-size: 20px;
	text-decoration: none;
}



@media all and (max-width: 800px) {
	#contenedor{
		width:98%;
	}
	
	#cabecera_out{
		height: 0px;
		display:none;
	}
	
	#cabecera{
		height: 0px;
		display:none;
	}
	
	#menu{
		width: 100%;
	}
	
	#logo{
		height:0px;
	}
	
	#fotos{
		display:none;
	}
	
	#pagina{
		width: 98%;
		margin-left: 1%;
	}
	
	#portada_texto{
		width: 100%;
	}
	
	#portada_blog{
		width: 100%;
	}
	
	#portada_left{
		width: 100%;
	}
	
	#foto_portal{
		width: 100%;
	}
	
	#portada_right{
		width: 100%;
	}
	
	#pie_pagina_out{
		height: auto;
	}
	
	#pie_pagina{
		height: auto;
		width: 98%;
		margin-left: 1%;
	}
	
	#politicas{
		width: 100%;
		margin:0px;
	}
	
	#contacto_pie{
		width: 100%;
		margin:0px;
	}
	
	#horario{
		width: 100%;
		margin:0px;
	}
	
	.pagina_out_2{
		height: auto;
	}
	
	.pagina_out_6{
		height: auto;
	}
	
	.pagina_out_7{
		height: auto;
	}
	
	.pagina_out_8{
		height: auto;
	}
	
	.pagina_out_9{
		height: auto;
	}
	
	#articulogaleria_texto_2{
		width: 98%;
		padding: 1%;
		float:left;
		background-color: rgba(255, 255, 255, 0.6);
		padding-right: 0;
		padding-left: 0;
		margin-top: -30px;
		height: auto;
	}
	
	#articulogaleria_fotos_2{
		width: 98%;
		margin-left: 1%;
		float:left	
	}
	
	
	#articulo_7,#articulo_8,#articulo_9{
		width: 100%;	
	}
	
	
	#articulofotos_texto{
		width: 100%;
	}
	
	#articulofotos_fotos{
		width: 100%;
	}
	
	#articulofotos_destacado{
		width: 100%;
	}
	
	
	/* CONTACTO FORMULARIO */
	
	#contactolocalizacion_formulario{
		width: 98%;
		margin-left: 1%;
		float:left;
	}
	
	#contactolocalizacion_direccion{
		width: 98%;
		margin-left: 1%;
		float:left;
	}
	
	#contactolocalizacion_mapa{
		width: 98%;
		margin-left: 1%;
		float:left;
	}
	
	#submenuHorizontal_out{
		display: none;
	}
}


.menu_activo{
     border-bottom:3px solid #B53039;
     /*border-bottom:3px solid #8DB530;*/
     /*border-bottom:3px solid #B55130;*/
}


/* OBLIGARTORIOS PARA LA PARTE DE EDICIîN */

.div_editar{
	width: 640px;
	text-align:center;
	float:left;
	margin-bottom:20px;
}

.div_editar div{
	display:inline;
}

.div_editar form{
	display:inline;
	margin: 5px;
}

.boton_editar{
	background: white;
	border: 1px solid black;
	padding: 5px 20px;
}


#fichaCalificacion {
    width: 100%;
    float: left;
    line-height: 35px;
    padding: 0px 5px 10px 5px;
    text-align: center;
}

#fichaCalificacionTitulo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #000;
    float: left;
    position: relative;
    background-color: #fff;
    height: 35px;
    font-weight: 600;
}

#fichaCalificacion #figure {
	position: relative;
	display: inline-block;
	width: 480px;
	height: 365px;
	margin: 0 auto;
	background: transparent url('http://www.clickviviendas.com/images/energia/calificacion.png') no-repeat center center / contain;
}

#fichaCalificacion #figcaption1 {
	position: absolute;
	right: 23.5%;
	color: #fff;
	font-size: 25px;
	padding: 2px 2px 2px 0px;
	background-color: #010101;
	width: 15%;
	height: 8%;
	line-height: 28px;
}

#fichaCalificacion #figcaption2 {
	position: absolute;
	right: 3.35%;
	color: #fff;
	font-size: 25px;
	padding: 2px 2px 2px 0px;
	background-color: #010101;
	width: 15%;
	height: 8%;
	line-height: 28px;
}

#fichaCalificacion #figcaption1::before, #fichaCalificacion #figcaption2::before {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 8px 16px 0;
	border-color: transparent #010101 transparent transparent;
	position: absolute;
	top: 0;
	right: 100%;
}

@media all and (max-width: 500px) {
	#fichaCalificacion #figure {
		width: 275px;
		height: 210px;
	}
	
	#fichaCalificacion #figcaption1::before, #fichaCalificacion #figcaption2::before {
		border-width: 9px 4px 9px 0;
	}
	
	#fichaCalificacion #figcaption1, #fichaCalificacion #figcaption2 {
		width: 16%;
		font-size: 15px;
		line-height: 15px;
	}
}