* 

{

margin: 0;

padding: 0;

background-repeat: no-repeat;

}



body

{

background-image: url(imagenes/marmol1.jpg);

background-repeat: repeat;

margin: 10px 0;

text-align: center;

font-family: tahoma;

color: #000;

font-size: 12px;

}



#marmol /*centrador general*/

{

margin: 0 auto;

width: 760px;

border: 1px solid #052E8B;

background-color: #EDEDED;

text-align: left;

}



/*pie*/



#solado

{

clear: both;

width: 760px;

height:150px;

}



#solado h4

{

height:100%;

width: 153px;

background-repeat: no-repeat;

font-size: 10px;

color: #EDEDED;

}



#solado address

{

margin-top: -50px;

margin-left: 125px;

font-family: arial;

font-weight: bold;

line-height: 2em;

font-style: normal;

font-size: 12px;

color: #000;

text-align: center;

}



#solado a:active{color: #666;text-decoration:underline;}

#solado a:link{color: #666;text-decoration:underline;}

#solado a:visited{color: #666;text-decoration:underline;}

#solado a:hover{color: #000;text-decoration:underline;}





/*pie*/



/*cabecera*/



#encimera {

width: 760px;

height: 90px;

background-image: url(imagenes/header1.jpg);

background-color: #000;

border-bottom: 1px solid #000;

overflow: hidden;

}



#encimera h3{padding-top: 100px;background-position: 448px 0;}

#encimera h2{padding-top: 100px;}



/*cabecera*/



/*lateral*/



#columna {

width: 153px;

background-color: #EDEDED;

overflow: hidden;

float:left;

}



#columna ul

{

padding-top: 10px;

height: 670px; /*---------------------------------------- aumentar cuando se añada opción al menú, eso y la posicion de los bakcgrounds  */

background-repeat: no-repeat;

}



#columna h4{padding-left:300px;height: 87px;}



#columna ul li{

padding: 5px;

margin: 8px 10px;

font-family: arial;

font-weight: bold;

font-size: 12px;

color: #911100;

border: 1px solid #000;

text-align: center;

list-style:none;

background-color: #ddd;

}



#columna li a:active{color: #911100;text-decoration:none;}

#columna li a:link{color: #911100;text-decoration:none;}

#columna li a:visited{color: #911100;text-decoration:none;}

#columna li a:hover{color: #fff;text-decoration:none;}





/*lateral*/



/*contenidos*/



#pared {

margin-left: 155px;

padding: 10px;



}



#pared h1{

height: 42px;

background-position: 100% 0;

border-bottom: 1px solid #000;

color: #EDEDED;

font-size: 11px;

}



#pared p{

line-height:1.5em;

padding:1em;

text-align:justify;

}



#pared .pfoto

{

text-align: center;

font-size: 11px;

}



#pared h4

{

text-align: left;

font-weight: bold;

font-size: 18px;

padding: 1em;

color: #911100;

}



#pared h6

{

text-align: left;

font-weight: bold;

font-size: 13px;

padding: 1em;

color: #911100;

}



#pared ul

{

padding-bottom: 1em;

}



#pared li

{

text-align: left;

line-height: 1.3em;

list-style: square inside;

padding-left: 3em;

}



#pared a

{

color: #911100;

font-weight: bold;

text-decoration: underline;

}



#pared a:hover

{

color: #666;

}



/*contenidos*/





/*galerias*/



#galeria {margin-left: 25px;}

#galeria img{border: 1px solid #000;}



#galeria li

{

float:left;

text-align: center;

list-style: none outside;

padding: 20px 15px;

font-family: arial;

font-size: 11px;

}

/*galerias*/



/*contacto*/

 

dt

{

width: 300px;

font-family: century;

font-weight:bold;

font-size: 14px;

margin: 20px;

padding-left: 0.5em;

border-bottom: 1px solid #000;

}

dd

{

width: 250px;

font-weight:bold;

color: #911100;

margin:  10px 50px;

padding: 0.5em;

background-color: #ddd;

border: 1px solid #000;

line-height: 1.5em;

}

.sangro
{
text-align:center !important;
margin:0 0 0 50px !important;
padding:5px 10px !important;
}


/*contacto*/





/*otros*/



hr {display: none;}



.pfoto img

{

border: 1px solid #000;

padding: 5px;

}



fieldset

{

margin-bottom: 20px;

padding: 10px;

border: 1px solid #888;

}



legend

{

font-size: 13px;

font-family: century;

font-weight: bold;

color: #910000;

margin: 0 10px;

padding: 0 5px;

}



label

{

font-family: verdana;

font-size: 11px;

font-weight: bold;

}



input, select, textarea

{

margin:  5px 10px;

border: 1px solid #911100;

background-color: #ddd;

color: #910000;

font-size: 12px;

font-weight: bold;

padding: 2px;

font-family: arial;

}







/*otros*/



#pared p.origen

{

font-size: 11px;

font-family: arial;

line-height: 2em;

color: #888;

clear: both;

text-align: right;

}





#ampliacion img{border: 1px solid #000;}



#ampliacion 

{

margin: auto auto;

text-align:center;

}





/*variables*/



.menu

{

background-color: #aaa;

}



A.presentacion:link

{background-position: 0 0;background-image: url(http://www.marmolesverdu.es/imagenes/botones.gif);}

A.presentacion:active

{background-position: 0 0;background-image: url(http://www.marmolesverdu.es/imagenes/botones.gif);}

A.presentacion:visited

{background-position: 0 0;background-image: url(http://www.marmolesverdu.es/imagenes/botones.gif);}

A.presentacion:hover

{background-position: 0 25px;background-image: url(http://www.marmolesverdu.es/imagenes/botones.gif);}







/*fondos variables*/



#h_index{background-image: url(imagenes/bienvenida.jpg);}

#h_presentacion{background-image: url(imagenes/presentacion.jpg);}

#h_marmol{background-image: url(imagenes/marmol.jpg);}

#h_marmocuarzo{background-image: url(imagenes/marmocuarzo.jpg);}

#h_granito{background-image: url(imagenes/granito.jpg);}

#h_silestone{background-image: url(imagenes/silestone.jpg);}

#h_pianoforte{background-image: url(imagenes/pianoforte.jpg);}

#h_contacto{background-image: url(imagenes/contacto.jpg);}

#h_consultas{background-image: url(imagenes/consultas.jpg);}

#h_presupuestos{background-image: url(imagenes/presupuestos.jpg);}

#h_enlaces{background-image: url(imagenes/marmol.jpg);}


#c_index{background-image: url(cabeceras/index.jpg);}

#c_presentacion{background-image: url(cabeceras/presentacion.jpg);}

#c_marmol{background-image: url(cabeceras/marmol.jpg);}

#c_granito{background-image: url(cabeceras/granito.jpg);}

#c_silestone{background-image: url(cabeceras/silestone.jpg);}

#c_pianoforte{background-image: url(cabeceras/pianoforte.jpg);}

#c_marmocuarzo{background-image: url(cabeceras/marmocuarzo.jpg);}

#c_contacto{background-image: url(cabeceras/contacto.jpg);}

#c_consultas{background-image: url(cabeceras/consultas.jpg);}

#c_presupuestos{background-image: url(cabeceras/presupuestos.jpg);}

#c_enlaces{background-image: url(cabeceras/marmol.jpg);}




#t1_index{background: url(teselas/superiores.gif) -22px 0;}

#t1_presentacion{background: url(teselas/superiores.gif) 0px 0;}

#t1_marmol{background: url(teselas/superiores.gif) -66px 0;}

#t1_granito{background: url(teselas/superiores.gif) -22px 0;}

#t1_silestone{background: url(teselas/superiores.gif) -110px 0;}

#t1_pianoforte{background: url(teselas/superiores.gif) -88px 0;}

#t1_marmocuarzo{background: url(teselas/superiores.gif) -22px 0;}

#t1_contacto{background: url(teselas/superiores.gif) -22px 0;}

#t1_presupuestos{background: url(teselas/superiores.gif) -66px 0;}

#t1_consultas{background: url(teselas/superiores.gif) -22px 0;}

#t1_enlaces{background: url(teselas/superiores.gif) -66px 0;}



#t2_index{background: url(teselas/laterales.gif) 0px 425px}

#t2_presentacion{background: url(teselas/laterales.gif) -110px 425px}

#t2_marmol{background: url(teselas/laterales.gif) -22px 425px}

#t2_granito{background: url(teselas/laterales.gif) -44px 425px}

#t2_silestone{background: url(teselas/laterales.gif) -66px 425px}

#t2_pianoforte{background: url(teselas/laterales.gif) -88px 425px}

#t2_marmocuarzo{background: url(teselas/laterales.gif) -22px 425px}

#t2_contacto{background: url(teselas/laterales.gif) 0px 425px}

#t2_presupuestos{background: url(teselas/laterales.gif) -66px 425px}

#t2_consultas{background: url(teselas/laterales.gif) -110px 425px}

#t2_enlaces{background: url(teselas/laterales.gif) -22px 425px}



#t3_index{background: url(teselas/inferiores.gif) 0px 100%}

#t3_presentacion{background: url(teselas/inferiores.gif) -22px 100%}

#t3_marmol{background: url(teselas/inferiores.gif) -88px 100%}

#t3_granito{background: url(teselas/inferiores.gif) -22px 100%}

#t3_silestone{background: url(teselas/inferiores.gif) -66px 100%}

#t3_pianoforte{background: url(teselas/inferiores.gif) 0px 100%}

#t3_marmocuarzo{background: url(teselas/inferiores.gif) -22px 100%}

#t3_contacto{background: url(teselas/inferiores.gif) -110px 100%}

#t3_presupuestos{background: url(teselas/inferiores.gif) -44px 100%}

#t3_consultas{background: url(teselas/inferiores.gif) -88px 100%}

#t3_enlaces{background: url(teselas/inferiores.gif) -88px 100%}




#contador
{background-image: url('');}

#creditos p
{
margin:10px auto;
text-align:center;
color:#777;
font-family:tahoma;
font-size:10px;
}

#creditos p a{text-decoration:underline;color:#777;}
#creditos p a:hover{text-decoration:underline;color:#000;}