@charset "utf-8";


*{ padding:0; margin:0;} 

body{margin: 0 auto 0 auto; width:99%; height:auto; background-image: url(../img/fondo-empresa-2.jpg);}


/* MENU Y SECCIONES*/
.container {width: 900px; margin: 0 auto 0 auto;}
header#head { height:50px; padding: 0px 0px; background-image: url(../img/Fondo.jpg);}
nav#topnav {padding: 0px 0px; background-color: #000; z-index:1;}
nav#topnav ul li{display: inline-block;}
nav#topnav ul li a{color:#FFF; padding: 9px 8px; display: block; text-decoration: none;}
.isStuck {width: 100%; position: fixed; top:0px;}
a.current {background-color: #FF6700;}

H2{ font-size:30PX; color: #FFF; background-color:#000; width:35%; margin-bottom:15px; padding:5px; margin-left:-40px;}
h3{ font-size:24px; color:#000;}
p{ font-size:18px;}

#inicio{ margin-top:-10px; padding:20px; height:auto; width:100%;}

#nosotros{ margin-top:20px; padding:20px; height:auto; width:100%; background-color:rgba(255,255,255, 0.6);}

#lista-de-precios{ margin-top:20px; padding:20px; height:auto; width:100%; color:#fff; background-color:rgba(0,0,0, 0.5);}

#lista-de-precios #buscador{float:left; width:550px; height:auto; margin-right:20px;}
#lista-de-precios #buscador h3{ font-size:24px; color: #FFCE00;}
#lista-de-precios #buscador p{ color:#fff; font-size:22px;}

#lista-de-precios #resul_buscador{float:left; width:500px; height:auto;}
#lista-de-precios #resul_buscadorm p{font-size:34px;}

#lista-de-precios #precios{ float:right;  width:300px; height:400px;}

#catalogos{ margin-top:20px; padding:20px; height:auto; width:100%; background-color:rgba(230,80,0, 0.6);}
.catalogo{ width:425px; height:auto; margin:10px;}

#contacto{ margin-top:20px; padding:20px; height:auto; width:100%; background-color:rgba(255,255,255, 0.4);}

/* BUSCADOR */

#myDiv{margin:0px;
 width:435px;}

.sugerencias{background-color:#fff; color:#ff6f21; font-weight:bold;}

.sugerencias:hover{
background-color:#ff6f21;
color:#000; cursor:default; }


body{
color:#696969;
background-color:#fff; font-family:Arial,Helvetica,sans-serif;
padding:5px;}


#bus{
background-image:url('../search.png');
background-size:30px 27px;/*tamano imagen*/
background-repeat:no-repeat;
background-position:right;
border-radius: 5px;
border-style:solid;
border-color:#1E90FF;
border-width:1px;
height:30px;
color:#808080;

}


/* CONTACTO */

#panel-contacto-der{ width:365px; height:400px;float:right;}
    
#contacto #facebook{width:460px; height:573px; border: 10px #35518D solid; margin-top:-10px;}

#contacto #ficha-datos{width:350px; height:220px; float:right; background-color:#fff; border:1px solid #003366; padding:10px; margin-bottom:15px;}

#ficha-datos p{ font-size:25px; color:#000; text-align:left; font-family:Calibri; margin-bottom:0px; margin-left:10px;} 

.link {font-size:17px; color:#000; text-align:left; font-family:Calibri; text-decoration:none; margin-left:10px; margin-top:20px; margin-top:50px;}
.link:hover{ color: #0066CC; margin-top:10px;}
 
 
 
#contacto #contentForm {
  float:right;
  width: 350px;
  padding:10px;
  background-color:#fff; border:1px solid #003366;
} 

#contacto #contentForm .titulos{color: #278601; font-family: Calibri; font-size:30px; margin-left:8px; margin-top:5px; margin-bottom:0px; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); text-align:left; font-weight:0px}

#contentForm p{font-size:17px; color:#000; text-align:left; font-family:Calibri; margin-bottom:10px; margin-left:0px;}

label {
  display: block;
  float: left;
  clear: left;
  Width: 150px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

#contentForm input, textarea, select {
  margin: 0;
  padding: 2px;
  margin-left:5px;
  font-size: 1em;
  color: #000;
  background: #FFC47A;
  border: 1px solid  #666666;
  margin: 5px 0px;
  
:-moz-placeholder; /* para Firefox */
::-webkit-input-placeholder; /* para Chrome */
:-ms-input-placeholder; /* para Internet Explorer }*/ 
}

#contentForm input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

#contentForm input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../img/enviar.png) no-repeat left top;
  width: 90px;
  height: 38px;
  margin-left: 50px; 
}

#contentForm input.button1 {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(../img/borrar.png) no-repeat left top;
  width: 90px;
  height: 38px;
  margin-left: 5px;
}

#contentForm span.required{
  font-size: 13px !important;
  color: red !important;
}

#contentForm .errormsg {display: block; width:400px; height: 22px; line-height: 22px; margin-left:-30px; color: #FFFFFF; font-weight: bold; 
background: #DF0000 url(images/stop.gif) no-repeat 5px center; padding: 3px 0px 3px 40px; margin: 10px 0; border-top: 2px solid #000; border-bottom: 2px solid #000;
}

#contentForm .msgSent {
  font-size: 20px;
  text-align: center;}

#comentarios { width:100%; height:auto; margin-bottom:30px; background-color:#FFF;}



/* SISTEMA */
#sistema{ margin:0 auto 0 auto; margin-top:20px; padding:20px; height:auto; width:60%; color:#fff; background-color:rgba(0,0,0, 0.5);}