/*
Theme Name: JR Asesoría
Theme URI: http://jrasesoria.com.mx
Author: David Cortés
Author URI: https://dcdigitalcreations.com
Description: Soluciones en construcción y mantenimiento.
Tags: Construcción y mantenimiento.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adartemx
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@charset "UTF-8";
/* CSS Document */
/**********************************/
/********** RESET STYLES **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0px;
	padding:0px;
	border:0px;
	outline:none;
	outline-style:none;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus{
	outline:none;
	outline-style:none;
}
body{
	line-height:1;
	font: normal 100% Arial, Helvetica, sans-serif;
	height:100%;
}
html, body{
	height:100%;
}
ul{
	list-style:none;
}
ol li a, ul li a{
	text-decoration:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td{
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}
acronym{
	cursor:help;
	border-bottom: 1px dashed #333;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none;
}
.hide{
	display:none;
}
.clear{
	clear:both;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix{
	display:block;
}
img{
border:none;
}

/* ALIGN */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
/*********************************/
/********** SITE STYLES **********/
/*********************************/
body{
    text-align: center;
}
#wrapper{
    margin:0 auto;
    text-align: left;
    width:1024px;
}
header{
    border-bottom: 2px solid #000;
    height:103px;
    margin:0 0 10px 0;
    padding:10px 0;
    position:relative;
}
.site-nav{
    float:right;
}
.site-nav ul{
    margin:60px 0 0 0;
}
.site-nav ul li{
    display:inline-block;
    margin: 0 0 0 100px;
}
.site-nav ul li:first-child{
    margin:0;
}
.site-nav ul li a{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.site-nav ul li a.active,
.site-nav ul li a:hover{
    color:#666;
}
#logo{
    float:left;
}
#content{
    position:relative;
}
.slogan{
    position:absolute;
    bottom:10px;
    right:10px;
}
.bx-prev,
.bx-next{
    height:107px !important;
    position:absolute;
    top:226px !important;
    width:60px !important;
    z-index: 10;
}
.bx-prev{
    background: transparent url(images/prev.png) no-repeat scroll !important;
    left:0 !important;
}
.bx-next{
    background: transparent url(images/next.png) no-repeat scroll !important;
    right:0 !important;
}
/*********************************/
/******** ABOUT US STYLES ********/
.about-us .left-col{
    float:left;
    margin:0 20px 0 0;
    text-align:right;
    width:380px;
}
.about-us .left-col h2{
    font-size:16px;
    font-weight: 700;
    margin:0 0 10px 0;
}
.about-us .left-col p{
    font-size:14px;
    line-height:21px;
}
.about-us .right-col{
    float:right;
}
.services .left-col{
    float:left;
    text-align:right;
    width: 542px;
}
/*********************************/
/******** SERVICES STYLES ********/
.services .left-col h2{
    font-size:16px;
    font-weight: 700;
    margin:0 0 10px 0;
}
.services .left-col p{
    font-size:14px;
}
.services .left-col ul{
    margin:20px 0 0 0;
}
.services .left-col ul li{
    font-size:14px;
    list-style: disc inside;
    margin:0 0 5px 0;
}
.services .right-col{
    float:right;
}
/*********************************/
/******** PROJECTS STYLES ********/
.projects h2{
    font-size: 16px;
    font-weight: 700;
    margin:0 0 15px 0;
}
.projects-type{
    
}
.projects-type li:nth-child(3),
.projects-type li:nth-child(6),
.projects-type li:nth-child(9),
.projects-type li:nth-child(12){
    margin:0;
}
.projects-type li{
    display:inline-block;
    font-size:14px;
    margin:0 116px 30px 0;
}
.projects-type li a{
    color:#000;
    display:block;
    text-decoration: none;
}
.projects-type li a:hover{
    text-decoration: none;
}
/********* SELLO DE FACHADAS STYLES ********/
#sello-de-fachadas{
    position:relative;
    text-align:left;
    width:820px;
}
.imgs-sello-de-fachadas li{
    display:inline-block;
    margin:0 15px 0 0;
    vertical-align: top;
}
#sello-de-fachadas li:last-child{
    margin:0;
}
.info-sello-de-fachadas{
    position:absolute;
    top:180px;
    left:0;
}.info-sello-de-fachadas h2{
    font-size:19px;
    font-weight: 700;
    margin:0 0 10px 0;
}
.info-sello-de-fachadas p{
    font-size:14px;
    margin:0 0 8px 0;
}
.info-sello-de-fachadas ul{
    padding:0 0 0 20px;
}
.info-sello-de-fachadas ul li{
    font-size:14px;
    line-height:18px;
    list-style-type:disc;
    list-style-position: outside;
    margin:0 0 8px 0;
    padding:0 0 0 5px;
}
/********* imgs grid ********/
.imgs-grid{
    text-align: left;
    width:820px;
}
.imgs-grid > li{
    display:inline-block;
    float:left;
    height:160px;
    margin:0 15px 15px 0;
    width:260px;
}
.imgs-grid > li.medium-size-img{
    height:342px;
    margin:0;
    width:535px;
}
.imgs-grid li:nth-child(3),
.imgs-grid li:nth-child(6){
    margin-right:0;
}
.imgs-grid li h2{
    font-size:19px;
    font-weight: 700;
    margin:0 0 10px 0;
}
.imgs-grid li p{
    font-size:14px;
    margin:0 0 8px 0;
}
.imgs-grid li ul{
    padding:0 0 0 20px;
}
.imgs-grid li ul li{
    font-size:14px;
    line-height: 18px;
    list-style-type:disc;
    list-style-position: outside;
    margin:0 0 5px 0;
}
.single-block{
    max-width:260px;
}
.v-center{
    padding:175px 0 0 0;
}
.short-title{
    font-size:13px !important;
}
.imgs-grid li.acuario-michin h2{
	line-height:20px;
	margin:0 0 5px 0;	
}
.imgs-grid li.acuario-michin ul li{
    margin:0;
}
/*********************************/
/********* CLIENTS STYLES ********/
.clients .left-col{
    float:left;
    text-align:right;
    width: 542px;
}
.clients .left-col h2{
    font-size:16px;
    font-weight: 700;
    margin:0 0 10px 0;
}
.clients .left-col p{
    font-size:14px;
}
.clients .left-col ul{
    margin:20px 0 0 0;
}
.clients .left-col ul li{
    display: inline-block;
    float:left;
    font-size:14px;
    margin:0 30px 20px 0;
    min-height: 70px;
}
.clients .left-col ul li:nth-child(1){
    margin-right:80px;
}
.clients .left-col ul li:nth-child(2){
    margin-right:80px;
}
.clients .left-col ul li:nth-child(3){
    margin-right:0px;
}
.clients .left-col ul li:nth-child(4){
    margin-right:60px;
    margin-bottom:0;
}
.clients .left-col ul li:nth-child(5){
    margin-right:60px;
    margin-bottom:0;
}
.clients .left-col ul li:nth-child(6){
    margin-right:0px;
    margin-bottom:0;
}
.clients .left-col ul li:nth-child(7){
    margin-right:100px;
}
.clients .left-col ul li:nth-child(8){
    margin-right:90px;
}
.clients .left-col ul li:nth-child(9){
    margin-right:0px;
}
.clients .left-col ul li:nth-child(10){
    margin-right:65px;
    margin-bottom:0;
    min-height: 47px;
}
.clients .left-col ul li:nth-child(11){
    margin-right:65px;
    margin-bottom:0;
    min-height: 47px;
}
.clients .left-col ul li:nth-child(12){
    margin-right:0px;
    margin-bottom:0;
    min-height: 47px;
}
.clients .right-col{
    float:right;
}
.client-lists{
    font-size:14px;
    padding:20px 0 0 0;
    width:1024px;
}
.left-list{
    float:left;
    list-style:disc inside;
    margin:0 20px 0 0;
    text-align:right;
    width:542px;
}
.left-list li{
    margin:0 0 8px 0;
}
.left-list li:nth-child(9){
    margin:0;
}
.left-list li:nth-child(10){
    list-style: none;
    line-height:21px;
}
.right-list{
    float:left;
    list-style:disc;
    margin:0 0 0 20px;
    text-align:left;
}
.right-list li{
    margin:0 0 8px 0;
}
.right-list li:nth-child(5){
    margin:0;
}
.right-list li:nth-child(6){
    list-style: none;
}
.recommendation{
	border-top: 2px solid #000;
	display:block;
	margin:20px 0 0 0;
	padding:20px 0 30px;
	overflow:hidden;
	width:1024px;	
}
.left-section{
	float:left;
	margin:0 20px 0 0;
	width:542px;
}
.right-section{
	float:left;
	display:block;
	width:460px;
}
.right-section h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
}
.right-section p{
	font-size: 14px;	
}
.right-section a{
	display:block;
	margin:30px 0 0 0;
	overflow:hidden;	
}
.right-section a#single-1{
	float:left;
	margin-right:100px;
}
.right-section a#single-2{
	float:right;
}
.right-section a#single-3{
	float:left;
	margin-left:200px;
}
/*********************************/
/********* CONTACT STYLES ********/
.contact{
    text-align:left !important;
    padding:20px;
    width:340px !important;
}
.contact h3{
    color:#666;
    font-weight: normal;
}
#customForm legend,
#wpcf7-f23-o1 legend{
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
}
#customForm label,
#wpcf7-f23-o1 label,
#customForm input,
#wpcf7-f23-o1 input{
    font-size:14px;
    display:block;
    width:285px;
}
#customForm label,
#wpcf7-f23-o1 label{
    margin:10px 0 4px 0;
}
#customForm input,
#wpcf7-f23-o1 input{
    border:1px solid #e1e1e1;
    border-radius: 4px;
    margin:0;
    padding:4px 8px;
}
#customForm span,
#wpcf7-f23-o1 span{
    color:red;
    font-size:13px;
    font-style: italic;
}
#html_element{
    margin:10px 0;
}
input#send,
#wpcf7-f23-o1 input[type=submit]{
    background:#efefef;
    color:#333;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 10px 0 0;
    padding:8px 16px;
    width:140px;
}
input#send:hover,
input.wpcf7-submit:hover{
    background:#e1e1e1;
}
#error{
    border:1px solid #ff0000;
    border-radius:4px;
    color:#333;
    margin:15px 0;
    padding:10px;
    width:300px;
}
#error ul li{
    font-size:14px;
    font-weight: 700;
    margin:0 0 6px 0;
}
#error.valid{
    border:1px solid #11cf07;
}
#error.valid ul li{
    font-size:14px;
    font-weight: 700;
    margin:0 0 6px 0;
}