@charset "UTF-8";

* { padding: 0; margin: 0; }

body {
 font-family: Trebuchet Ms, Helvetica, sans-serif;
 font-size: 13px;
 background-color:#fff;
}
#container {
 margin: 0 auto;
 width: 915px;
 background-image: url(../images/bd/columnas.jpg);
 background-repeat:repeat;
 }

/* 
 ------------------------------
 HEAD
 ------------------------------
*/


#header {
 color: #333;
 width: 915px;
 float: left;
 height: 247px;
 background: #fff;
 background-repeat: no-repeat;
 }
 
#headerizq {
 color: #333;
 width: 301px;
 float: left;
 height: 245px;
 margin: 0px 10px 0px 0px;
 background: #fff;
 background-image: url(../images/teflomet-logo.jpg);
 background-repeat: no-repeat;
 border: none;
 text-decoration:none;
 }
 
 #headerizq img{
 text-decoration:none;
 border:0px;
 margin:0px;
 padding:0px;
 }
 
#headerder {
 color: #333;
 width: 604px;
 float: left;
 padding: 0px;
 height: 245px;
 }
 
#headerpie {
 width: 301px;
 height: 40px;
 background-image: url(../images/flechas.jpg);
 background-repeat: no-repeat;
 _margin-top: -4px;
 padding:0px;
 }

#headerpie p {
  text-align:left;
  margin: 0px 0px 0px 55px;
  font-size: 13px;
 }
   
  /* 
 ------------------------------
 MENU
 ------------------------------
*/
#blanco {
 background-color: #fff;
 height:10px;
 _margin-top: -8px;
 }
 
#blancopie {
 background-color: #fff;
 height:10px;
 bottom: 0px; 
 }

#navcontainer{
 float: left;
 width: 301px;
 margin-bottom:10px;
 padding: 0;
}

#navcontainer ul {
 margin: 0;
 list-style-type: none;
 }

#navcontainer li {
 margin: 0;
  }

#navcontainer a {
 display: block;
 width: 280px;
 text-decoration: none;
 border-bottom: 1px solid #fff;
 color: #fff;
 font-family: trebuchet ms, Helvetica, sans-serif;
 font-size: 21px;
 font-weight: 100; 
 padding: 7px 0px 7px 20px;
 background-image: url(../images/bd/b_principal_off.jpg);
 background-repeat: repeat-x;
 }

#navcontainer a:hover {
 background-image: url(../images/bd/b_principal_on.jpg);
 background-repeat: repeat-x;
 }

#navcontainer li li a {
 display: block;
 color: #333333;
 width: 263px;
 padding: 5px 3px 5px 35px;
 text-decoration: none;
 border-bottom: 1px solid #fff;
 letter-spacing: 1px;
 font-family: trebuchet ms, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;
 background-image: url(../images/bd/b_submenu_fondo.jpg);
 background-repeat: repeat-x;
 }
 
 #navcontainer  li li a:hover {
 background-image: url(../images/bd/b_submenu_fondo_on.jpg);
 background-repeat: repeat-x;
 color: #e45522;
 }
 
 #calidad {
 background: #d6dbdd;
 margin: 0;
 padding: 30px 0px 0px 53px;
 height: 172px;
 width: 247px;
 background-image: url(../images/bd/b_submenu_fondo.jpg);
 background-repeat: repeat-x;
 }

 /* 
 ------------------------------
 CONTENIDO
 ------------------------------
*/

#content{
 float: right;
 color: #333;
 border: 1px solid #4a5156;
 background: #fff;
 margin: 10px 0px 0px 0px;
 padding: 10px 10px 20px 10px;
 width: 581px;
 display: inline;
 background-repeat: no-repeat;
}

#content a {
text-decoration:none;
color: #FE5E36;
}

#content a:hover {
text-decoration:none;
color: #333;
}

#separador {
background-color:#666666;
height:1px;
}

#seccion {
  margin: 60px 0px 0px -10px;
  padding-left:40px;
 letter-spacing: -2px;
}

#seccion h1 {
 color: #4a4a4a;
 font-family: trebuchet ms, Helvetica, sans-serif;
 font-size: 35px;
 font-weight: normal;
}

#cuerpo {
min-height: 405px;
padding-top:30px;
padding-left:70px;
padding-right:40px;
padding-bottom:30px;
}

#cuerpo p {
padding-bottom:20px;
text-align:justify;
}

.colornaranja {color: #FE5E36}

#fotos img {
 padding: 13px 15px 20px 13px;
 display:block;
 float:left;
 background-image: url(../images/bd/fondo_foto.jpg);
 background-repeat: no-repeat;
 margin-top:30px;
 margin-bottom: 30px;
 }
 
#mapa {
background-color: #757575;
padding: 17px 10px 10px 10px;
text-align:center;
}

#mapa a{
font-size:16px;
line-height:25px;
color: #fff;
text-decoration:none;
}

#mapa a:hover{
color: #d6dbdf;
}

 

 

 /* 
 ------------------------------
 FALDÓN
 ------------------------------
*/
#blancofaldon {
 width: 100%;
 height: 10px;
 clear: both;
 background-color: #fff;
}


#footer {
 width: 100%;
 height: 134px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px 0 0 0px ;
 background-image: url(../images/bd/fondo-faldon1.jpg);
 background-color:#fff;
 background-repeat: repeat-x;
}

#teflomet {
float:left;
width:400px;
height:100px;
color: #fff;
padding:30px 0 0 40px;
}

#datoscontacto {
float:right;
width:230px;
height:90px;
text-align:right;
font-family: trebuchet ms, Helvetica, sans-serif;
color: #fff;
line-height:30px;
padding:40px 70px 0 0;
background-image: url(../images/bd/fondo-datos2.jpg);
background-position:right;
background-repeat:no-repeat;
}
#datoscontacto p{
font-weight:normal;
}

#datoscontacto h2 {
font-weight:normal;

}

#datoscontacto h3 a {
text-decoration:none;
font-weight:normal;
font-size:15px;
color: #a9adb1;
}

#datoscontacto h3 a:hover {
color: #fff;
}

#enlacesinf {
 width: 100%;
 background-position:top;
 border-top: solid thin #666666;
 text-align:center;
 height: 45px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 30px 0 0 0px ;
 background-image: url(../images/bd/fondo-faldon2.jpg);
 background-color:#fff;
 background-repeat: repeat-x;
}

#enlacesinf li{
display: inline;
list-style-type: none;
padding-right: 10px;
padding-left: 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
border-right: 1px solid #999999;
}

#enlacesinf a{
text-decoration:none;
color:#FFFFFF;
font-size: 9px;
}

#enlacesinf a:hover{
text-decoration:none;
color: #999999;
font-size: 9px;
}

#sec-servicios {
	display:block;
	border-bottom: solid #FE5E36 1px;
	padding:50px 0 5px 0;
	
}



/*ENLACE BF*/

#bf {
clear:both;
text-align:center;
margin:15px 0 15px 0;
padding-bottom:20px;
}

#bf a {
text-align:center;
color:#7a7675;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}

#bf a:hover {
color: #000000;
}

.gris { color:#999;}

.centrado { text-align:center;}

