html, body { text-align: center; margin:0; background: none !important; font-family: 'Josefin Sans', sans-serif; height:100%;}
#wrapper {width:100%;  margin:0 auto; height:100%; overflow: visible}
#main {width:100%; margin:0 auto; overflow: visible}
#header { background:#333; display:block; margin:0 aotuo; overflow:auto; width:100%; top:0}
#content { background:#FFF; display:block; width:80%; max-width:980px; margin:0 auto}
#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; position:absolute;}
#delimiter { clear: both; }
#footer { display:block; width:100%; text-align:center; color:#fff; font-size:9pt; font-family: 'Josefin Sans', sans-serif; padding:15px 0 15px; margin:0 auto }
#logo { background:url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/logo_vertdesign.png); background-size: contain; width:130px; height:130px; margin:15px auto;}
#inferior{
color: #FFF;
background: #000;
position:absolute; /*El div será ubicado con relación a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
height:50px; /*alto del div*/
z-index:0;
 }
a {color:#a3bf34}
a:hover {color:#b7d63b}

#menu_wrapper {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   background:#333 url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/header_shadow.png) no-repeat top center; bottom:0px;
}
menu-menu_principal {width:100%;}
#menu_wrapper ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu_wrapper ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#menu_wrapper ul li a {
   display:block;
   margin:7px 0 0 1px;
   padding:10px 10px;
   color: #999;
   text-decoration:none;
   line-height:1.3em;
}
#menu_wrapper ul li a:hover {
   background:url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/menu_arrow.png) no-repeat bottom center;
   color: #a3bf34;
}
#menu_wrapper ul li a.active,
#menu_wrapper ul li a.active:hover,
#menu_wrapper ul li.current-menu-item a, #menu_wrapper ul li.current-menu-parent a {
   color:#a3bf34;
   background:url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/menu_arrow.png) no-repeat bottom center;
   font-weight:bold;
}
#menu_select { display:none; }
.-filters { padding:2px}
.-filter {font-size:10pt}

#backtittle { width:80%; background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/back.png) no-repeat center center #a3bf34; margin:0 auto; max-width:980px; background-size:100% auto; min-height:70px; position: relative;}
#title, .page-title { width:100%; background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/title_shadow.png) no-repeat bottom center; color:#FFF; font-size:18pt; font-weight:bold; bottom:0; padding-bottom:15px; margin:0 auto; position:absolute; text-shadow: 2px 2px 8px #000;}
.entrytext {padding:10px 60px 50px 60px; text-align:justify; font-size:14pt; line-height:150%}
.pt-cv-content-item {margin-left:10px; margin-right:-10px}
.pt-cv-content-item img {width:100%; height:auto; margin:0 -10px 0 -10px; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; background:#a3bf34;}
.wp-post-image {box-shadow: 0 10px 6px -6px grey;}
.pt-cv-thumbnail:hover {-webkit-filter: contrast(160%); filter: contrast(160%)}
.entrytext img { width:100%; height:auto; border: solid #fff 10px; margin:0 -10px 0 -10px; -moz-box-shadow: 1px 1px 10px #ccc; -webkit-box-shadow: 1px 1px 10px #ccc; box-shadow: 1px 1px 10px #ccc;}
.pt-cv-page img {border:none;}
.pt-cv-title { width:100%; display:block; padding:0 10px 10px 10px; margin:-20px 0 0 -10px; border-bottom:#a3bf34 dotted 2px}

blockquote { position: relative; margin: 0px 50px 0px 50px;
	padding-left:10px; font-weight: 400; font-style:italic; font-size: 16pt; color: #a3bf34;
	border-left:solid #a3bf34 4px; }

.line { width:100%; height:15px; background:#a3bf34}

.line_content { width:80%; max-width:980px; margin:0 auto; height:5px; background:#a3bf34}
/* Contact 7 Forms
--------------------------------------------- */

/* Contact Form 7 Styles */

/* Add Drop Shadow, Rounded Corners, and Background to Contact Form 7 */
.wpcf7 input, textarea {
border: 1px solid #ccc;
font-size: 14px; margin: 0 10px 10px 0;
padding: 8px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd
}

/* Adjusting Widths for Input and Text Area fields to Contact Form 7 */

.wpcf7 input {
width: 50%;
}

.wpcf7 textarea {
width: 50%;
}

/* Adding Icons to Text Fields for Contact Form 7 */

.wpcf7 .your-name input[type="text"], .name {
background: #fff url(images/user_icon.png) /* name.png */ no-repeat 10px center;
padding-left: 35px
}

.wpcf7 .your-email input[type="text"], .wpcf7 .your-email input[type="email"] {
background: #fff url(images/mail_2_icon.png) /* email.png */ no-repeat 10px center;
padding-left: 35px
}

.wpcf7 .your-subject input[type="text"], .subject {
background: #fff url(images/notepad_icon.png) no-repeat 10px center;
padding-left: 35px
}

/* Customizing the Submit Button for Contact Form 7 */

.wpcf7 input[type="submit"] {
background: #666 url(images/green.png) repeat-x top;
color: #fff;
cursor: pointer;
font-size: 12pt;
padding: 10px 10px;
width: auto
}
.wpcf7 input[type="submit"]:hover {
background:#a3bf34;
color: #fff;
}

/* Optional For Genesis Users that use a Global margin-bottom variable for the

tag */
.wpcf7 p {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: .45rem;
}
img.ajax-loader { display:block; width: 16px; height:16px;}

.wc-gallery img { border:none; width:100%; height:auto}

.entrytext h2 { color:#a3bf34}

#shopcontent { display:block; width:90%; text-align:justify; font-size:14pt; margin:0 auto; }
.breadcrumb { width:100%; text-align:left; font-size:10pt; margin-top:30px; line-height:100%}
.theline {width:100%; height:2px; display:block; background:#a3bf34; margin:0; line-height:100%; margin-bottom:30px}

.products h3 { color:#a3bf34; background: #EBEBEB; padding:2px; text-align:center; margin-top:-30px}

.products .price {margin-top:10px}

.entry-content { line-height:200%}
.entry-content h2, .entry-content h3 {color:#a3bf34}
.comment-form input { height:30px}
.stars a {color:#a3bf34}
#commentform  submit {padding:5px}

.entrytext .woocommerce img {border: none}
.itembox img { border:none; position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}

#location {
list-style-image: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/icon-location.png);}
#phone {
list-style-image: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/icon-phone.png);}
#cel {
list-style-image: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/icon-mobile.png);}
#mail {
list-style-image: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/icon-mail.png);}
#cierre { background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/cierre.png) no-repeat top center; background-size:100% auto; display:block; width:80%; max-width:980px; height:202px; margin:0 auto}
#cierre_home { background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/cierre_home.png) no-repeat top center; background-size:100% auto; display:block; width:80%; max-width:980px; height:102px; margin:0 auto}
.shortcut_servicio {background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/servicios.jpg) no-repeat top center #fff; background-size:100% auto; display:block; width:50%; height:235px; float:left}
.shortcut_servicio:hover {-webkit-filter: saturate(220%); filter: saturate(220%); cursor:pointer}
.shortcut_obras {background: url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/obras.jpg) no-repeat top center #fff; background-size:100% auto; display:block; width:50%; height:235px; float:right}
.shortcut_obras:hover {-webkit-filter: saturate(220%); filter: saturate(220%); cursor:pointer}
.shortcut { background:#FFF; width:80%; max-width:980px; display:block; overflow:hidden; padding:0 10px 50px 10px; margin:-60px auto 0 auto}
.frase {text-align:center; color:#a3bf34; font-size:18pt; font-family: 'Josefin Sans', sans-serif}
.home_shadow{width:100%; padding-top:40px; opacity:0.3}

#margen {width:100%; max-width:980px; margin:0 auto}
#facebook,#instagram{
	width: 25px;
	display:block;
	margin:10px 10px;
	text-align:center;
	float:right;
	font-family: 'Oswald', sans-serif;
	font-size:9pt;
	font-weight:Bold 700;
	font-style:normal;
	color:#333;
	top:0;
}
a.social_facebook {
	background: url(http://www.vertdesign.com.pe/wp-content/themes/vertdesign/images/social_facebook.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
a.social_facebook:hover,a.social_instagram:hover { background-position: 0 -25px; }
a.social_facebook:active,a.social_instagram:active { background-position: 0 -50px; }

a.social_instagram {
	background: url(http://www.vertdesign.com.pe/wp-content/themes/vertdesign/images/social_instagram.png) no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}



@media (max-width: 1024px) {
	#logo { background:url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/logo_vertdesign.png); background-size: contain; width:90px; height:90px; margin:15px auto;}
	#content { background:#FFF; display:block; width:60%; max-width:980px; margin:0 auto}
	#backtittle { width:60%; }
	.line_content { width:60%}
}
@media (max-width: 700px) {
	#menu_select {display:block; width:100%; margin:0 auto;}
	#menu_select select {font-family:'Josefin Sans', sans-serif; font-size:12pt; text-align:center; color:#CCC; display:table-cell; width:100%; margin:0 auto; padding:3px 10px 3px 10px; height:30px; background:#a3bf34; border: none}
	#menu_select select option{ padding:10px}
	.option:hover {background: rgba(100,100,100,0.3);}
	#menu_wrapper {display:none}
	.shortcut_servicio { width:80%; margin:0 auto; float:none}
	.shortcut_obras { width:80%; margin:0 auto; float:none}
	#logo { background:url(http://vertdesign.com.pe/wp-content/themes/vertdesign/images/logo_vertdesign.png); background-size: contain; width:90px; height:90px; margin:15px auto;}
	#content { background:#FFF; display:block; width:80%; max-width:980px; margin:0 auto}
	#backtittle { width:80%; }
	.line_content { width:80%;}

}

@media (max-width: 450px) {
	#logo { width:80px; height:80px;}
	#title, .page-title { font-size:21px}
	#content { width:100%;}
	#backtittle { width:100%;}
	.entrytext {padding:20px; }
	.wpcf7 textarea {width: 90%; margin:0 auto}
	#cierre { width:100%; height:102px; margin:0 auto}
	#cierre_home { width:100%; height:72px; margin:0 auto}
	.shortcut_servicio { width:100%}
	.shortcut_obras { width:100%}
	.line_content { width:100%;}
	.home_shadow{padding-top:60px}
}
