* {
margin:0;
padding:0;
}

.clearfix:after
{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

html, body {
width:100%;
height:100%;
font:10px tahoma;
}

body {
background:#3b3b3b url(../images/f_web.png) center top no-repeat;
}

/* estilos generales */

#cabecera {
width:960px;
height:99px;
margin:0 auto;
position:relative;
}

 #cabecera div {
 position:absolute;
  width:750px;
 font:11px "trebuchet ms";
 letter-spacing:1px;
 color:#999;
 text-align:right;
 right:5px;
 bottom:16px;
 }
 
  #cabecera div a {
  color:#ccc;
  padding:0 2px;
  text-decoration:none;
  }
  
  #cabecera div a:hover {
  color:#fff;  
  }
  
  #cabecera #actual {
  color:orange; 
  }
  
#subcabecera {
width:960px;
height:184px;
margin:0 auto;
}
 
 #subcabecera.empresa {
 background:url(../images/f_cab_empresa.jpg) left top no-repeat;
 }
 
  #subcabecera.servicios {
 background:url(../images/f_cab_servicios.jpg) left top no-repeat;
 }
 
  #subcabecera.nuevastecnologias {
 background:url(../images/f_cab_nuevastecnologias.jpg) left top no-repeat;
 }
 
 #subcabecera.diseno {
 background:url(../images/f_cab_diseno.jpg) left top no-repeat;
 }
 
 #subcabecera.presupuestos {
 background:url(../images/f_cab_presupuestos.jpg) left top no-repeat;
 }
 
 #subcabecera.trabajos {
 background:url(../images/f_cab_trabajos.jpg) left top no-repeat;
 }
 
 #subcabecera.contacto {
 background:url(../images/f_cab_contacto.jpg) left top no-repeat;
 }

#contenido {
width:960px;
margin:0 auto;
background:url(../images/logoimes.jpg) right bottom no-repeat;
}



div.conmargen{
padding:15px;
}

 #contenido div.c1 {
 float:left;
 width:660px;
 border-right:1px solid #666;
 
 }
  
   #contenido p {
   font:13px "lucida sans unicode";
   color:#ddd;
   text-align:justify;
   padding:10px 0;
   line-height:25px;
   letter-spacing:1px;
   text-indent:20px;
   }
   
   #contenido p a {
   color:#fff;
   text-decoration:none;
   }
   
   #contenido p a:hover {
   color:orange;
   }
   
   #contenido ul {
   font:15px tahoma;
   letter-spacing:1px;
   margin-left:40px;
   color:#fff;
   list-style:none;
   line-height:20px;
   }
   
   #contenido ul strong {
   color:orange;
   }
   
   #contenido ul li {
   /*background:url(../images/v_llista.png) left 7px no-repeat;*/
   padding-left:14px;
   }
   
   #contenido ul li a {
   color:#fff;
   text-decoration:none;
   font-weight:bold;
   }
   
   #contenido ul li a:hover {
   color:orange;
   }
   
   #contenido p strong {
   color:#FF9900;
   font-weight:bold;
   }
   
 #contenido div.c2 {
 float:left;
 width:299px;
 }
 
 #contenido div.c2 a {
 font:10px tahoma;
 color:#fff;
 text-decoration:none;
 line-height:15px;
 }
 
 #contenido div.c2 a:hover {
 color:orange;
 }
 
#pie {
position:relative;
clear:both;
width:960px;
margin:0 auto;
color:#666;
border-top:1px solid #666;
font:10px "lucida sans unicode", tahoma;
letter-spacing:1px;
}
 #pie div.copy {
 margin:15px;
 color:#ccc;
 letter-spacing:1px;
 }
  #pie div.copy a {
  color:#fff;
  text-decoration:none;
  }
  
  #pie div.copy a:hover {
  color:orange;
  text-decoration:none;
  }
 #pie div.creditos {
 width:200px;
 text-align:right;
 position:absolute;
 display:none;
 right:15px;
 top:15px;
 }
 

  #pie div.creditos a {
  color:#fff;
  text-decoration:none;
  }
  
  #pie div.creditos a:hover {
  color:orange;
  }
  
   #pie div.creditos a span {
   display:none;
   }
   
     #pie div.logodaclub {
 width:200px;
 text-align:right;
 position:absolute;
 right:15px;
 top:15px;
 }
   
 /* servicios */
 #suministros {
 float:right;
 width:400px;
 padding-left:30px;
 border-left:1px solid #707070;
 margin-left:30px;
 }
 
 /* estilos galeria trabajos */
 .capatrabajo {
 float:left;
 width:220px;
 margin-right:20px;
 display:inline;
 margin-bottom:25px;
 

 }
 
 .capatrabajo img {
 margin-bottom:10px;
 border:3px solid #929292;
 background:white;
 padding:1px;
 
 }
 
 .capatrabajo span {
 font:12px "trebuchet ms";
 color:white;
 }
.Estilo1 {font-size: 16px}
.Estilo3 {
	font-size: 16px;
	color: #FF9900;
}
.Estilo4 {color: #FF9900}
.Estilo6 {font-size: 16px; color: #FF9900; font-weight: bold; }

 
 /* estilos imesgestion*/
 .Estilo1 {
	font-size:16px;
	font-weight: bold;
	color: #0000FF;
 }