@import url(buttons.css);
 @import url(tables.css);
 @import url(thickbox.css);
 @import url(acceso.css);
 /* GENERAL --------------------------------- > */

 *{margin:0; padding:0;}

 body {	font:normal 12px/17px Arial, Verdana, Helvetica, sans-serif;margin:0 0 20px 0;	color:#333;	background:#3074c9 url(../imagenes/bk.jpg) repeat-x;}
 #wrap {width:950px; margin:0 auto; padding:0; background:#FFFFFF url(../imagenes/round-bottom.gif) bottom no-repeat  ; overflow:hidden }
 #header{ background: url(../imagenes/header.png) no-repeat right; height:93px}
 


 a img { border:0; }

 h1, h2, h3, p, ul {	margin-bottom:10px;}
 h1{font:normal 30px/35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;}
 h2{font:normal 20px/25px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
 h3{font:normal 18px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;}
 h4{font:normal 18px  Arial, Helvetica, sans-serif; letter-spacing:-1px;color:#3074ca;}
 h2 span{font:normal 14px/18px  Verdana, Arial, Helvetica, sans-serif; font-weight:normal }

 
 
 #tabla_opciones{padding:10px 10px 0 0px}
 #tabla_opciones input{padding:1px; }
 #botones{float:left; width:500px}
 #busqueda{float:right; width:200px}
 .clear{clear:both}

 
 #bannerhome {border-bottom: 1px solid #d48907; border-top:3px solid #d48907; clear:both; background-color:#FFCC00;}
 #banner { border-top:3px solid #d48907;}
 .bottomround {margin:0; padding:0;}
 .clearfix {clear: both; height:0;}
 .date {float:right; padding-right:15px;}

 
 
 .plecaesp { font:normal 12px/15px Arial, Verdana, Helvetica, sans-serif; margin:0; background:url(../imagenes/esp-pleca.png) no-repeat; height:29px; line-height:29px; padding-left:35px; margin-bottom:12px; }
 .plecaeng { font:normal 12px/15px Arial, Verdana, Helvetica, sans-serif; margin:0; background:url(../imagenes/en-pleca.png) no-repeat; height:29px; line-height:29px; padding-left:35px; margin-bottom:12px; }
 .plecaesp a, .plecaeng a { color:#000000; }
 .plecaesp a:hover, .plecaeng a:hover { color:#3074ca; }

 
 /* CONTENT -------------------------------*/

 #content {  padding: 10px }
 .content {  padding: 15px }
 .tel { text-align:right; width:950px; margin:0 auto;}
.left{float:left; }
.right{float:right; }
 .l50{margin-left:50px}
 /* COL1 -------------------------------*/

 #col1 { width:690px; padding-left:10px; float:left;}
 #col1 ul {list-style:none; margin-bottom:15px; background:#FFFFFF;}
 #col1 ul li { margin-left:23px; padding:4px 6px 4px 18px; background:url(../imagenes/bullet.gif) no-repeat 0 6px;}
 #col1 h1 { font:normal 30px/35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; }
 #col1 h2 {font:bold 18px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #1D4F8E;
 }

 
 /* COL2 -------------------------------*/
 #col2 { width:200px; float:right;}
 #col1 h3 { font-size:14px; }
 .col2home {width:200px; margin:0; padding:0; background:url(../imagenes/bk-coti.png) left bottom; font:normal 11px/14px Arial, Verdana, Helvetica, sans-serif;}
 #col2 h2, #col2home h2 { border-bottom:1px solid #000; margin:0; font:bold 11px/14px Arial, Verdana, Helvetica, sans-serif; background:#333 url(../imagenes/bk-titcol2.jpg) no-repeat 0 0; padding:7px 4px 5px 10px; color:#FFFFFF; text-transform:uppercase; letter-spacing:2px; }
 #col2 ul { margin:0 0 10px 0; padding:0; background-color:#e9e9d9; border:1px solid #cccbb5; font:normal 11px/14px Arial, Verdana, Helvetica, sans-serif;}
 #col2 ul li a, #col2 ul li a:hover {background:url(../imagenes/bullet.gif) no-repeat 5px 8px; color:#333; text-decoration:none; border-top:1px solid #d8d7c3; display:block; width:168px; padding:7px 7px 7px 23px;;}
 #col2 ul li a:hover{text-decoration:underline;}
 #col2, #col2 p { font:normal 11px/15px Arial, Verdana, Helvetica, sans-serif; margin:0; }
 #col2 .col2home p { padding:10px; font:normal 11px Arial, Verdana, Helvetica, sans-serif; margin:0; }
 /* #col2 .selected  { background-color:#d8d7c3; } */
 
 ul#sublist {margin:0; border:none; background-color:#d8d7c3; }
 ul#sublist li { background:none;}
 
 /* FOOTER -------------------------------*/
 #footer { background:url(../imagenes/bk-footer-azul.gif) no-repeat; width:930px; margin:10px auto ; height:40px; padding:0 10px  0 10px ; color:#CCCCCC; font:normal 10px/40px Arial, Helvetica, sans-serif;}
 #footer a{ color:#FFFFFF;}

 
 /* MENU ------------------------------------------------------*/
 ul, li { list-style-type: none; margin:0; padding:0; }
 ul#menu {width:100%; clear:both; line-height:30px; margin: 0; display: block; 0; list-style: none; background: #000 url(../imagenes/bk-menu.png) repeat-x; height: 30px;}
 ul#menu li {	display:inline;	float: left;}
 ul#menu li a { display:block; padding:0 8px; border-right: 1px solid #000; color: #ccc; text-decoration: none;}
 ul#menu li a:hover  { color: #fff; background-color:#333; }
 ul#menu li .selected{ color: #fff; background-color:#333; font-weight:bold}
 .error{color:#FF0000}
 .pic { float: left; padding: 3px; background-color: #F2F2F2; margin: 4px 7px 5px 0px;}
 .picr {	float: right; padding: 3px;	background-color: #F2F2F2; margin: 4px 0px 5px 7px;}
 .picr2 { float: right; margin: 4px 0px 5px 10px;}

 
 /*-----------------------------PRODUCTOS---------------*/

 #productos-categorias ul{ margin:10px }
 #productos-categorias li{ margin:5px }
 #productos .producto{margin:0 0 30px 0;}
 #productos .producto .imagen{float:left; width:200px}
 #productos  .texto{float:left; width:500px; }
 #productos .precio{ color:#0066CC}
 .producto {float:left; width:140px; margin:0 10px 10px 0; text-align:center; border:1px #fff solid; padding:10px; height:150px; font:11px Arial, Helvetica, sans-serif}
 .producto p{font:11px/12px Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0}

 /* FORMS */
 input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif;padding:2px; }

 .cotizador h2{margin:5px 0 0 0; font:18px  Arial, Helvetica, sans-serif; margin:10px 0 5px 0  }
 .cotizador .boton{border-right:#62605d 1px solid;border-bottom:#62605d 1px solid; background:#d4d0c8;border-top:#e0dcd5 1px solid; border-left:#e0dcd5 1px solid; }
 .cotizador .radio{border:0}
 .cotizador label.error {margin-left: 10px;width: auto;display: inline;}

 
 /* COTIZADOR */

 .formulario{margin:0 0 15px}
 .formulario h2{font:18px "Trebuchet MS", Arial, sans-serif, serif; padding:0; margin:0 0 10px 0; color:#009900}
 .formulario label{width:100px; display:block; float:left; height:30px}
 .formulario input{float:left;}
 .formulario textarea{float:left; margin-bottom:5px}
 .formulario br{clear:both}
 .formulario2{margin:0 0 15px}
 .formulario2 label{width:130px; display:block; float:left; height:32px}
 .formulario2 input{float:left;}
 .formulario2 br{clear:both}
 .formulario2 select{ width:200px}


 
 #tabla_vendedores{background:#336699; margin:5px 0 10px 0}
 #tabla_vendedores td{background:#fff; padding:10px; text-align:center}
 
  form {margin:0; padding:0;}
 .cotiza { margin-top:10px; }
 .imput{ font:normal 11px Arial, Helvetica, sans-serif; color:#555; }
 .atencion { margin-top:12px;}
 a:link, a:visited {color:#3074ca;}
 a:hover {color:#000; text-decoration:underline}
 .productolink img{border:3px solid #9c9c9c; padding:2px}
 .productolink:hover img{border:3px solid #3074c9;}
 a.solicitar, a.solicitar:visited {background:url(imagenes/solicitar_btn.png) no-repeat; width:300px; height:32px; text-align:center; display:block; text-decoration:none; font:16px Arial, Helvetica, sans-serif;; color:#333333; padding-top:10px}
 a.solicitar:hover {background:url(imagenes/solicitar_btn.png) no-repeat; width:300px; height:32px; text-align:center; display:block; text-decoration:underline; font:16px Arial, Helvetica, sans-serif;; color:#ff000; padding-top:10px}
 .red{color:#990000}