/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: titles.css
 Gerardo Gonzalez Flores
 --> gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS styles for titles
 Estilos generales para titulos.
 --------------------------------------------------------------------------*/
/* Titles
 ------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
    margin: 0px;
    padding: 0px;
    color:#06334B;
}

h2 span, h2{
    font-size: 16pt;
}

h2.titleCufonWhite span, h2{
    font-size: 14pt;
}


 h3 span, h3{
 	font-size:12pt;
	color:#000000;
 }

 h4 span, h5 span , h4, h5{
	font-size:11pt;
	color:#000000;
}


.contenido h1,  #contenido h1,
.contenido h2, #contenido h2,
.contenido h3, #contenido h3, 
.contenido h4, #contenido h4,
.contenido h5, #contenido h5{
   
	padding-top: 10px;
	padding-bottom: 10px;
   
}


th.title span {
    display: inline
}

h1.title {
    min-height: 174px;
    height: auto !important;
    height: 174px;
    width:664px;  
    margin: 0px auto;
	
	top:0px;
}


h1.title span {
    font-size: 19pt;
	display:none;
    
}

.holderTitle, #contentHeader{
    position: absolute;
	top:0px;
    margin:0px auto;
	padding-top:10px;
	border: none;
    min-height: 174px;
    height: auto !important;
    height:174px;
	z-index:10;
	width: 100%;
}

h1#titleAutomotriz { width:664px;  height:174px; background: url(../img/titles/automotriz.jpg) no-repeat center;}
h1#titleConstruccion { width:664px;  height:174px; background: url(../img/titles/construccion.jpg) no-repeat center;}
h1#titleFerreteria { width:664px;  height:174px; background: url(../img/titles/ferreteria.jpg) no-repeat center;}
h1#titleMaterialElectrico { width:664px;  height:174px; background: url(../img/titles/material-electrico.jpg) no-repeat center;}
h1#titlePintura { width:664px;  height:174px; background: url(../img/titles/pintura.jpg) no-repeat center;}
h1#titlePlomeria { width:664px;  height:174px; background: url(../img/titles/plomeria-y-fontaneria.jpg) no-repeat center;}
h1#titleVarios { width:664px;  height:174px; background: url(../img/titles/varios.jpg) no-repeat center;}

h1#titleQuienesSomos { width:664px;  height:174px; background: url(../img/titles/quienes-somos.jpg) no-repeat center;}
h1#titleContacto { width:664px;  height:174px; background: url(../img/titles/contacto.jpg) no-repeat center;}
h1#titleUbicacion { width:664px;  height:174px; background: url(../img/titles/ubicacion.jpg) no-repeat center;}
h1#titleMapaDelSitio { width:664px;  height:174px; background: url(../img/titles/mapa-del-sitio.jpg) no-repeat center;}