/*
Theme Name: www.estudiogc.com.ar
Theme URI: http://wordpress.org/
Description: www.estudiogc.com.ar.
Author: www.estudiogc.com.ar
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
html, body, font-sizediv, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; border: 0; }
body, html { width: 100%; height: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; background-image: url(images/trama_fondo.jpg) }
a:active { outline: none; }
:focus { -moz-outline-style: none; }
h1 { color: #403B00; font-size: 1.5em; font-weight: bold }
h2 { color: #403B00; font-size: 1.3em; font-weight: bold }
h3 { color: #403B00; font-size: 1.3em; font-weight: bold; margin-bottom: 50px }
#wrapper_helpper { position: relative; width: 100%; height: 100%; background-image: url(images/banda.png); background-repeat: no-repeat; background-position: center; background-position: top }
.clearall { float: left; clear: both; width: 100% }
#header { float: left; position: relative; width: 100%; height: auto; top: 0; left: 0; margin: 15px 0; text-align: center; color: #FFF; background-color: #001A07; z-index: 100 }
#header ul { width: 902px; left: 10px; list-style: none; margin: 0 auto; padding: 10px 5px; text-align: left; }
#header ul li { display: inline; margin-right: 20px }
#header li a { color: #FFF; text-decoration: none; font-size: 13px }
#header li a:hover { color: #FFEC00; }
#logo { float: right; position: absolute; top: -5px; left: 50%; margin-left: 155px }
#wrapper { float: left; position: absolute; width: 902px; height: auto; left: 50%; top: 157px; margin-left: -451px; z-index: 10; background-image: url(images/col12_fondo.png); }

.home #wrapper { background-image: none; background-color: #FFF }
.home #home_content { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.home #home_content { margin-top: -3px }
.home #home_content .padding { padding:25px }
.home #home_content .home_01 h1 { font-size: 18px; margin-bottom: 16px; color: #4D4000; text-transform: uppercase }
.home #home_content .home_01 p { margin-bottom: 16px }
.home #home_content .home_01 span.title { font-family: 'Roboto Condensed', sans-serif; background-color: #4D4000; color: #FFF; padding: 5px 15px; display: block; font-size: 21px; text-transform: uppercase }
.home #home_content .home_01 strong { font-weight:bold }
.home #home_content .home_02 { font-family: 'Roboto Condensed', sans-serif; background-image:url("images/atencion_cliente_2.jpg"); width:451px; height:350px }
.home #home_content .home_02 span.title { margin-top:38px; background-color: #4D0000; color: #FFF; padding: 5px 15px; display: block; font-size: 21px; text-transform: uppercase }
.home #home_content .home_02 p { color:#FFF; font-size:21px; padding:10px 55px 0 15px }
.home_01, .home_02, .home_03, .home_04 { width: 50%; float:left }
.home #home_content .home_03 { margin-top:6px }
.home #home_content .home_04 { margin-top:5px }
.home #home_content .home_04 .texto-tarken { text-align:center; color:#000!important; font-family:Verdana, Geneva, sans-serif; margin-bottom:15px }
.home #home_content .home_04 span.title { font-family: 'Roboto Condensed', sans-serif; background-color: #003F4D; color: #FFF; padding: 5px 15px; display: block; font-size: 21px; text-transform: uppercase }
.home #home_content .home_04 p { color:#003F4D }
.home #home_content .home_04 .padding { padding-top:10px }
.home #home_content .home_01 .padding { padding: 15px 25px 0; }
.home #home_content .home_04 #map { margin-top:20px }

#col1 { float: left; position: relative; left: 0; top: 0; width: 228px; height: auto; text-align: right; padding-bottom: 60px }
#col2 { float: left; position: relative; left: 0; top: 0; width: 654px; min-height:620px; padding: 15px 0 60px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.page #col2 { width: 639px; margin-left: 15px }
#info { float: left; text-align: left; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; background-image: url("images/bg_info.png"); background-repeat: repeat-x; position: absolute; width: 902px; height: 103px; left: 50%; top: 40px; margin-left: -451px; }
#info a { color: #FFF; text-decoration: none }
#info div { display: inline-block }
#info #info_01, #info #info_02 { padding: 30px 30px 0 25px; }
/**#info #info_02 { margin-right: 270px }*//
ul#topnav { text-transform:uppercase; float: left; position: relative; top: 0; left: 50%; margin: 0 0 0 -451px; padding: 0; width: 890px; list-style: none; }
ul#topnav li { float: left; margin: 0; padding: 0; position: relative; }
ul#topnav li a { float: left; padding: 11px 16px }
ul#topnav li:hover a, ul#topnav li a:hover { }
ul#topnav li .sub { position: absolute; /*--Important--*/ top: 142px; left: -78px; width: 882px!important; z-index: 99990; background: #001A07; padding: 10px 10px 10px; float: left; border-top-style:solid display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/ clear: both; float: left; width: 100%; margin-bottom: 5px; }
ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 200px; float: left; padding-left: 80px }
ul#topnav .sub ul li { width: 100%; color: #fff; }
ul#topnav .sub ul li a:before { content: ""; height: 30px; width: 30px; position: absolute; left: -20px ; background-size:30px 30px }
ul#topnav .sub { display: none; }
.antipanico a, .cadenas a, .cano-oval a, .correderas a, .correderas a, .escuadras a, .manijas a, .llamadores-miriad-opt a, .pistones a, .retenes-topes a, .ruedas a, .tornillos a, .cierrapuertas a { padding-top: 23px!important; height: 25px!important }

.accionadores-de-banderolas a:before { background-image: url("images/accionadores-de-banderolas.jpg") }
.antipanico a:before { background-image: url("images/antipanico.jpg"); top:5px; }
.bisagras-fichas-pomelas a:before { background-image: url("images/bisagras-fichas-pomelas.jpg") }
.cadenas a:before { top:5px; background-image: url("images/cadenas.jpg") }
.canados-portacandados a:before { background-image: url("images/candados-portacandados.jpg") }
.cano-oval a:before { top:5px; background-image: url("images/cano-oval.jpg") }
.cerraduras-y-cerrojos-prieve a:before { background-image: url("images/cerraduras-y-cerrojos-prive.jpg") }
.cierrapuertas a:before { top:5px; background-image: url("images/cierrapuertas.jpg") }
.correderas a:before { top:5px; background-image: url("images/corredoras.jpg") }
.elementos-sueltos-fabrica a:before { background-image: url("images/elementos-sueltos-fabrica.jpg") }
.enrolladores-y-accesorios a:before { background-image: url("images/enrolladores-y-accesorios.jpg") }
.escuadras a:before { top:5px; background-image: url("images/escuadras.jpg") }
.fallebas-y-hierros-pfalleba a:before { background-image: url("images/fallebas-y-hierros-pfalleba.jpg") }
.linea-bronceria-hro-negro a:before { background-image: url("images/linea-bronceria-hro-negro.jpg") }
.llamadores-miriad-opt a:before { top:5px; background-image: url("images/llamadores-mirad-opt.jpg") }
.manijas a:before { top:5px; background-image: url("images/manijas.jpg") }
.pasadores-cad-de-seguridad-aldabas a:before { background-image: url("images/pasadores-cad-de-seguridad-aldabas.jpg") }
.pistones a:before { top:5px; background-image: url("images/pistones.jpg") }
.pitones-ganchos-cviento a:before { background-image: url("images/pitones-ganchos-cviento.jpg") }
.retenes-topes a:before { top:5px; background-image: url("images/retenes-topes.jpg") }
.ruedas a:before { top:5px; background-image: url("images/ruedas.jpg") }
.tejido-mosquitero-y-hexagonal a:before { background-image: url("images/tejido-mosquitero-y-hexagonal.jpg") }
.tornillos a:before { top:5px; background-image: url("images/tornillos.jpg") }

ul#topnav .sub ul li a { float: none; text-indent: 0; height: 42px; padding: 5px 25px; display: block; text-decoration: none; color: #fff; font-size: 11px; text-transform: uppercase; }
ul#topnav .sub ul li a:hover { color: #FFDD00; }
ul#topnav .current_page_item a { color: #FFDD00; }
.bloque_producto { float: left; position: relative; top: 0; left: 0; margin-top: 20px; margin-bottom: 80px }
.detalle_productos { float: left; position: relative; top: 0; left: 0; width: 100%; }
.detalle_productos a { color: #004915 }
table { border-collapse: collapse; font-size: 0.9em }
table, th, td { border-style: solid; border-width: 1px; border-color: #CCCCCC }
th, td { padding: 0 2px; text-align: left }
th { color: #FFF; background-color: #808080; font-weight: bold }
.imagen_thumb { float: left; position: relative; top: 0; left: 0; text-align: center; width: 254px; }
.descripcion_producto { float: right; position: relative; top: 0; right: 0; text-align: left; width: 400px; }
.descripcion_producto h1 { margin-bottom: 10px }
.descripcion_producto h1 { font-size: 1.1em; font-weight: bold; color: #001A07; text-transform: uppercase; text-decoration: none }
.descripcion_producto p { color: #3D3D3F }
.der { text-align: center }
#triggers img { margin: 0 5px; background-color: #fff; }
.simple_overlay { display: none; z-index: 99999; width: 500px; min-height: 200px; margin-top: 50px; border: 2px solid #666; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; background-color: #FFF; }
/* close button positioned on upper right corner */
.simple_overlay .close { background-image: url(images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; }
#col1 ul { list-style: none; margin: 20px 0 0 15px; text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px }
#col1 ul a { color: #000; text-decoration: none; }
#col1 ul a:hover { text-decoration: underline; }
#col1 ul .current-cat a { color: #FFEC00; }
#col1 #direccion { float: right; position: relative; top: 0px; right: 15px; color: #FFF; font-family: "Courier New", Courier, monospace; font-size: 0.9em; margin-top: 200px }
#col1 #direccion a { color: #FFF; text-decoration: none }
#col1 #direccion a:hover { text-decoration: underline }
#col2 #ruta { color: #001A07; float: left; position: relative; top: 0; font-size: 1.1em; font-weight: bold; left: 10px; text-align: right; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
#col2 #ruta a { text-decoration: none; color: #403B00; }
#col2 #ruta a:hover { text-decoration: underline }
#col2 input .put { height: 11px; font-size: 1em }
.nuestra strong { font-weight:bold }
.nuestra img { margin-top:20px }
.nuestra h2, .contacto h2 { margin-bottom: 15px; font-weight: bold; text-transform:uppercase; font-size:18px; color:#4D4000 }
.nuestra p { margin-bottom: 15px }
.nuestra .nuestra-content { width:390px; display:inline-block; margin-left:15px; vertical-align:top }
.nuestra .nuestra-content a { border-radius:15px; background-color:#4D4000; color:#FFF; text-decoration:none; font-size:17px; padding:7px 45px; border:none; outline:none; cursor:pointer }
.contacto a { color:#000; }
#popupform { color: #3E3D40; font-size: 12px; }
#popupform table { position: relative; padding-top:20px; border-collapse: separate; }
table, th, td { border-style: none !important; border-width: 0px; border-color: #FFF; font-size: 1em }
#popupform table td { vertical-align: top }
#popupform .titulo_form { color: #008883; font-size: 19px; font-weight: bold }
#popupform label { display: block; font-weight: bold }
#popupform .chiqui { font-size: 9px }
#popupform input { display: block; }
#popupform .wpcf7-submit { border-radius:5px; background-color:#4D4000; color:#FFF; padding:5px 10px; border:none; outline:none; cursor:pointer }
#popupform .input_cod { width: 100% }
#popupform .input { width: 100% }
#popupform textarea { display: block; width: 110px; width: 100%; color: #3E3D40; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px }
.contacto td { min-width:100px }
input.error, textarea.error { border: 1px solid #f00; }
label.error { color: #f00; }
#loginform { margin-top: 30px }
#loginform label { width: 200px; display: block }
.margen { margin-left: 15px }
.margen a { color: #000 }

.category-productos #wrapper table { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.category-productos #wrapper #col2 a { color:#000; text-decoration:none; display:block }
.category-productos #wrapper a:hover img { opacity:0.8 }
.category-productos #wrapper table td { vertical-align:bottom; height:75px; padding:10px 25px }
.category-productos #wrapper table td div { display:inline-block; }
.category-productos #wrapper table td div.left { width:69px; margin-right:15px }
.category-productos #wrapper table td div.right { width:150px }

#footer { float: left; width: 100%; text-align: center; background-color: #d4dad6; color: #5a5859 }
#footer strong { font-weight: bold }
#footer ul { text-align:center; list-style-type: none; padding: 15px 0; }
#footer ul li { padding:0 25px; display: inline-block; float: none; line-height: 20px; text-decoration: none; font-size: 11px; border-right: 1px solid #5a5859 }
#footer ul li:last-child { border: none }
#footer ul li a { text-decoration:none; color: #5a5859; display:block  }