/*
Theme Name: Diprox
Theme URI: http://www.diprox.com.ar
Description: Diseño de Diprox.com.ar
Author: Damian Dorfman
Author URI: http://www.diprox.com.ar/
Tags: two columns, valid css, fixed width
Version: 1
*/

/* --- Estilos Generales ---*/
body{ padding: 0; margin: 0;  font-family: Tahoma,'Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 11px; background: url(Images/back.jpg) center bottom #0062a3; background-repeat: repeat-x; color: #333;}
#pagina{ min-width: 950px; margin: 0 auto 0 auto; padding:0;   background: url(Images/fondo.jpg) no-repeat top center; text-align:center; }
#centro{width: 924px;  margin: 0 auto 0 auto;  padding-left: 0px;  }

#featured{ width:600px; margin: 5px auto 5px auto; }
.clear{ clear:both; width:1px; height:1px; }

/* --- Estilos Generales ---*/


/* --- Estilos Encabezado ---*/
#header{ padding: 10px 0 0 0; height: 154px}
#header h1{ margin: 0px 0 0 100px; padding: 0; text-indent: -9999%; overflow: hidden; height: 15px; width: 250px;   }
#header h2{ margin: 0px 0 0 20px; padding: 0; text-indent: -9999%; overflow: hidden; height: 70px; width: 300px;   }
#header h2 a{ display: block; height: 70px; width: 350px; }

ul#menu{ margin:12px 0 0 50px;  font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; padding:0; font-size: 12px;  }
ul#menu li{ float: left; list-style: none; }
ul#menu li a{ display: block; padding: 4px 13px 4px 13px;color: white; text-decoration: none;}
ul#menu li.sep{ background: url(Images/sep.jpg) no-repeat center left; }
ul#menu li a:hover{ color: #9dc2f0; }
/* --- Estilos Encabezado ---*/

/* --- Estilos central ---*/

#fnd{ padding: 0; margin: 0 0 0 1px; width: 924px; background: url(Images/fnd.jpg) repeat-y center; clear: both; text-align:left;}
#contenido{  margin: 0 0 0 3px; width: 918px; }

.baner_int{ padding: 50px 0 0 0px; margin: 0 auto 0 auto; background: url(Images/banner_int.jpg) no-repeat 0px 0px; }
.tit_sec{  margin: 0 0 0 42px; height: 25px; padding:0 0 0 25px; background: url(Images/icon.gif) no-repeat 4px 3px; color: #105989; font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 16px; }
.baner_index{ padding: 106px 0 0 5px; background: url(Images/baner_index.jpg) no-repeat 3px 0px; margin:0;}

/* --- Estilos central ---*/

/* --- Estilos Columna ---*/

#columna{ width:245px; padding: 0px 5px 0 16px;  float: left; margin:0;  }
#columna #sup_menu{ width: 225px; padding: 2px 15px 0 5px; height: 259px; background: url(Images/sup_menu_izq.jpg) no-repeat;}
#columna #sup_menu_int{  width: 225px; margin-top: 29px; padding: 2px 15px 0 5px; height: 269px; background: url(Images/sup_menu_izq.jpg) no-repeat;}

#columna h3{ margin:0; padding: 18px 0px 7px 0; text-align: center; font-size:18px; font-weight: normal; color: #444;}
#columna .izq_cen h3{ padding-top: 0; margin-top:0; }

#columna #sup_menu_int ul,#columna #sup_menu ul{ margin:0 5px 0 5px; padding: 0; }
#columna #sup_menu_int ul li,#columna #sup_menu ul li{list-style: none; margin: 0; border-bottom: 1px dashed #dedbde; padding:0; background: url(Images/vin.gif) no-repeat 13px 2px;  }
#columna #sup_menu_int ul li a,#columna #sup_menu ul li a{ width: 187px; padding-bottom: 0px; margin: 8px 2px 8px 35px; display:block; color: #105989; text-decoration: none; }
#columna #sup_menu_int ul li a:hover,#columna #sup_menu ul li a:hover{ color: green; }

#columna .izq_sup{ background: url(Images/izq_sup.jpg) no-repeat; width: 243px ; padding-top:13px;  }
#columna .izq_cen{ background: url(Images/izq_cen.jpg) repeat-y; width: 243px; padding: 0px 0px 5px 0px;    }
#columna .izq_inf{ background: url(Images/izq_inf.jpg) no-repeat; width: 243px ; height: 14px;  }

#columna .izq_sup p{ margin:0 15px 5px 15px; }

#columna .izq_cen ul{ margin:0 5px 0 5px; padding: 0; }
#columna .izq_cen ul li{list-style: none; margin: 0; padding:0; background: url(Images/vin.gif) no-repeat 13px 7px;  }
#columna .izq_cen ul li a{ width: 187px; padding: 5px 2px 5px 35px; display:block; color: #105989; text-decoration: none; }
#columna .izq_cen ul li a:hover{ color: green; }

/* --- Estilos Columna ---*/

/* --- Estilos contenido General ---*/

#cont{ width:638px; padding: 0; float: left;  font-size:12px; color: #105989}
.btn_presupuesto{ margin: 50px 0 45px 5px; width: 271px; height: 59px; background: url(Images/btn_presupuesto.jpg) no-repeat; display: block; overflow: hidden; text-indent: -9999% }
.btn_presupuesto_index{ margin-top: 20px }
.btn_presupuesto:hover{ background: url(Images/btn_presupuesto_active.jpg) no-repeat; }
.medio{ float: left; margin: 0;padding: 5px 7px 5px 0px; width: 310px; }

#cont a{ color: #105989; text-decoration: none; }
#cont a:hover{ text-decoration: underline;}
/* --- Estilos contenido General ---*/

/* --- Estilos bloques de mitad  ---*/

.titulo_h2{ width: 310px; height: 33px; background-color: transparent; background-image: url(Images/h2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding:0; overflow:hidden; }
.titulo_h2 h2{color: #105989; font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 14px; padding: 8px 10px 0 10px; margin:0; }

.block_2{ width: 310px; background-image: url(Images/block_2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding: 8px 0px 8px 0px; margin: 0 0 4px 0;}

.block_2 img{ margin: 0px 5px 5px 7px }

#cont ul{ list-style: none;  margin:0; padding: 5px 0px 5px 10px;  font-size: 11px; font-weight: bolder; color: #444}
#cont ul li{  margin:2px 0 2px 0; padding: 4px 10px 2px 25px; background: url(Images/icon_list.gif) no-repeat 9px 5px;}

.block_2 ul.carac{ list-style: none; float: left; width: 160px; margin:0; padding: 5px 0px 5px 0px;  font-size: 11px; font-weight: bolder;}
.block_2 ul.carac li{  margin:0; padding: 2px 0px 2px 25px; background: url(Images/icon_list.gif) no-repeat 9px 5px;}


.block_2 .dat{ float: right;  width: 134px; padding:0 0 0 3px; margin: 0 2px 0 0;}

.block_2 .dat p{ margin:0; padding: 0; }

.block_2 p.precio{  width: 104px; height: 64px; color: white; background: url(Images/fnd_precio.jpg) no-repeat; padding: 8px 25px 0px 5px; margin:0; text-align: center;  font-weight: bolder;}

.block_2 p.precio2 { text-align: center; background-color: #eee; width:75%; margin: 5px auto 5px auto; color: rgb(0, 128, 0);}

.block_2 .contratar{ display: block; text-indent: -9999%; overflow:hidden; width: 132px; height: 36px; color: white; background: url(Images/btn_contratar.jpg) no-repeat; padding: 0; margin:0;}

.block_2 p{color: #444; padding: 5px 8px 10px 8px; text-align: justify; margin:0; font-weight: normal;}

.masinfo{ text-align: center; color: #105989; display: block; padding: 5px 0 0 0; margin: 0;}
.masinfo:hover{ color: green; }
/* --- Estilos bloques de mitad  ---*/

/* --- Estilos bloques completos  ---*/
.titulo_h2_un{ clear: both; width: 630px; height: 33px; background-color: transparent; background-image: url(Images/h2_2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top;}
.titulo_h2_un h2{color: #105989; font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 14px; padding: 8px 10px 0 10px; margin:0;}
.block{width: 630px; background-image: url(Images/block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding: 8px 0px 8px 0px; margin: 0px 0 4px 0;}
.derecha{ float: left; width:450px; }
.block ul{ list-style: none;  margin:5px 0 5px 20px; padding: 5px 10px 5px 0px; color: #555; font-size: 12px;}
.block ul li{ padding: 5px 0 5px 18px;  }
.block ul li a{ color: #105989; text-decoration: none; font-size:13px; }
.block ul li a:hover{ text-decoration:underline; color:green;}
.block p{  color: #555; padding: 5px 10px 10px 5px; text-align: center; margin:0; font-weight: bolder;}
.block img{ margin: 5px 5px 5px 7px; float: left;  }
/* --- Estilos bloques completos  ---*/

/* --- Estilos bloques completos de Post  ---*/
.block_post p{ font-size: 12px;   line-height: 150%; color: #444; padding: 6px 10px 8px 5px; text-align: left; margin:0 10px 0 10px; font-weight: normal; }
.block_post img{ margin: 5px 12px 8px 12px }
.block_post{width: 630px; background-image: url(Images/block.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; padding: 8px 0px 8px 0px; margin: 0px 0 4px 0;}
.block_post h4{ margin: 5px 0px 0px 17px; padding:0; font-size: 16px;  }
.block_post h5{ margin: 5px 0px 0px 17px; padding:0; font-size: 14px;  }

.postmetadata{ clear: both; border: 1px dashed #ddd;}
.more-link{ font-size: 15px; font-weight: bolder; }

/* --- Estilos bloques completos de Post  ---*/

/* --- Estilos bloques Medios de Post sin fondo  ---*/
.medio_block{ width: 47%; float:left; margin: 5px 3px 5px 3px; padding:0 4px 0 4px; overflow: hidden;}
.medio_block a img{ border: 1px solid silver; }
.medio_block h5{ margin: 0 0 8px 0; text-align: center; color: green; }
.portfolio div.medio_block p{ font-size: 10px; margin: 0 0 0 10px; padding: 0 0 0 0;}
/* --- Estilos bloques Medios de Post sin fondo---*/


/* --- Estilos formularios --- */
.wpcf7-form{width: 75%; margin: 10px auto 10px auto;}

select{	width:290px;	height:22px;	padding-top:2px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#666666;	font-size:12px;	border:solid 1px #666666 !important;}
input{	width:287px;	height:18px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	padding-top:5px;	border:solid 1px #666666;}
textarea{	width:400px;	height:106px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	border:solid 1px #666666;}
input.in_captcha{ width: 100px; float: left; }
img.wpcf7-captcha-captcha-967 { margin: 0; float: left; }
input.enviar{ width: 51px; border: 0px;  height: 22px; padding: 0; cursor: pointer;}
/* --- Estilos formularios --- */


/* --- Estilos Pie de Pagina --- */
#promos{ clear: both; width: 890px; background: url(Images/arco_inf.jpg) no-repeat; margin-top:10px; padding: 40px 10px 4px 10px; }
#prom_corp{width: 330px;  float:left;  }
#prom_eco{width: 330px;  float:left;  }
#prom_corp img{ float: left; }
#prom_eco img{ float: left; }
#promos ul{  margin: 0 0 0 5px; padding: 0; list-style: none; float:left;}
#promos ul li{ padding: 2px 2px 2px 2px; margin: 4px 0 4px 0;  }
#promos h3{ margin: 0 0 0 7px; float: left; padding: 0; color: #115b90; font-size: 14px;}
#promos ul li strong{ color: green; }
#consultas{ margin: -5px 0 0 0; width: 266px; height: 81px; background: url(Images/solic_presupuesto.jpg) no-repeat; float:left; text-indent:-9999%; display: block; overflow: hidden;}  
#garantia{ margin: -5px 15px 0 8px; width: 572px; height: 81px; background: url(Images/garantia.jpg) no-repeat; float:left; }
#promos p{  padding: 15px 16px 2px 14px; font-size: 13px; color: #444; clear: both; margin: 0; text-align: center;}

#cua_cont{ background: url(Images/contact-icon.jpg) no-repeat left 5px #fff; height:87px; float: left; width: 280px; border: 1px dashed #ccc; padding:5px 5px 5px 100px; margin: 0 7px 0 10px}
#accesos a{ color: #555; text-decoration:none; }
#accesos a:hover{ text-decoration:underline; }

#accesos{ clear: both; width: 914px; background: url(Images/arco_inf_2.jpg) no-repeat #eeeded; margin-top:10px; padding: 40px 0px 4px 0px;  }
#accesos p{ padding: 3px 16px 2px 14px; font-size: 13px; color: #444; text-align: center;}

#accesos #tecno{ background: url(Images/tecno.jpg) no-repeat; width: 152px; height: 87px ; }

#fin{ height: 5px; background: url(Images/fin.jpg) repeat-x; padding:0; margin: 0 0 0 3px; width: 920px;  }

#pie{ clear: both; width:920px; padding: 10px 0px 10px 3px; }
#pie div{ float: left; text-align:left; border:1px solid silver; background: white;}
#pie div#intercambios{ width: 920px;  }
#pie div#clientes_pos{ width: 405px;  margin: 0 0 0 10px; }
#pie div ul{ list-style:none; margin:0; padding:0; }
#pie div p{ margin: 0; padding: 3px 20px 3px 20px; font-size:9px; }
#pie a{ color: #555; text-decoration:none; }
#pie div h4{ padding: 0 0 0 20px; margin: 8px 0 5px 0; }

/* --- Estilos Pie de Pagina --- */

/* --- Comentarios --- */
.comment-data{ width:450px;  float: right; }

.comment-info{ width: 110px; Float: left; }

.block_post p.fecha_com{font-size:9px;  margin:0; padding:0; }

.block_post p.autor_com{ font-size:12px; font-weight: bolder; margin:0; padding:0; }

hr.linea{ color: white; height:1px; width: 99%; margin: 15px 0 15px 0; clear: both; }
/* --- Comentarios --- */

#columna .izq_cen a{color: #105989;text-decoration: none;}

#columna .izq_cen a:hover{color: green;}