/* CSS RULES for CRISTALERIADIAGONAL.COM */
/* ESTRUCTURA */
*{
  margin:0;
  padding:0;
      border:solid 0px;
  }
div.clear{
  clear:both;}
body{
  margin:0;
  padding:0;
  color:#333;
  background:#eaeaea;
  font-family:Arial,Verdana;
  font-size:11px;}
div.fondo1{
  width:872px;
    margin:0 auto;
    padding-bottom:20px;
  background:#fff;}
div.fondo2{
  width:836px;
  margin:0 auto;
  background:#eaeaea;
  }
div.contiene_total{
  width:800px;
  margin:0 auto;
  }
div.header{
  width:100%;
  height:293px;
  background:#eaeaea;
  }
div.logo{
  float:left;
  width:193px;}
div.link_home{
  height:16px;
  float:right;
  margin:33px 0 0 0;
  border: solid 1px #898989;
}
div.portada{
  float:left;
  width:607px;}
div.menu_bar{
  clear:both;
  width:100%;
  height:20px;
}
div.quienes{
  float:left;
  width:193px;
  background:#1a2791;
  text-align:center;
  border-right:solid 1px #fff;}
div.servicios{
  float:left;
  width:167px;
  border-right:solid 1px #fff;
  text-align:center;
 background:#1a2791;}
div.trabajos{
  float:left;
  width:167px;
  border-right:solid 1px #fff;
  text-align:center;
  background:#1a2791;
}
div.consultas{
  float:left;
  width:157px;
  border-right:solid 1px #fff;
  text-align:center;
  background:#1a2791;}
div.localizacion{
  float:left;
  width:111px;
  text-align:center;
  background:#1a2791;}
div.cuerpo{
  clear:both;
  width:100%;
  }
div.barra1{
  width:193px;
  float:left;
  background:#eaeaea;}
div.txt_barra1{
  width:170px;
  padding:5px 0 0 3px;
  }
div.barra2{
  width:226px;
  height:320px;
  float:left;

  background:#dedede;}
div.barra3{
  width:380px;
    height:320px;
  float:left;
  background:#fff;}
div.barra_der{
  width:382px;
    height:180px;
  float:left;
  background:#fff;
  padding:66px 10px 94px 30px;}
div.barra3_up{
  padding:36px 0 0 15px;}
div.barra3_foto{
 width:150px;
  float:left;}
div.barra3_foto2{
 width:153px;
  float:left;}
div.barra3_txt{
  float:left;
  width:195px;
  padding:0 0 0 20px;}
div.barra3_txt2{
  float:left;
  width:195px;
  padding:10px 0 0 20px;}
div.barra4{
float:left;
  width:149px;
    height:283px;
  padding:63px 15px 0 20px;
  background:#f5f5f5;}
div.linea{
  clear:both;
  padding:12px 0 0 0;
  border-bottom:dotted 1px #9b9fa2;}
div.barra3_down{
  clear:both;
  padding:0 0 0 12px;}
div.fotos{
float:left;
  width:605px;
  padding:0 0 20px 0;}  
div.ficha{
  float:left;
  width:150px;
  height:170px;
  margin:15px 0 10px 42px;
  background:#ccc;
  border:solid 1px #9b9fa2;}
div.foto{
  width:150px;
  height:130px;
  border-bottom: 2px  #9b9fa2;}


  
div.footer{
  width:817px;
  height:38px;
  background-image:url('../imgs/footer_bg.gif');
  border-top:solid 1px #1a2791;
  }
   
/* LINKS ANCHOR */

a.home:link, a.home:visited{
  font-family:arial,verdana;
  color:#898989;
  font-size:11px;
  text-decoration:none;
  padding:0px 3px;
  }
a.home:hover{
  color:#0096db;}
a.menu:link, a.menu:visited{
  color:#fff;
  font-family:arial,verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}

a.menu:hover, a.menu:active{
  color:#0096db;}
a.barra3:link, a.barra3:visited{
  font-size:11px;
  color:#fe6001;
  text-decoration:none;
  padding:0 0 0 10px;
  background-image:url('../imgs/items2.gif');
  background-repeat:no-repeat;
  }
a.barra3:hover{
  text-decoration:underline;}
li a:link, li a:visited{
  color:#6e6e6e;
  text-decoration:none;
  }
li a:hover{
  color:#000;
}
  
  
/* ESTILOS */

h1{
  font-family:Arial, Verdana;
  font-size:25px;
  font-weight:bold;
  padding:25px 0 0 20px;}
.footer h1{
  font-size:11px;
  font-weight:bold;
  padding:10px 0 0 250px;}
h2.entrada{
  font-size:15px;
  padding:80px 0 0 20px;
  font-weight:normal;}
h2.barra3{
  font-size:17px;}
p.barra3{
  font-size:11px;
  padding:5px 0;}
p.entrada{
  font-size:12px;
  font-weight:bold;
  padding:3px 0 0 20px;}
p.texto1{
  font-size:12px;
  color:#666;}
.coment p{
  padding:0 0 0 3px;}
.barra4 img{
  border:solid 3px #999;
  }
  
  
form.contacto input{
  border:solid 1px #ccc;
  margin: 5px 0 3px 0;
  }
form.contacto textarea{
  width:390px;
  height:60px;
  margin: 5px 0 3px 0;
  border:solid 1px #ccc;}
div.txt_form{
  float:left;
  width:80px;
  text-align:right;}
input.valid{
  color:#666;
}
input.valid:hover{
color:#fff;}
  div.txt_form p{
  padding:10px 5px 2px 0;
  font-weight:bold;}


  
/* LISTAS */

ul.entrada{
  color:#6e6e6e;
  font-size:12px;
  padding:7px 0 0 35px;
  list-style-image:url('../imgs/items.gif');}
li{
  padding:2px 0 0 0;}
li.down{
  color:#000;
  font-weight:bold;}