/*
Theme Name: Twenty Eleven para ALDEA DECORACION
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: psdmedia
Author URI: http://www.psdmedia.es
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
/* Links */
a,
a:focus,
a:active,
a:hover {
}
a:visited {
	color:#999999;
	text-decoration:none;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* ESTRUCTURA BASE
----------------------------------------------- */

body {
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
}

#ContenedorPrincipal {
	width:100%;
	padding-top:40px;
}
#ContenedorPagina {
	width:1004px;
	margin:0 auto;
	background:url(images/base-pagina.png) repeat;
	position:relative;
	overflow:hidden;
	color:#838383;
	padding-bottom:10px;
}
	#ContenedorPagina .post-meta {
		font-family: 'Quattrocento', serif;
		font-size:1.5em;
		line-height:1.4em;
		text-align:left;
		color:#5e5e5e;
		padding:0px 10px 0px 10px;
	}
	#ContenedorPagina .post-meta-key {
		display:none;
	}
#ContenedorPaginaHOME {
        width:100%;
	max-width:1004px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	color:#838383;
	padding-bottom:10px;
}
	#ContenedorPaginaHOME .post-meta {
		font-family: 'Quattrocento', serif;
		font-size:1.5em;
		line-height:1.4em;
		text-align:left;
		color:#5e5e5e;
		padding:0px 10px 0px 10px;
	}
	#ContenedorPaginaHOME .post-meta-key {
		display:none;
	}
#Pagina {
	width:100%;
        max-width:800px;
	/*height:394px;
	overflow:hidden;
        line-height:1.5em;*/
        height: auto;
        min-height: 394px;
	position:relative;
	float:left;
	margin-left:30px;
	margin-top:60px;
	font-size:1.3em;
	line-height:1.2em;
}
	h1.Inicio {
		background:url(images/back-h1-hacemos.png) repeat-x top;
		font-family: 'Quattrocento', serif;
		font-size:2.0em;
		text-align:right;
		color:#5e5e5e;
		padding:50px 10px 8px 0px;
		margin-bottom:24px;
		float:right;
		width:800px;
                max-width: 100%;
                line-height:1.2em;
	}
	h1.InicioHOME {
		background:url(images/back-h1-hacemos.png) top;
		font-family: 'Quattrocento', serif;
		font-size:2.0em;
		text-align:right;
		color:#5e5e5e;
		padding:50px 20px 8px 0px;
		margin-bottom:24px;
		float:right;
		width:790px;
                display: inline-block;
                height: auto;
	}
	h1.InicioHOME img {
		position:absolute;
		left:20px;
		top:6px;
	}
	h1.Hacemos {
		background:url(images/back-h1-hacemos.png) repeat-x top;
		font-family: 'Quattrocento', serif;
		font-size:2.0em;
		text-align:right;
		color:#5e5e5e;
		padding:50px 10px 8px 0px;
		margin-bottom:24px;
		float:right;
		width:554px;
	}
	h1.HacemosSingle {
		font-family: 'Quattrocento', serif;
		font-size:1.6em;
		text-align:right;
		color:#5e5e5e;
		padding:10px 10px 8px 0px;
		margin-bottom:24px;
		float:right;
		width:260px;
                line-height: 1.3em;
	}
	p.Inicio {
		position:absolute;
		bottom:10px;
		text-align:justify;
		color:#000000;
		padding:10px 10px 10px 10px;;
		margin-bottom:10px;
		float:right;
                width:95%;
		max-width:780px;
		font-size:0.9em!important;
		line-height:1.4em!important;
		background:url(images/base-pagina.png) repeat;
	}
	p.Inicio span.bigger{
		font-size:1.3em;
	}
	p.Inicio span.ToqueAldea{
		font-style:italic;
	}

	span.HacemosP p {
		text-align:justify;
		color:#5e5e5e;
		padding:0px 10px 0px 0px;;
		margin-bottom:10px;
		float:right;
	}
	span.HacemosP ul {
		margin-left:30px;
	}
	span.HacemosP p strong{
		font-weight:bold;
	}
	span.HacemosP p em{
		font-style:italic;
	}
	span.HacemosPSingle p {
		text-align:justify;
		color:#5e5e5e;
		padding:0px 10px 0px 0px;;
		margin-bottom:10px;
		float:right;
		width:260px;
	}
	span.HacemosPSingle p strong{
		font-weight:bold;
	}
	span.HacemosPSingle h6 {
		color: #CC0000;
		padding:0px 10px 0px 0px;;
		margin-bottom:10px;
		margin-top:0px;
		padding-top:10px;
		float:right;
		width:260px;
		font-weight:bold;
		border-top:#CCCCCC 1px solid;
	}
	span.HacemosPSingle div.ngg-galleryoverview {
		width:500px;
		position:absolute;
		top:50px;
		left:0px;
	}
	h1.Proyectos {
		display:block;
		text-align:right;
		font-family: 'Quattrocento', serif;
		font-size:1.6em;
		text-align:right;
		color:#5e5e5e;
		padding:10px 10px 8px 0px;
		margin-bottom:24px;
	}
	div.Foto-Lat-Page {
		float:left;
		margin:0px 20px 20px 0px;
	}
	/* PROYECTOS */
	div.ProyectoBreaf {
		float:left;
		position:relative;
		width:192px;
		height:128px;
		margin:0px 5px 13px 0px;
	}
	div.ProyectoBreaf h1{
		position:absolute;
		color:#5b5b59;
		font-family: 'Quattrocento', serif;
		font-size:14px;
		width:182px;
		height:30px;
		top:88px;
		left:0px;
		background:url(images/base-proyectos.png);
		padding:10px 0px 0px 10px;
	}
	div.ProyectoBreaf h1 a, a:link{
		color:#5b5b59;
		text-decoration:none;
	}
	div.ProyectoBreaf h1 a:hover, a:focus{
		font-size:14px;
		color:#000000;
		text-decoration:none;
	}
	div#TextoFotosClick{
		color:#5b5b59;
		position:absolute;
		bottom:0px;
		right:18px;
		font-size:12px;
		font-family: 'Quattrocento', serif;
	}
#fadiv {
	width:400px;
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	background-color:#FFFFFF;
	position:absolute;
	top:100px;
	left:20px;
	text-align:justify;
	padding:10px;
}
	a.TOQUE, a.TOQUE:link{
		color:#92ab19 !important;
		text-decoration:none;
	}
	a.TOQUE:hover, a.TOQUE:focus{
		color:#9dac1f;
		text-decoration:none;
	}
	/* NOTICIA PORTADA */
	div.NewPortada {
		float:left;
		position:relative;
		width:490px;
		height:100px;
		margin:0px 5px 0px 10px;
		padding-left:10px;
		padding-right:10px;
		background:#92ab19;
	}
	div.FotoNewPortada {
		float:left;
		position:relative;
		width:260px;
		height:100px;
		margin:0px 0px 0px 0px;
	}
	div.NewPortada h1{
		color:#000000;
		font-family: 'Quattrocento', serif;
		font-size:15px;
		margin-bottom:6px;
		margin-top:4px;
	}
	div.NewPortada h1 a{
		color:#000000;
		text-decoration:none;
	}
	div.NewPortada h1 a:hover, a:focus{
		color:#333333;
		text-decoration:none;
	}
	div.NewPortada a {
		color:#ffffff;
		text-decoration:none;
		line-height:15px;
	}
	div.NewPortada a p{
		color:#ffffff;
		text-decoration:none;
	}
	div.NewPortada a:hover p, a:focus p{
		color:#000000;
		text-decoration:none;
	}
#Idiomas{
	width:170px;
	height:120px;
	position:relative;
	float:right;
	background:url(images/base-idiomas.png) right top no-repeat;        
}
	#Centrado{
		width:88px;
		position:relative;
		float:left;
		margin-left:71px;
		margin-top:38px;
		text-align:center;
	}
		#Centrado ul{
			font-size:1.1em;
			line-height:1.2em;
			color:#f0f0f0;
		}
		#Centrado ul li a:link{
			display:block;
			text-decoration:none;
			color:#f0f0f0;
		}
		#Centrado ul li a:visited{
			display:block;
			text-decoration:none;
			color:#f0f0f0;
		}
		#Centrado ul li a:hover, a:focus{
			display:block;
			text-decoration:none;
			color:#92ab19;
		}
		#Centrado ul li a:active{
			display:block;
			text-decoration:none;
			color:#cccccc;
		}
#Enlace360{	
        height:80px;
	position:relative;
	float:right;
	text-align:center;
	margin-bottom:10px;
        margin-right:5px;
        display:inline-block; 
        clear:right;          
}
#Enlace360 a{
        color:#333;
        text-decoration:none;
        text-transform: uppercase;
        font-size:11px;
        font-weight: bold;
        font-family:Arial, Helvetica, sans-serif;}
#Enlace360 a:hover, a:focus{
				color:#92ab19;
				text-decoration:none;
			}

#EnlaceFacebook{
	width:68px;
	height:31px;
	position:relative;
	float:right;
	text-align:left;
	margin-bottom:10px;
        display:inline-block; 
        clear:right;        
}

#EnlaceTwitter{
	width:68px;
	height:24px;
	position:relative;
	float:right;
	text-align:left;
	margin-bottom:20px;
	clear:right;
}
#EnlaceNoticias{
	font-family: 'Quattrocento', serif;
	font-size:1.4em;
	line-height:24px;
	width:122px;
	height:24px;
	position:relative;
	float:right;
	text-align:center;
	margin-bottom:20px;
	margin-right:0px;
	clear:right;
	background-color:#92ab19;
}
	#EnlaceNoticias a, a:link{
		color:#5b5b59;
		text-decoration:underline;
                font-size:1em;
	}
	#EnlaceNoticias a:hover, a:focus{
		color:#000000;
		text-decoration:underline;
                font-size:1em;
	}
	
#TXTdestacado {
	width:140px;
	float:right;
	font-family: 'Quattrocento', serif;
	font-size:1.5em;
	line-height:1.4em;
	text-align:left;
	color:#5e5e5e;
	padding:0px 10px 0px 10px;
}
#Navegacion {
	width:160px;
	position:absolute;
	bottom:20px;
	right:0px;
}
	
	#SUBIRNIVEL {
		width:30px;
		position:relative;
		margin-left:60px;
		text-align:center;
	}
	#ANTERIOR {
		width:50px;
		position:relative;
		float:left;
		margin-right:20px;
		margin-left:20px;
		text-align:right;
	}
		span.nav-previous a  {
			text-decoration: none;
			display: block;
			background-image:url(images/link-previous.png);
			width:40px;
	  		height:40px;
		}
		span.nav-previous a:hover {
			text-decoration: none;
			background-position: bottom;
			background-image:url(images/link-previous.png);
	  		width:40px;
	  		height:40px;
		}
	#SIGUIENTE {
		width:50px;
		position:relative;
		float:left;
		text-align:left;
	}
		span.nav-next a  {
			text-decoration: none;
			display: block;
			background-image:url(images/link-next.png);
			width:40px;
	  		height:40px;
		}
		span.nav-next a:hover {
			text-decoration: none;
			background-position: bottom;
			background-image:url(images/link-next.png);
	  		width:40px;
	  		height:40px;
		}
/* Navegación por la galería de imágenes   */

a#TB_ImageOff span{
//position: absolute !important; 
//clip: rect(1px 1px 10px 1px); /* IE6, IE7 */ 
//clip: rect(1px, 1px, 10px, 1px); 
visibility: hidden;
} /* Hago invisible el enlace con el texto "Cerrar" de la parte superior de la ventana de la galería*/
#TB_closeWindow{margin-top:-5px;
}

#TB_closeWindow span.screen-reader-text{display:none;}
/*.screen-reader-text{
  display:inline-block; 
    position:relative;
    margin-top:-80px;
    right:70px;
    background-image: url(images/link-up.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden;   
}*/
#TB_caption{width:100%;}
#TB_secondLine{
    width:93%;
    min-height: 40px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
    text-align: center;
    vertical-align: bottom;
}

span#TB_prev{ 
    display:inline-block; 
    position:relative;
    background-image:url(images/link-next.png);
    margin-top:25px;
    width:40px;
    height:40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden;   
    float:left;
}
span#TB_prev:hover{background-position: bottom;} 

span#TB_next{ 
    display:inline-block; 
    position:relative;
    margin-top:25px;
    background-image:url(images/link-previous.png);
    width:40px;
    height:40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow:hidden;
    float:right;}

span#TB_next:hover{background-position: bottom;} 
/* Fin de estilos de Navegación por la galería de imágenes   */
#ContenedorPie {
	width:100%;
	height:auto;
        background: #fff;
        display: inline-block;
        margin:0 auto;
        text-align: center;
}
	#ContenedorPie #BloquePie{
	width:1004px;
	height:auto;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background:url(images/back-tit-catalogo.png) top left no-repeat;
	}
	/* ELEMENTOS DE MENU BAJO */
	#access div {
		margin: 0;
		font-family: 'Quattrocento', serif;
	}
	#access a.assistive-text:active,
	#access a.assistive-text:focus {
		background: #eee;
		border-bottom: 1px solid #ddd;
		color: #1982d1;
		clip: auto !important;
		font-size: 12px;
		position: absolute;
		text-decoration: underline;
		top: 0;
		left: 7.6%;
	}	
	#access {
		clear: both;
                float:none;
		display: inline-block;
		text-align: left;
		margin: 0 auto;
		max-width: 100%;
                width: 990px;
                padding-left:4em;
	}
	#access ul {
		font-size: 15px;
		list-style: none;
		margin: 0 0 0 -0.8125em;
		padding-left: 0;
	}
	#access li {
		float: left;
		position: relative;
	}
	#access a {
		color: #f0f0f0;
		background:url(images/access-sep.png) right no-repeat;
		display: block;
		line-height: 2.5em;
		padding: 0 1.0em;
		text-decoration: none;
	}
	#access ul ul {
		display: none;
		float: left;
		margin: 0;
		position: absolute;
		top: 3.333em;
		left: 0;
		width: 188px;
		z-index: 99999;
	}
	#access ul ul ul {
		left: 100%;
		top: 0;
	}
	#access ul ul a {
		background: #f9f9f9;
		border-bottom: 1px dotted #ddd;
		color: #96aa24;
		font-size: 13px;
		font-weight: normal;
		height: auto;
		line-height: 1.4em;
		padding: 10px 10px;
		width: 168px;
	}
	#access li:hover > a,
	#access ul ul :hover > a,
	#access a:focus {
		background: #efefef;
	}
	#access li:hover > a,
	#access a:focus {
		background: #3e3e40; /* Show a solid color for older browsers */
		color: #96aa24;
		background:url(images/access-sep.png) right no-repeat;
	}
	#access ul li:hover > ul {
		display: block;
	}
	#access .current-menu-item > a,
	#access .current-menu-ancestor > a,
	#access .current_page_item > a,
	#access .current_page_ancestor > a {
		color: #96aa24;
	}
	/* BLOQUE de DATOS de CONTACTO */
	#BlockDatos {
		position:absolute;
                float:right;
		width:160px;
		height:113px;
		right:10px;
		top:-10px;
		background:#3e3e40;
		z-index:100;
                display:inline-block;
	}
		#BlockDatos .enlaces{
			width:130px;
			float:right;
			margin-right:10px;
			margin-bottom:10px;
			padding-right:10px;
			border-right:#999999 1px double;
			text-align:right;
		}
		#BlockDatos #FondoVerde{
			border-right:none;
			background:#92ab19;
			padding-top:4px;
			padding-bottom:4px;
		}
			#BlockDatos #FondoVerde a{
				color:#000000;
				text-decoration:none;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
			#BlockDatos #FondoVerde a:hover, a:focus{
				color:#ffffff;
				text-decoration:none;
			}
			#BlockDatos .enlaces a{
				color:#CCCCCC;
				text-decoration:none;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
			#BlockDatos .enlaces a:hover, a:focus{
				color:#92ab19;
				text-decoration:none;
			}
		#BlockDatos .enlacesSinBorde{
			width:130px;
			float:right;
			margin-right:10px;
			margin-bottom:10px;
			text-align:right;
		}
			#BlockDatos .enlacesSinBorde a{
				color:#CCCCCC;
				text-decoration:none;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
			#BlockDatos .enlacesSinBorde a:hover, a:focus{
				color:#92ab19;
				text-decoration:none;
			}
		#BlockDatos .enlacesSinBordeB{
			width:144px;
			float:right;
			margin-right:10px;
			margin-bottom:10px;
			margin-top:-5px;
			text-align:right;
		}
			#BlockDatos .enlacesSinBordeB a{
				color:#CCCCCC;
				text-decoration:none;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
			}
			#BlockDatos .enlacesSinBordeB a:hover, a:focus{
				color:#92ab19;
				text-decoration:none;
			}
	/* BLOQUE de IDENTIDAD PIE */
	#BlockIdentidadPie {
		float:left;
		width:210px;
		text-align:left;
		margin-top:4px;
	}
	/* BLOQUE de SUBMENU */
	#BlockSubmenu{
		float:left;
		width:100%;
                max-width: 600px;
		text-align:left;
		margin:3em 1em 2em 1em;
		font-family: 'Quattrocento', serif;
                line-height: 1.5em;
	}
		#BlockSubmenu ul li{
			display:inline;
			padding:0px 0px 0px 10px;
			font-size:14px;
		}
		#BlockSubmenu ul li:after {
			content: "\007C";
			padding:0px 0px 0px 10px;
			color:#a9a9a9;
			font-family:Arial, Helvetica, sans-serif;
		}
		#BlockSubmenu ul li a{
			color:#a9a9a9;
			text-decoration:none;
			display:inline;
		}
		#BlockSubmenu ul li a:hover, a:focus{
			color:#9dac1f;
			text-decoration:none;
			display:inline;
		}
		#BlockSubmenu .current-menu-item > a,
		#BlockSubmenu .current-menu-ancestor > a,
		#BlockSubmenu .current_page_item > a,
		#BlockSubmenu .current_page_ancestor > a {
			color: #9dac1f;
			display:inline;
		}
	/* BLOQUE de MARCAS dentro de SUBMENU */
	#MarcasPie{
		position:relative;
                display: inline-block;
                width:100%;
		max-width:774px;
		text-align:left;
                margin-top:1em;
	}
        /* Bloque menu principal*/
        #BloqueMenu{width:100%;background: #3e3e40;text-align:center;margin: 0 auto;z-index:0;}
	/* BLOQUE de DATOS de CONTACTO REMATE */
	#BlockDatos2 {
		width:100%;
		text-align:right;
		font-family: 'Quattrocento', serif;		
		color:#CCCCCC;
		font-size:12px;
                background-color: rgba(43,43,43, .77);
                min-height:24px;
                padding:0;
                margin:-2px 0 0 0;
	}
        #BlockDatos2 .Content{
            max-width:980px;
            margin:0 auto; padding: 6px 0;}
		#BlockDatos2 span{
			color:#a4a4a4;
			font-size:10px;
			margin-left:20px;
			font-family:Arial, Helvetica, sans-serif;
		}
		#BlockDatos2 a{
			color:#CCCCCC;
			text-decoration:none;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
		}
		#BlockDatos2 a:hover, a:focus{
			color:#92ab19;
			text-decoration:none;
		}
		#BlockDatos2 .legal{
			float:left;
			width:260px;
			text-align:center;
                        margin-bottom: 0.5em;
		}
                #BlockDatos2 .direccion{min-width:280px; display: inline-block;margin-bottom: 0.5em;text-align:center;}
                #BlockDatos2 #design{float:right; max-width: 200px;display:inline-block;}


/* Estilo para Botones de imagen doble
-------------------------------------------------- */

a.botones {
	text-decoration: none;
	display: block;
}
a.botones:hover {
	text-decoration: none;
	background-position: bottom;
}
a.botones span {
	display: none;
}
.activo {
	text-decoration: none;
	background-position: bottom;
}
	/* Identificadores de Botones de imagen doble
	-------------------------------------------------- */
	#icoFacebook{
	  background-image:url(images/facebook-aldea.png);
	  width:31px; /* antes 24x24 */
	  height:31px;
	}
	#icoTwitter{
	  background-image:url(images/twitter.png);
	  width:24px;
	  height:24px;
	}
	#botAnterior{
	  background-image:url(images/link-previous.png);
	  width:40px;
	  height:40px;
	}
	#botSiguiente{
	  background-image:url(images/link-next.png);
	  width:40px;
	  height:40px;
	}
	#botUp{
	  background-image:url(images/link-up.png);
	  width:30px;
	  height:30px;
	}


/* Contact Form  */
.wpcf7 p{
	margin-bottom:10px!important;
}
.wpcf7 input{
	color:#333333!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px!important;
	margin-bottom:0px;
	padding:0px 6px 0px 6px;
	height:30px;
}
.wpcf7 textarea{
	color:#333333!important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px!important;
	padding:0px 6px 0px 6px;
}
.wpcf7 input[type="checkbox"]{
	font-size:10px;
	float:left;
	height:10px;
}
header {display:none;} 
header nav ul li a,header nav ul li a:link, header nav ul li a:visited {color:#fff;}

.houzz{float:left;display: inline-block;margin-top: -37px;margin-left: 230px;height:54px;}

/*   BLOG      */

#contentBlog{ width:80%; max-width: 1024px; margin:2em auto 0 auto; padding:2em;font-size:13px!important; line-height: 1.5em;color:#5b5b59;background-color: #fff;}
#contentBlog div.maincontent{background-color: #fff; width:100%; display: inline-block;}
#contentBlog h2{width:100%; text-align: center; font-size: 30px;line-height: 1.2em;}
#contentBlog h2 img {width:300px; height:auto; }
#contentBlog h1{width:60%; text-align: center; font-size: 24px; line-height: 1.5em; margin: 1em auto 1em auto; float:none; clear: both;text-transform:uppercase;color:#000;}
#bodyBlog{display: inline-block;;width:75%;float:left;}
#bodyBlog div.content{ padding:1em 0 2em 0; width:100%; display: inline-block; }
#bodyBlog div.content p{text-align:justify; margin:1em 0; width:content-box;}
#bodyBlog div.content p.subtitle{color:#92ab19;font-size:2em;font-family: 'Quattrocento', serif;}
#bodyBlog div.content p img{max-width:100%; }
#bodyBlog div#Navegacion{position:relative; float:right;}
#bodyBlog li{list-style: circle; padding: 0.5em 0 0.5em 0; margin-left: 2em;}
#rightBlog {    float: right;
	margin-left: 5%;
	margin-right: 0;
	width: 20%;
        display: inline-block;
        background-color: #fff;
}
#rightBlog div.blogBanner{text-align:center; text-decoration: none; width:98%; padding:1em 2%;margin:2em 0; border:3px solid #92ab19;color:#92ab19;font-size: 180%;font-family: 'Quattrocento', serif; line-height:1.2em;}
#rightBlog div.blogBanner:hover{background-color: #92ab19;color:#fff;}
#rightBlog a:link,#rightBlog a:visited,#rightBlog a:hover {text-decoration: none;}
.widget-title{font-size:13px!important; line-height: 1.5em;color:#5b5b59;text-transform: uppercase;margin:1em 0;}
#rightBlog li{list-style: none; margin-bottom: 1em; }
#rightBlog li:hover{color: #92ab19; text-decoration: underline;}

div.ProyectoBlog {
		float:left;
		position:relative;
		width:50%;
		height:auto;
		margin:1em 2% 0 0;
                color:#5b5b59;font-family: 'Quattrocento', serif;font-size:14px;
	}
        div.ProyectoBlog img.wp-post-image{width:100%; max-width: 375px; height:auto; overflow: hidden;display: inline-block;}
	div.ProyectoBlog div{line-height: 1.2em; margin:0.2em auto; text-transform: uppercase; text-align: center;}
	div.ProyectoBlog a.title, div.ProyectoBlog a.title:link{color:#5b5b59;text-decoration:none;font-family: 'Quattrocento', serif;font-size:14px;}
	div.ProyectoBlog a.title:hover,div.ProyectoBlog a.title:focus{font-size:14px;font-family: 'Quattrocento', serif; color:#000000;text-decoration:none;}
div.UltimaEntrada{
            float:none;
            display:inline-block;
            width:100%;
            height:auto;
            margin:2em 0 2em 0;
            text-align: left;
            color:#5b5b59;font-family: 'Quattrocento', serif;font-size:18px; 
        }  
div.UltimaEntrada img.wp-post-image{width:100%; max-width: 800px; height:auto; overflow: hidden;display: inline-block;}
div.UltimaEntrada div{line-height: 1.2em; margin:0.2em auto; text-transform: uppercase; text-align: center;}
div.UltimaEntrada div.txtblog p, div.ProyectoBlog div.txtblog p{font-size:13px!important; line-height: 1.5em;color:#5b5b59;text-transform: none;text-align: justify;float:left;}
a.seguirLeyendo{color:#92ab19 !important;font-size: 14px;float:right;text-transform: none;text-decoration: underline;}
div.UltimaEntrada a.title,div.UltimaEntrada a.title:link{color:#5b5b59;text-decoration:none;font-family: 'Quattrocento', serif;font-size:18px;}
div.UltimaEntrada a.title:hover, div.UltimaEntrada a.title:focus{font-size:18px;font-family: 'Quattrocento', serif; color:#000000;text-decoration:none;}
/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}






/* =Responsive Structure
----------------------------------------------- */
@media only screen and ( min-width: 1025px ){
    div.Foto-Lat-Page{overflow:hidden;height:100%;width:auto;}
    div.Foto-Lat-Page img{min-height:100%;min-width:auto;}
    div#TextoFotosClick{display: inline-block;bottom:-5px;}
  
}

/*   TABLET  : 1024px -----------------------------   */
@media only screen and ( max-width: 1024px ) and (min-width: 986px){

}	

/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 985px) and (min-width: 768px){
    #ContenedorPagina{max-width: 100%; width:100%;}
    #Pagina{max-width:600px;margin:60px auto 1em 1em;height:auto; min-height: 394px;}
    #Idiomas {width: 120px;}
    #Centrado {margin-left:20px;}
    #ContenedorPie {
	width:auto;
        min-width: 400px;
	height:auto;
	background-image: none;
        margin:0;
}
	#ContenedorPie #BloquePie{
	width:auto;
        min-width: 400px;
	height:auto;
        min-height: auto;        
        text-align:center;
        padding:0;
	}
        #access {
		margin: 0 0 0 1em;
		width: 100%;
                max-width: 755px;
                padding:0;
        }
        #access ul {margin:0;}
        #MarcasPie{width:auto; max-width: 300px; margin:1em 1em 1em 220px;; text-align: center; padding:0;float:left;}
        #BlockSubmenu{width:auto; min-width: 400px; margin:2em auto 1em auto; text-align: center;}
        #BlockDatos {position: relative;right:0;top:0;z-index: 0; margin:0; padding: 0;margin-top:-80px;}
        #BlockIdentidadPie {padding-top: 70px;position:absolute;}
        
        div#TextoFotosClick {position:relative; display: inline-block;float:none; clear:both; width: 100%;text-align:center;margin-left:1em;} 
        span.HacemosPSingle p {    
        float: none;
        width: 100%;
        text-align: left;
        margin:1em auto;}
        span.HacemosPSingle div.ngg-galleryoverview {
        width: 80%; height: auto;
        position: relative;
        top:0; left:0;
        display: inline-block;}
        div.Foto-Lat-Page {
		float:left;
		margin:0px 20px 20px auto;
                max-width: 50%;
                max-height:fit-content ; overflow: hidden; text-align: center;
                
	}
        div.Foto-Lat-Page img{max-width: auto; max-height: 100%;  }
        h1.Hacemos {width:auto; min-width: 55%; max-width: 100%;padding-top:30px; line-height: 1.3em;float:right;}
h1.HacemosSingle {width:90%;margin-right: 20px;}  
#TXTdestacado {    width: 120px;}
.houzz{float:left;display: inline-block;margin-top: -37px;padding-left:200px;height:54px;}   
#rightBlog div.blogBanner{font-size: 100%;}
}

/*Phones*/
@media only screen and (max-width: 767px){ 
#contentBlog{margin-top:0;width:90%;} 
/* Mobile menu */
header {display: inline;width:100%;max-width:100%;position:fixed; z-index:100;background:#a1a0a4;min-height: 40px;}
header nav {
		width:70%;
		height:auto;
		left:-100%;
		margin:40px 0 0 0;
		position: fixed;
                background:#555555;
	}
        .menu_bar {
		display:inline;
		width:auto;
	}
        header nav ul {	overflow:hidden;list-style:none;}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
header nav ul li a, header nav ul li a:link, header nav ul li a:visited {
    font-size: 1.5em;
	color:#fff;
	padding:10px 20px;
	display:block;
	text-decoration:none;
}

header nav ul li span {
	margin-right:10px;
        padding:10px 20px;
}

header nav ul li a:hover, header nav ul li a:active {
        font-size: 1.5em;
	color:#92ab19;
        padding:10px 20px;
        display:block;
}

section {
	padding:20px;
}
	

	.menu_bar .bt-menu {
		display:inline;		
                height:40px;
                width:auto;
                min-width:30%;
                background:#a1a0a4;
                float:left;
                margin:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
                
	}
 .menu_link .bt-menu, .menu_lang .bt-menu{
                padding: 0 10px;
                top:0;                
                height:40px;
                min-width:40px;
                margin:0;
		background:#a1a0a4;
                float:right;
                -webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;}
	.menu_bar span,.menu_lang span, .menu_link span {
		float:left;
		font-size:40px;
	}
        .icon-menu{background-image:url(images/icon-menu.png);
	  width:40px;
	  height:40px;}
        .icon-lang{background-image:url(images/icon-lang.png);
	  width:40px;
	  height:40px;
          right:10px;}
        .icon-360{background-image:url(images/icon-360.png);
	  width:40px;
	  height:40px;
        right:110px;}
        .icon-facebook{background-image:url(images/icon-facebook.png);
	  width:40px;
	  height:40px;
        right:60px;}                
        
#selectlanguage{
    margin: 40px 0 0 0;
    position:fixed;
    right:0%;
    width:auto;
    background:#555555; 
display:none;}
#selectlanguage ul li{
    padding: 10px;
    font-size: 1.5em;    
}
/*  Fin del menu mobile*/ 

/*Cuerpo*/

#Pagina {
    width: 100%;
    max-width: auto;
    height: auto;
    overflow: visible;
    position: relative;
    float: left;
    margin-left: 0;
    margin-top: 0;
    font-size: 1.3em;
    line-height: 1.5em;
}

h1.InicioHOME {
		background:url(images/back-h1-hacemos.png) top;
		font-family: 'Quattrocento', serif;
		font-size:2.0em;
		text-align:center;
		color:#5e5e5e;
		padding:0;
		margin-bottom:1.5em;
		float:none; clear:both;
		width:100%;
                display: inline-block;
                height: auto;
	}
h1.InicioHOME img {
		position:relative;
                left:auto;
                text-align: center;
                display: inline-block;
		margin:0 auto;
                max-width: 179px;
                width: 80%;
                height:80%;
	}
h1.InicioHOME span {display:inline-block; min-width: 300px;margin-bottom: 0.5em;margin-top:-2em;}        
p.Inicio {display:none;}

#ContenedorPagina {width:100%;margin:0;padding:0;background: #fff;}
.wpcf7 input, .wpcf7 textarea {max-width:90%; text-align:left;}
span.HacemosPSingle div.ngg-galleryoverview{width:90%; margin:0 auto; position:relative; display: inline-block; top:auto; left:auto;}
span.HacemosPSingle p{width:90%;padding:0 1em;}
div#TextoFotosClick {position:relative; display: inline-block;float:none; clear:both; width: 100%;text-align:center;margin-left:1em;}        
#Navegacion {
    width: 160px;
    position: relative;
    bottom: auto;
    right: 0px;
    display: inline-block;
    float:right;
}

#TXTdestacado {display:none;}

/* Bloque menu principal*/
#access ul {margin:0;}
        #BloqueMenu{display:none;}
#ContenedorPrincipal {margin: 0; padding:40px 0 0 0;}
#ContenedorPie {
	width:100%;
	height:auto;
	background-image: none;
        margin:0;
}
	#ContenedorPie #BloquePie{
	width:100%;
	height:auto;
        min-height: auto;
        overflow: hidden;
	margin:0;	
	background-image:none;
        background-color: #fff;
        text-align:center;
        padding:0;
	}
        #MarcasPie{width:95%; margin:1em auto 2em auto; text-align: center; padding:0;}
        #BlockSubmenu{width:95%; margin:2em auto 1em auto; text-align: center;}
/* BLOQUE de IDENTIDAD PIE */
#BlockIdentidadPie {display:none;}  

#Idiomas{display:none;}    
#Enlace360{display:none;} 
#EnlaceFacebook{display:none;}
#BlockDatos2{}
#BlockDatos2 #design{ width:100%; max-width:100%;float:none; clear:both;background: #dfdfdd;text-align:right;padding:0.3em 0;margin-bottom:0;}
#BlockDatos2 span{color:#5e5e5e;margin-left:0;}
#BlockDatos2 #design a{color:#333;}
#BlockDatos2 .Content{padding-bottom:0;}
#BlockDatos2 .legal {padding-left:10px;}

/* BLOQUE de DATOS de CONTACTO */
	#BlockDatos {
		position:relative;
                float:none;                
		width:100%;
		height:auto;
		background:#3e3e40;
		z-index:0;
                right:0; top:2px; padding:0; margin:0;
                display:inline-block;
	}
        #BlockDatos .telefono{margin-bottom:3px;float:left;}
        #BlockDatos #FondoVerde{
                        float:left;clear:left;margin-bottom: 0;padding:5px;width:145px;
		}
         #BlockDatos .enlacesSinBorde{padding:0;float:right;margin:5px 10px 0 0;}
        #BlockDatos .enlacesSinBordeB{
                        position:relative;
                        float:right;
                        line-height: 1.5em;
                        margin: 0 10px 2px 0;
		}
.houzz{float:right;display: inline-block;margin: 20px 20px 10px 0;height:54px;width:54px;}  
h1.InicioHOME table.houzz img{height:54px;width:54px;}   
/* Estilos del Blog */
#bodyBlog{width:95%;float: none; clear: both; margin: 0 auto;}
#rightBlog {width: 95%; float: none; clear: both; margin:0 auto;}
#rightBlog div.blogBanner{font-size: 100%;}
div.ProyectoBlog {
		float:none;
		display:inline-block;
                width:100%;
		height:auto;
		margin:2em 0 2em 0;
                text-align: left;
                color:#5b5b59;font-family: 'Quattrocento', serif;font-size:18px;
	}
        div.ProyectoBlog img.wp-post-image{width:100%; max-width: 800px; height:auto; overflow: hidden;display: inline-block;}
	div.ProyectoBlog a.title, div.ProyectoBlog a.title:link{font-size:18px;}
	div.ProyectoBlog a.title:hover,div.ProyectoBlog a.title:focus{font-size:18px;}

}
/*   Phone  : 480px -----------------------------   */ 
@media only screen and (max-width: 767px) and (min-width: 480px){
  body{background-size: 100% auto; background-position-x: 0; background-position-y: 120px;background-repeat:no-repeat;}          
  h1.InicioHOME {margin-bottom:350px;}
 #BlockDatos2 .legal{width:auto;}
 #BlockDatos2 .direccion{min-width: fit-content;}  
h1.Hacemos {width:auto; min-width: 55%; max-width: 100%;padding-top:30px; line-height: 1.3em;float:right;}
h1.HacemosSingle {width:90%;margin-right: 20px;}   
}

/*   Phone  : 320px -----------------------------   */
@media only screen and (max-width: 479px){
        body{background-size: 100% auto; background-position-x: 0; background-position-y: 168px;background-repeat:no-repeat;}
        #BlockDatos2 div{width:100%; text-align: center;margin: 0 auto 0.5em auto; padding: 0 1em;}
        #BlockDatos2 div.legal{width:100%; }
        h1.InicioHOME img {margin:0 40% 1em 10%;}
        h1.InicioHOME {margin-bottom: 187px;}
        #fadiv {display:none;}
        div.ProyectoBreaf {
            float: none;
            clear:both;
            position: relative;
            width:260px;
            height:auto;
            margin: 6px auto;
        }
        div.ProyectoBreaf img{width:260px; height:173px;}
        div.ProyectoBreaf h1 {top:133px; background: rgba(255,255,255,0.8);width:250px;} 
/* Foto lateral en la pagina de contacto, faqs, legal, etc y catalogo */
div.Foto-Lat-Page {display:inline-block;width:100%;height:auto;min-height:200px;max-height: 300px;overflow-y: hidden;}
div.Foto-Lat-Page img{max-width:100%;min-width:100%;height: content-box;display:table-cell; vertical-align: bottom;}
h1.Hacemos {width:100%;padding-top:30px; line-height: 1.3em;}
h1.HacemosSingle {width:100%;}
#TB_secondLine{
    width:85%;}
.houzz{float:right;display: inline-block;margin-top:-83px;padding-left:10px;height:54px;width:54px;}
h1.InicioHOME table.houzz img{height:54px;width:54px;}
}


