/*
Theme Name: 
Theme URI: http://wwweb.com.ar
Author: WWWEB.COM.AR
Author URI: http://wwweb.com.ar/
Description: Sitio web maquetado en html y programado mediante WORDPRESS.
Version: 1.0
*/

@import url('css/resets.css');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/* El diseño a los PLACEHOLDER (El texto gris que sale en los campos del formulario) */

::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity: 1;}

body {font-family: 'Lato', sans-serif;font-size:16px;line-height:22px;}

/* Para explorer 8 ó menor */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* Tendrán una breve animación al interactuar */
a, input[type=button], #searchsubmit {-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

/* estilos basicos */
ul, p {margin-bottom:15px;}
p {line-height:20px;}
a {color:#88ad43;text-decoration:none;}
a:hover {color:#7fc213;}
b, strong{font-weight:700;}
u {text-decoration:underline;}
h1 {font-size:52px;line-height:56px;font-weight:700;margin:15px 0 20px;}
h2 {font-size:24px;line-height:30px;margin:10px 0;font-weight:700;padding:10px 0;margin:0 0 30px 0;}
h3, h4, h5, h6 {font-size:20px;line-height:28px;margin:10px 0;font-weight:700;color:#7fc213;}
h2 a, h3 a, h4 a, h5 a, h6 a {color:#7fc213;}
.center {text-align:center;}
.aright {text-align:right;}
.aleft {text-align:left;}

/* WordPress Core */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

ol li {list-style-type: decimal !important;}

/* generales del sitio */
.clear {max-width:1020px;padding:0 2%;width:96%;position:relative;display:block;overflow:hidden;clear:both;margin:auto;}
section {padding:60px 0;position:relative;}

.columnas .columna {width:46%;margin:0 1%;display:inline-block;vertical-align:top;text-align:left;}
.doscolumnas .columna img {width:100%;height:auto;}
.trescolumnas .columna {width:30%;margin:0 1%;text-align:center;}
.trescolumnas .columna img {width:100%;height:auto;}
.cuatrocolumnas .columna {width:22%;margin:0 1%;text-align:center;}
.cuatrocolumnas .columna img {width:100%;height:auto;}
.cincocolumnas .columna {width:17%;margin:0 1%;text-align:center;}
.cincocolumnas .columna img {width:100%;height:auto;overflow:hidden;
-webkit-border-radius:160px;-moz-border-radius:160px;border-radius:160px;}

.btn {display:inline-block;padding:10px 40px;font-weight:700;text-decoration:none;margin:20px 0;cursor:pointer;background:#7fc213;color:#FFF;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btn:hover {background:#88ad43;color:#FFF;}
.btn2 {color:#88ad43;background:none;border:2px solid #88ad43;}
.btn2 a {color:#88ad43;}
.btn3 {color:#FFF;background:none;border:2px solid #FFF;}
.btn3 a {color:#FFF !important;}

/* header */
.sticky-wrapper {z-index:990;}
header {padding:10px 0;z-index:999;text-align:center;background:url(images/bg-header.jpg) repeat-y top center #88ad43 fixed;}
.home header {background:none;position:absolute;top:0;left:0;width:100%;padding:20px 0;}
header .clear {padding:0;}
header .clear * {margin:0;padding:0;color:#FFF;vertical-align:middle;display:inline-block;}
.preheader span {display:inline-block;vertical-align:middle;margin:0 5px;}
header .clear ul {display:inline-block;border-bottom:1px solid #FFF;}
header .clear li {display:inline-block;}
header .clear li a {display:inline-block;padding:5px 10px;margin:0 0 5px 0;font-size:18px;text-shadow:0 0 5px #2f4308;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
header .clear li a:hover {background:#065a0a;}
header .clear li.current-menu-item a {background:#065a0a;}
header .social {display:inline-block;}
header .social li {display:inline-block;}
header .clear .logo {margin-top:-15px;}

.logged-in .is-sticky header {padding-top:42px;}
.is-sticky .logo {display:none;}
.is-sticky .preheader  {display:none;}
.is-sticky .logo img {max-width:150px;}
.is-sticky header {padding:10px 0 5px;width:100%;position:relative;z-index:99;background:#88ad43;}
.is-sticky header ul {border:0;}
.is-sticky header .clear .menu-menu_principal-container, .is-sticky header .clear .logo {vertical-align:middle;}
.sticky-wrapper {height:auto !important;}

header .logoresp {display:none;}

/* Slider */
/*.minheigt {min-height:700px;}*/
.slider {padding:0;/*position:absolute;top:0;left:0;width:100%;*/z-index:9;}
.slider .btn3 {color:#FFF !important;}
.slider img {width:100%;height:auto;}

.galery li {display:inline-block;vertical-align:middle;margin:1px;width:19%;}
.galery li img {width:100%;height:auto;}

.services {background:green;color:#FFF;background:url(images/bg-service.jpg) repeat-y center center #88ad43 fixed;}
.services h3, .services h3 a {color:#FFF;}
.services img {max-width:86px;height:auto;}

.tax-categoria-de-servicio {background:#e1e1e1;}
.tax-categoria-de-servicio .columnas .columna h3 a {color:#88ad43;}
.tax-categoria-de-servicio section.columnas .columna img {width:auto;background:#88ad43;padding:4% 2%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

.clients {background:#efefef;}

/*.page-id-9 .posteo .content {width:100%;}*/

/* page */
.page .posteo .content {display:inline-block;vertical-align:top;/*width:68%;margin:0 2% 0 0;*/width:100%;}
.posteo .content .size-post_thumbs {width:100%;height:auto;display:block;margin:0 0 20px 0;}
.posteo aside {display:inline-block;vertical-align:top;width:24%;padding:2%;background:#e6e6e6;}
.posteo aside a {color:#000;}
.posteo aside ul li {padding:10px 0 10px 10px;border-bottom:1px dotted #cdcdcd;}

/* post */
.posteo .content {display:inline-block;vertical-align:top;width:68%;margin:0 2% 0 0;min-height:600px;}

.content .size-large, .content .size-full {width:100%;height:auto;}


/* archive */
.archive section {min-height:450px;}

/* paginador */
.paginador {text-align:center;margin:0 0 20px 0;}
.paginador * {color:#FFF;background:#f7b516;display:inline-block;margin:15px 0;padding:10px 17px;font-size:14px;
-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.paginador a {text-decoration:none;background:#7fc213;color:#000;}
.paginador a:hover {background:#f7b516;}

input, textarea {padding:5px;border:1px solid #8e8e8e;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
#searchsubmit, .wpcf7-submit {background:#7fc213;color:#000;font-weight:700;border:1px solid #f7b516;cursor:pointer;}
#searchsubmit:hover, .wpcf7-submit#hover {background:#f7b516;cursor:pointer;}

/* contact 7 */
.wpcf7 {color:#000;padding:2%;width:96%;}
.wpcf7 sup {color:red;}
.wpcf7 input, .wpcf7 textarea {width:96%;padding:2%;color:#000;font-family: 'Lato', sans-serif;font-size:16px;line-height:22px;}
.wpcf7 textarea {max-width:94%;min-width:94%;width:94%;max-height:240px;}
.wpcf7 input.wpcf7-submit{max-width:180px;background:#f7b516;}

/* Footer */
footer {background:url(images/bg-footer.jpg) no-repeat top center #3a3a3a;padding:60px 0 20px;}
footer * {color:#e7e7e7;}
footer.doscolumnas .columna img {width:auto;}
footer .menu-menu_principal-container * {display:inline-block;padding:3px;}
footer .wwweb {font-size:12px;display:block;}
footer .wwweb img {width:55px;}
footer .social {margin:20px 0;}
footer .list {padding:5%;background:rgba(0,0,0,0.5);display:inline-block;}
footer .social li {display:inline-block;}
.firma {text-align:center;padding:5px 0;background:#3a3939;color:#FFF;font-size:12px;}
.firma * {color:#FFF;}
.firma img {max-width:60px;}
.firma .wwweb {padding:0 10px;}



/* responsive */
@media screen and (max-width:800px){ 

body {text-align:center;}

.alignnone, .aligncenter, div.aligncenter, .alignright, .aligncenter, .alignleft {display:block;margin:10px 0;float:none;width:96%;height:auto;}

.home header {background-color:#88ad43;}
header .logo {display:none;}
header .preheader  {text-align:center;}
header .logoresp {display:block;}

.doscolumnas .columna, .trescolumnas .columna, .cuatrocolumnas .columna, .cincocolumnas .columna {width:92%;padding:4%;margin:0;text-align:center;}
.sticky-wrapper .header {z-index:990;position:relative !important;top:auto;left:auto;}
.header .clear .logo, .header .clear .menu-menu_principal-container {width:100%;padding:0;margin:0;text-align:center;}
.header .clear .menu-menu_principal-container li {display:block;margin:0;padding:2%;width:96%;border-bottom:1px solid #454545;}
.header .social {margin:5px 0;text-align:center;width:100%;}

.posteo {text-align:center;}
.posteo .content, .posteo aside {width:96%;padding:2%;}

.gallery-item {width:95% !important;}
.gallery-item img {width:100%;height:auto;}

}