@media screen and (max-width: 980px) {
@media screen and (max-device-width : 480px) {
        #sidebar{
            display:none;
            }
                #menu{
               text-align:center;
               }
}
@media screen and (min-device-width : 768px) and (max-device-width : 980px) and (orientation : landscape){
       .entry, .entry-content
       {
          font-size:1.2em;
          line-height:1.5em;
    }
}
}


body{
height: 100%;
margin: 0;
padding: 0;
text-align: center; /* Fix para Internet Explorer */
}

html { 
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}


 img{
border: 0;
}

.imagen-con-texto img {
    display: block;
}


#contenedor{
     width: 980px;
}




/*EMPRESA*/

/*CABECERA PARA TODAS LAS PAGINAS*/

#cabecera {
    margin-top: 0px;
    height: 385px;
}
#contenidobaner {
    width: 980px;
	display: inline-block;
}
#contenidologo {
	margin-top: 20px;
    position: relative;
	float: left;
	left: 0px;
    width: 490px;
	display: inline-block;
}
#contenidoredes {
    position: relative;
	float: right;
	right: 0px;
	margin-top: 20px;
    width: 490px;
	display: inline-block;
}
#contenidomenu{
    width: 490px;
    position: relative;
    float: left;
	left: -32px;
	margin-top: 40px;
	display: inline-block;
}
.cuadrosecuencia {
    width: 460px;
    height: 330px;
    border: 4px outset #D3D3D3;
	background-color: #E4E4E4;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}
*  cabecera{
    margin: 0;
    padding: 0;
}

#contenidoinicio{
	display: inline-block;
}
.imagenFondo{
    position: relative;
}
.imagenFondo span {
    width: 980px;
    position: absolute;
    left: 0px;
	top: 70px;
	text-align: center;
}
#contenido1 {
	text-align: center;
    height: auto;
	width: 830px;
    display: inline-block;
}




.imagenFondo2{
    position: relative;
}
.imagenFondo2 span {
    width: 480px;
    position: absolute;
    left: 0px;
	top: 0px;
}





















/*ETIQUETAS DE CONTACTO*/

/*BLOQUE DE RECUADRO DE CONTACTO LAS 5 ETIQUETAS*/
.cuadrocontacto {
    width: 980px;
    height: auto;
    border: 3px outset #D3D3D3;
    background-color: #EFFDE5;
	text-align:center;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:40px;
    position: relative;
}
#cierretextocontacto {
    width: 880px;
	display: inline-block;
}
.cuadropoliticadeprivacidad {
    width: 900px;
    height: auto;
    border: 1px outset #D3D3D3;
    background-color: #E4E4E4;
    font-family: Arial, Helvetica, Verdana, Georgia;
    font-size: 12px;
    color: black;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    position: relative;
}
#cierreiconoscontacto {
    width: 560px;
	display: inline-block;
}
#cierreformulario {
    width: 350px;
	display: inline-block;
}


/*FORMULARIO*/
label {
    display:block;
    margin-top:10px;
    letter-spacing:1px;
}
.formulario {
    display: block;
    margin: 0 auto;
    width: 350px;
	margin-top: 20px;
    color: #000;
    font-family: Vendana, Arial;
}
form {
    margin: 0 auto;
    width: aauto;
}
input, textarea {
    width:300px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #000000;
    padding: 2px;
    margin-top: 0px;
    font-size: 14px;
    color: #000000;
}
input {
    height:35px;
}
textarea {
    height:200px;
	font-family: Vendana, Arial;
    font-size: 14px;
}
#submit {
	font-family: Vendana, Arial;
    font-size: 14px;
	font-weight: bold;
    width:110px;
    height:25px;
    border:0px solid #472995;
	background:#393B48;
	color: #FFFFFF;
    margin-top:20px;
    cursor:pointer;
}
.hasPlaceholder { color: #777; } 














/*TRABAJOS REALIZADOS*/

/*CIERRE DE TRABAJOS REALIZADOS*/
#cierretextotrabajos {
    width: 880px;
	display: inline-block;
}
/*FOTOS DE TRABAJOS*/
.estilo9 {
    width: 965px;
    position: relative;
	left: 2px;
    margin-top:30px;
}
.cuadrotrabajosrealizados {
    width: 980px;
    height: auto;
    border: 3px outset #D3D3D3;
    background-color: #EFFDE5;
	text-align:center;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:40px;
    position: relative;
}
#contenidoavisolegal {
    width: 100% !important;
	height: auto;
	margin-top: 30px;
    display: inline-block;
	text-align: left;
}

















/*ETIQUETAS DE FOOTER*/

/*FOOTER*/
*  footer{
margin:0px;
}

#footer {
    margin-top: 30px;
    width: 100%;
    height: 250px;
	clear:both;
    background: url(imagenes/fondofooter.jpg) repeat;
}

/*BLOQUE CONTENIDO FOOTER*/
#contenidofooter{
    position: relative;
    float: left;
    width: auto;
    height: auto;
	margin-top: 20px;
	display: inline-block;
}

/*CONTENIDO FOOTER*/
#contenidomenufooter{
	width: 100% !important;
    display: inline-block;
}

/*BLOQUE DE AVISO LEGAL Y DIRECCION*/
#contenidotextofooter {
	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
    font-weight: medium;
	text-align: center;
	color: #BCA961;
	margin-top: 110px;
}

/*SUBMENU FOOTER NOSOTROS - CONTACTO*/
ul.menuh4 {
    list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: regular;
	margin-top: 0px; /*margen con el bloque superior*/
}
ul.menuh4 li {
	position: relative;
	float: left;
	left: 0px;
}
ul.menuh4 a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	text-align: left;
}
ul.menuh4 a:hover {
	color: #717071;
}









/*PARA POSICIONAMIENTO*/

.cuadroposicionamiento {
    width: 980px;
    height: auto;
    border: 0px outset #D3D3D3;
    background-color: #FFFFFF;
	background-image: url('https://pintorenbarcelona.es/imagenes-puertasrapidas/fondoposicion.jpg');
	background-repeat: no-repeat;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:60px;
    position: relative;
}











/*AVISO LEGAL*/

/*BLOQUE DE RECUADRO DE AVISOLEGAL*/
.cuadroavisolegal {
    width: 980px;
    height: auto;
    border: 3px outset #D3D3D3;
    background-color: #EFFDE5;
    padding-left:0px;
    padding-right:0px;
    padding-top:20px;
    padding-bottom:60px;
    position: relative;
}
#contenidoavisolegal {
    width: 100% !important;
	height: auto;
	margin-top: 30px;
    display: inline-block;
	text-align: left;
}







#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}  
#lightbox img{ width: auto; height: auto;}  
#lightbox a img{ border: none; }   
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }  
#imageContainer{ padding: 10px; }    
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }    
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }    
#imageContainer>#hoverNav{ left: 0;}    
#hoverNav a{ outline: none;}       
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }    
#prevLink { left: 0; float: left;}    
#nextLink { right: 0; float: right;}    
#prevLink:hover, #prevLink:visited:hover { background: url(images/anterior.png) left 15% no-repeat; }    
#nextLink:hover, #nextLink:visited:hover { background: url(images/siguiente.png) right 15% no-repeat; }  
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }  
#imageData{    padding:0 10px; color: #666; }    
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;    }    
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }         
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}             
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
round-color: #000; }    
lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }    
round-color: #000; }