/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAGINA MAESTRA PRINCIPAL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

        CONTENEDOR CABECERA LOGO Y ACCESOS

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #Cabecera-Master-Publica {
        height:60px;
        width:950px;
        margin-top:0px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:0px;
        position:relative;
        }

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

        BARRA MENUS 

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #Barra-Menus-Master-Publica{
        height: 40px;
        width: 950px;
        margin-top:2px;
        margin-bottom:2px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        }

    #Barra-Pie-Master-Publica{
        width:950px;
        height:40px;
        margin-top:2px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        font-size:.8em;
        }

    #Barra-Pie-Master-Publica a:link,
    #Barra-Pie-Master a:visited {
        color:#FFFFFF;
        text-decoration:none;
        }

    #Barra-Pie-Master-Publica a:hover {
        color:#D4E7F8;
        text-decoration:none;
        }

    #Barra-Pie-Master-Publica a:active {
        color:#FFFFFF;
        }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAGINA DEFAULT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	    CONTENEDOR FLASH SECTORES

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #Contenedor-Flash-Sectores-Default{
        width: 950px;
        height: 160px;
        margin-bottom:2px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	    CONTENEDOR PRINCIPAL

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #Contenedor-Principal-Default{
	    width:950px;
        height: 500px;
	    margin-left:auto;
	    margin-right:auto;
        background-color:white; 
        position:relative;
	    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENEDOR PRODUCTOS ENTRADA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#contenedor-productos-entrada 
{
	width:950px;
    height: 637px;
	margin-left:auto;
	margin-right:auto;
    background-color:black;
    border-right: white 1px solid; 
    border-top: white 1px solid; 
    border-left: white 1px solid; 
    border-bottom: white 1px solid;    
    position:relative;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TITULOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#titulo
{
	width:950px;
    height: 40px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
    background-color:red;
    position:relative;
	}

#titulo2
{
	width:950px;
    height: 40px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
    background-color:red;
    position:relative;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    CONTENEDOR ESTANDAR CONTACTOS-EMPRESA-SERVICIO-TERMINOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Contenedor-Estandar{
    width:950px;
    height: 637px;
    margin-left:auto;
    margin-right:auto;
    background-color:white; 
    position:relative;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENEDOR GRANDE PARA PRODUCTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#contenedor-productos
{
    width: 946px;
    height: 637px;
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
    padding: 0 0 0 0;
    position: relative;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENEDORES DE PRODUCTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #contenedor-lateral-sectores
    {
        z-index: 102; 
        left: 4px;  
        width: 196px;
        height: 637px;
        top: 0px; 
        background-color: black;
        position: absolute; 
    }
    
    #contenedor-central-productos
    {
        z-index: 100;
        left: 201px; 
        width: 539px; 
        height: 637px;
        top: 0px; 
        background-color: black;
        border-right: white 1px solid;
        border-left: white 1px solid;
        position: absolute; 
    }
    
    #contenedor-lateral-marcas
    {
        right: 4px;
        width: 196px;
        height: 531px;
        top: 0px; 
        background-color: black;
        position: absolute;
    }
 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGENES SECTORES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #imagen-sectores-mantenimiento
    {
        z-index: 100; 
        left: 17px; 
        width: 151px;
        height: 144px;
        top: 4px; 
        border-right: white 5px solid; 
        border-top: white 5px solid;
        border-left: white 5px solid; 
        border-bottom: white 5px solid;
        position: absolute; 
    } 
    #imagen-sectores-montaje
    {
        z-index: 100; 
        left: 17px; 
        width: 151px;
        height: 144px;
        top: 162px; 
        border-right: white 5px solid; 
        border-top: white 5px solid;
        border-left: white 5px solid; 
        border-bottom: white 5px solid;
        position: absolute; 
    } 
    #imagen-sectores-Accesorios
    {
        z-index: 100; 
        left: 17px; 
        width: 151px;
        height: 144px;
        top: 320px; 
        border-right: white 5px solid; 
        border-top: white 5px solid;
        border-left: white 5px solid; 
        border-bottom: white 5px solid;
        position: absolute; 
    } 
    #imagen-sectores-talleres
    {
        z-index: 100; 
        left: 17px; 
        width: 151px;
        height: 144px;
        top: 478px; 
        border-right: white 5px solid; 
        border-top: white 5px solid;
        border-left: white 5px solid; 
        border-bottom: white 5px solid;
        position: absolute; 
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGENES MARCAS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    
         
    #imagen-marcas-ir
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 10px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
    #imagen-marcas-losomat
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 62px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }     
    #imagen-marcas-norbar
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 114px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
    #imagen-marcas-powerteam
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 166px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    } 
    #imagen-marcas-bds
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 218px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }    
    #imagen-marcas-dynabrade
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 270px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }    
    #imagen-marcas-bloc
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 322px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
   
    #imagen-marcas-maderLDP
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 374px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
    #imagen-marcas-acx
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 426px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
    #imagen-marcas-cejn
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 478px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }    
    #imagen-marcas-instalair
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 530px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }
    #imagen-marcas-otras
    {
        left: 17px; 
        width: 151px; 
        height: 37px;
        top: 582px;
        border-right: silver 5px solid; 
        border-top: silver 5px solid; 
        border-left: silver 5px solid; 
        border-bottom: silver 5px solid;
        position: absolute;
    }        
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ESTILOS PARA CABECERAS DE NOMBRE DE PRODUCTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .Cabeceras-Productos-Izquierda
    {
        font-family: Arial; 
        font-weight: bold; 
        font-size: 11px; 
        color: white;
        z-index: 112; 
        right: 280px; 
        width: 237px; 
        height: 15px; 
        position: absolute; 
        background-color:Transparent; 
        text-align: center; 
        border-right: white 1px solid; 
        border-top: white 1px solid; 
        border-left: white 1px solid; 
        border-bottom: white 1px solid;
    }

    .Cabeceras-Productos-Derecha
    {
        font-family: Arial; 
        font-weight: bold; 
        font-size: 11px; 
        color: white;
        z-index: 112; 
        right: 20px; 
        width: 237px; 
        height: 15px; 
        position: absolute; 
        background-color:Transparent; 
        text-align: center; 
        border-right: white 1px solid; 
        border-top: white 1px solid; 
        border-left: white 1px solid; 
        border-bottom: white 1px solid;
    }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


p {
	font-size: 11px; 
	color: gray; 
	font-family: Verdana;}

h1 {
    font-weight: bold; 
    font-size: 18px; 
    color: graytext; 
    font-family: Verdana}


h2 {
    font-weight: bold; 
    font-size: 16px;
    color: black; 
    font-family: Verdana;
	text-align:center; 
    }

h3 {
    font-weight: bold; 
    font-size: 16px;
    color: graytext; 
    font-family: Verdana;
	text-align:center; }
h4 {
    font-weight: bold; 
    font-size: 14px;
    color: graytext; 
    font-family: Verdana;
	text-align:center; }