﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ELEMENTOS DE FORMATO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

BODY
{
margin:0px;
font-family: Verdana;
color:#000000;   
background:#000000;
background-image:url(imagenes/fondo-master.jpg);
background-repeat:repeat-x;
background-position:top left;
}

p, .link1, .noticias-portada, ul, ol,  .subtitulo, .direccion, .pie {font-size:11px;text-align:justify;line-height:20px; padding-right:10px;}

.subtitulo {color:#9b0000; font-weight:bold; height:30px; border-bottom:1px dotted #9b0000;}

.link1 {color:#000000; text-decoration:none; }
.link1:hover { text-decoration:underline;}

.link2 {color:#808080; text-decoration:underline; }
.link2:hover { text-decoration:none; color:#FFFFFF;}

.link3 { color:#5b4129;	 text-decoration:underline;	}
.link3:hover {text-decoration:none;  color:#ff7d01;	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RETICULA PRINCIPAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-body
{
width:100%;
background-image:url(imagenes/trama-circulos.png);
background-repeat:no-repeat;
background-position:top left;
overflow: hidden;   
}

.master-page
{
	margin:auto;
	width:919px;
	background-image:url(imagenes/fondo-contenedor.png);
	background-position:0px 194px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	margin-top:55px;
	min-height:807px;
	margin-bottom:0px;
}

.cabecera
{
	width: 919px;
    height:155px;	
    border:0px solid #ffffff;
    clear:both;
    background-color:#000000;
    background-image:url(imagenes/fondo-cabecera2.jpg);
}

.indice
{
	width: 919px;
    height:39px;	
    border:0 px solid #000000;
    clear:both;
    background-image:url(imagenes/fondo-indice.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-align:right;
   
}

.contenedor
{
	width:919px;	
    background-image:url(imagenes/fondo-menu.gif);
	background-repeat:repeat-y;
	background-position:top left;
	border:0px solid #ffffff;
    min-height:604px;
    margin-bottom:0px;
}

.menu-lateral
{
	width:239px;
	float:left;
	border:0px solid #000000;
	background-image:url(imagenes/fondo-menu.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:593px;
	margin-left:10px;
	margin-top:20px;
}

.contenidos
{
	vertical-align:top;
	overflow:auto;
	padding-right:20px;
	padding-top:28px;
	padding-left:20px;
	padding-bottom:0px;

}

.banners
{
    float:right;
    width:180px;
    padding:0px;
    margin-left:40px;
    border:0px solid #000000;
}

.noticias-portada
{
    width:340px;
    height:auto;
    padding:10px;
    border:0px solid #000000;
    background-color:#e6f0de;
    border-top:1px dotted #000000;
}

.pie
{
	width:909px;
    height:50px;
    font-size:10px;
    vertical-align:top;
    text-align:left;    
    color:#5b4129;	
    background-image:url(imagenes/pie.png);
    background-repeat:no-repeat;
    background-position:top left;
    border:0px solid #ffffff;  
    margin:auto;
    padding-top:20px;
}

.direcciones-home

{
    float:left;
    width:180px;
    height:130px;
    font-size:11px;
    line-height:17px;
    color:#ffffff;
    background-color:#683d13;

    padding-left:20px;
    padding-top:12px;
    margin-right:10px;
    
    
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MODULOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.formu
{
    font-family:Verdana;
    line-height:18px;
    height:18px;
    text-align:left;
    font-size:11px;
    font-weight:normal;
    padding-left:15px;
    color:#000000;
    border-style:none;   
    border:1px solid #ff7d01;
}

.imagen-noticias
{
    float:right;
    width:250px;
    margin-top:20px;
    margin-left:20px;
    margin-bottom:20px;
}

.mapa
{
    border:1px solid #683d13;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FONDOS PAGINA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.p-inicio
{
    height:825px;
	background-image: url(imagenes/fondo-pagina-inicio.jpg);
	background-repeat: no-repeat;	
}

.p-induvent
{
    height:970px;
	background-image: url(imagenes/fondo-pagina-induvent.jpg);
	background-repeat: no-repeat;	
}

.p-hierro
{
    height:870px;
	background-image: url(imagenes/fondo-hierro.jpg);
	background-repeat: no-repeat;	
}

.p-aluminio
{
    height:980px;
	background-image: url(imagenes/fondo-aluminio.jpg);
	background-repeat: no-repeat;	
}

.p-pvc
{
    height:980px;
	background-image: url(imagenes/fondo-pvc.jpg);
	background-repeat: no-repeat;
}

.p-fachadas
{
    height:1420px;
	background-image: url(imagenes/fondo-fachadas-ventiladas.jpg);
	background-repeat: no-repeat;
}

.p-techos
{
    height:825px;
	background-image: url(imagenes/fondo-techos-moviles.jpg);
	background-repeat: no-repeat;
}

.p-vitrox
{
    height:1200px;
	background-image: url(imagenes/fondo-vitrox.jpg);
	background-repeat: no-repeat;
}

.p-galeria
{
    height:850px;
	background-image: url(imagenes/fondo-galeria.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
}

.p-noticias
{
    height:900px;
	background-image: url(imagenes/fondo-noticias.jpg);
	background-repeat: no-repeat;
}

.p-contacto
{
    height:830px;
	background-image: url(imagenes/fondo-contacto.jpg);
	background-repeat: no-repeat;
}

.p-registro
{
    height:950px;
	background-image: url(imagenes/fondo-registro.jpg);
	background-repeat: no-repeat;
}

.p-galeria-pvc
{
    height:1070px;
	background-image: url(imagenes/fondo-galeria.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
}

.p-galeria-aluminio
{
    height:950px;
	background-image: url(imagenes/fondo-galeria.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FIRMA DIGITAL NATURE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

        .firma
        {
        font-family:Verdana,arial;
        font-size:10px;
        color:#666666;
        text-decoration:none;
        }
        
        .firma:hover
        {       
        text-decoration:underline;
        }       