/*
Theme Name:     Inarco Theme
Theme URI: 		
Author: 		GreenTI
Author URI: 	http://www.greenti.cl
Description:    Estilos para Inarco
Template:       Divi
Version:        1.0
*/

@import url("../Divi/style.css");
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);

/* Colores Inarco */
/* #fadf00	=>	Amarillo */
/* #001F5B	=>	Azul	 */
/* #d1c7d9	=>	Gris	 */



h2 { color: #001F5B; font-family: 'Oswald', sans-serif !important; text-transform: uppercase; font-weight: 600; }
p { font-family: 'Oswald', sans-serif !important; font-weight: lighter;  }
#footer-info > a { text-align: center; font-family: 'Oswald', sans-serif !important; color:#FFF; }
#main-footer { background-color: #001F5B; }
.contenedor-pagina {width: 90%; margin: 0 auto; }
#top-menu li {font-size: 12px; padding: 33px 20px 10px 20px; text-align: center; vertical-align: top !important;}
#top-menu li.current-menu-item { background-color: #ffce00; }
#top-menu li.current-menu-item > a, .et-fixed-header #top-menu li.current-menu-item > a  { color: #001f5b !important; }
#top-menu li.current-menu-ancestor {color: #001F5B; background-color: #FFCE00;}
#top-menu ul.sub-menu li.no-background { background-color: #fff !important; }
#top-menu > li:last-child {padding-right: 20px !important;}
#top-menu-nav, .titulocontacto {font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; color: #001F5B; font-size: 20; line-height: 40px;}
.titulocontacto {margin-bottom: 40px; text-align: left;}
.et_pb_portfolio .et_pb_module .et_pb_bg_layout_light  .et_pb_portfolio_0h2 {font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; }
#obras h3 {font-family: 'Oswald', sans-serif; font-weight: 300;}
.texto-descargas {text-align: center !important; font-family: 'EB Garamond', serif; font-size: 14pt;}
.widget_text .inarcofooter, .fwidget .title {font-family: 'Oswald', sans-serif !important; color: #ffffff;}
.et_pb_section .et_pb_text {font-family: 'EB Garamond', serif;}
.et_pb_module .et_pb_bg_layout_dark {height: 300px; font-size: 36pt; line-height: 42pt;}
.fullwidth-header {max-height: 390px;}
.header-content h1 {font-family: 'Oswald', sans-serif !important; font-weight: 700; text-transform: uppercase; color: #001F5B; text-align: left; }
.fullwidth-header .header-content { margin-top: 200px; padding: 40px !important; background-color: #ffffff; width: 100%;}
.et_pb_fullwidth_header_subhead, .textocontacto {font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 20pt; line-height: 10px;}
.textocontacto {margin-bottom: 30px;}
.et_pb_contact_main_title {font-family: 'Oswald', sans-serif; font-weight: 700; color: #001F5B;}
h1 {font-family: 'Oswald', sans-serif !important; font-weight: 500 !important; color: #001F5B; text-align: center; text-transform: uppercase; font-size: 20pt;}
/*OBRAS*/
/* article.project .et_main_title {display: none;} */
article.project > img { display: none; }
article.project .nav-single {display:none;}
.et_project_meta {display: none;}
.obra-description-wrapper {display: block; width: 100%;}
.obra-description-wrapper > img  { }
.description-container { width: 70%; margin: 10px 15%; padding: 40px 0; }
.obra-description-wrapper img.main-img { width: 70%; margin: 10px 15%; }
.datos-obra-wrapper { float: left; width: 70%; margin: 10px 15%; border-top: 1px solid #001F5B; border-bottom: 1px solid #001F5B; }
.obra-description-wrapper .project-description { width: 80%; margin: auto; background-color: transparent; padding: 20px 10px; color: #001F5B; height: 200px;}
.obra-description-wrapper .project-description h2 { color: #001F5B; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase;}
.datos-obra-wrapper table { width: 30%; margin: 0px 10%; display: inline-block; border: none; border-collapse: collapse;}
.datos-obra-wrapper table th, .datos-obra-wrapper table td { padding: 5px 30px 5px 0px !important; text-align: right; }
.datos-obra-wrapper table th {white-space: nowrap; max-width: 350px !important; background-color: #fff; font-weight: bold; color: #001F5B;}
.datos-obra-wrapper table td {display: block; white-space: nowrap; border: none;}
.obra-equipo-wrapper, .obra-carrusel-wrapper { margin-top: 20px; }
.obra-equipo-wrapper, .obra-carrusel-wrapper #owl-demo .item img {height: auto !important;}
.obra-equipo-wrapper .team-members { text-align: center; }
.obra-equipo-wrapper .team-member { display: inline-block; max-width: 250px; text-align: center; margin: 0px auto; }
.et_main_title .et_project_categories a { color: #FFF; text-decoration: none; float: left; background: #001F5B; padding: 6px; margin-left: 5px; border-radius: 5px; text-transform: uppercase; font-size: 11px; font-weight: 600; }
.et_main_title .et_project_categories { font-size: 14px; float: right; width: 70%; margin: 0% 15%; }
.et_main_title h1 { display: inline-block; padding-right: 2px; float: left; width: 70%; margin: 20px 15% 5px 15%; text-align: left; }

/* Noticias */

.post-list-wrapper { display: block; margin-top: 70px; }
.post-list-wrapper ul.posts-list { list-style-type: none; }
.post-list-wrapper ul li { margin: 20px 0px; }
.post-list-wrapper ul li .featured-img-container, .post-list-wrapper ul li .excerpt-container {display: inline-block; vertical-align: top;}
.post-list-wrapper ul li .featured-img-container { max-width: 30%; }
.post-list-wrapper ul li .excerpt-container { max-width: 70%; padding-left: 30px;}
.post-list-wrapper ul li p {color: #001f5b; font-family: 'Oswald', sans-serif !important; font-size: 14pt; line-height: 30px;}
.post-list-wrapper ul li h2.post-title { display: block; color: #001f5b; font-family: 'Oswald', sans-serif !important; font-weight: 700; font-size: 20pt; line-height: 30px;}
.post-list-wrapper hr { border: solid 0.5px #001f5b; }
.contact-form-wrapper {margin: 0px !important;}
.newsletter-title h2 {font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #001F5B; font-weight: bold;}
.newsletter-contact { width: 750px; display: block; }
.newsletter-contact input[type="email"], .newsletter-contact input[type="text"] { font-family: 'Oswald', sans-serif !important; width: 230px; line-height: 25px; font-size: 20px;  padding: 10px 8px; color: #001F5B; background-color: #efefef !important; border-radius: 4px; border-width: 0px;}
.newsletter-contact .input-field { width: 250px; display: inline-block;}
.newsletter-contact .submit-button { width: 150px; display: inline-block; text-align: right;}
.newsletter-contact .submit-button input { background-color: #ffffff; border: 2px solid #001F5B; line-height: 25px; font-size: 20px; padding: 8px 12px; color: #001F5B; border-radius: 4px;}

/*Empresa*/
#nuestra-empresa.navegador.fixed {position: fixed; top: 0px; width: 100%; left: 0px; z-index: 999999; background-color: #fff; padding-top: 10px;}
.navegador-wrapper{height: 50px; width: 100%;}
.navegador {text-align:center; float:left; width:100%;}
.bloque-navegador {font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 17px; margin: 0px; border-width: 2px; border-color: #ffffff; 
										display: inline-block; background-color: #001F5B; color: #ffffff; padding: 12px; text-transform: uppercase;}
.bloque-navegador a {color: #fff; padding: 15px 30px;}
.navegador .bloque-navegador.active {background-color: #ffffff; border: 1px solid #001F5B;}
.navegador .bloque-navegador.active a {color: #001F5B;}

#nuestro-grupo-de-empresas, #obras, #nuestrosvalores, #enlaindustria, #politicas-pagos, #modalidades-pago, #portal-bci
 {padding-top: 70px; margin-top: -70px;}

#seguridad, #gremial {padding: 20px;}
.header-empresas {margin-top: 30px; margin-bottom: 30px;}
.imagen-empresa {display: block; margin-left: auto; margin-right: auto}
.parrafo {font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 1.5em; line-height: 30px; margin-bottom: 0;}
.header-empresas h2 { font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 19pt; font-weight: normal; text-transform: none; margin-top: 15px; margin-bottom: 15px; }
.header-empresas ul li { font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 20pt; margin-left: 25px;  }
.detallefoto {font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 12pt;}
.detallecifras {font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 14pt;}
 .tablepress tfoot th, .tablepress thead th {background-color: #FFCE00; font-family: 'EB Garamond', serif; color: #001F5B !important; font-size: 12pt;}
 tr {font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 12pt;}

.proveedores-button {margin-top: 40px; margin-left: 40%;}

.posts-list-home {
  list-style-image: url("http://local.inarco.cl/wp-content/uploads/2016/08/triangulo_amarillo.png"); 
	color: #001f5b; font-family: 'Oswald', sans-serif !important; font-size: 14pt; line-height: 30px;}
.post-title {color: #001f5b; font-family: 'Oswald', sans-serif !important; font-weight: bold; font-size: 18pt; line-height: 30px;}
.portfolio-obras {width: 80%;}

.formulario-contacto input[type="email"], .formulario-contacto input[type="text"], .formulario-contacto input[type="tel"], .formulario-contacto textarea { 
        font-family: 'Oswald', sans-serif !important; width: 840px; line-height: 20px; font-size: 20px;  padding: 10px 8px; margin: 7px 0px; color: #001F5B; background-color: #efefef !important; border-radius: 4px; border-width: 0px;
    }
.formulario-contacto input[type="file"] {
font-family: 'Oswald', sans-serif !important; width: 500px; line-height: 20px; font-size: 20px;  padding: 10px 8px; margin: 7px 0px; color: #001F5B;
}
.formulario-contacto input[type="submit"] {
    color: #001f5b !important;
    border-color: #001f5b; border-radius: 3px; background-color: #ffffff !important;
    letter-spacing: 2px;
    font-size: 20px;
    padding: 10px 25px;
    float: right;
    margin-right: 80px;
    margin-top: 90px;
}

.formulario-contacto p { font-family: 'Oswald', sans-serif !important; font-size: 14pt; line-height: 15px; color: #001f5b; margin-top: 7px; margin-bottom: -7px;}
.formulario-contacto select {
    padding: 0px 10px 0px 10px;
    border: 1px solid #bbb;
    font-size: 20px;
    font-family: 'Oswald', sans-serif !important;
    color: #8c8a8c;
    background-color: #efefef;
    width: 840px;
    height: 35px;
    margin-bottom: 7px;
}
 .formulario-contacto textarea, .contacto input[type="text"], .contacto input[type="email"], .contacto input[type="tel"]{
	font-family: 'Oswald', sans-serif !important;
	line-height: 20px;
    width: 100%;
    padding: 10px 10px 10px 10px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 3px;
    color: #999;
    background-color: #eee;
    font-size: 20px;  }

.contacto p{color: #001f5b; font-family: 'Oswald', sans-serif !important; font-size: 12pt; line-height: 20px;}

#main-content > article > div.entry-content > div.contenedor-pagina > div.et_pb_row { padding: 2% 2.9%; }
.type-project { width: 100%; padding: 0; }
.obra-description-wrapper .description-container { margin: 180px auto auto auto; }
.obra-description-wrapper .project-description { width: 100%; } 
.obra-description-wrapper .project-description p > span { font-family: 'Oswald', sans-serif !important; color: #001F5B; font-size: 19pt; } 
.datos-obra-wrapper table { margin: 0px 1%; }

.obra-carrusel-wrapper { width: 70%; margin: 10px 15%; float: left; padding: 20px 0; }
#imageExample {	width: 100%; margin: 0; }
#imageExample > a { float: left; width: 19%; margin: .5%; }
#imageExample > a > img { float: left; box-shadow: 0 0 1px #CCC; width: 100%; }
#imageExample > a > img:hover { background: #001F5B; opacity: 0.8; }
#wpcf7-f4-p55-o1, #wpcf7-f1080-p53-o1 { float:left; width:100%;}
#wpcf7-f4-p55-o1 form, #wpcf7-f1080-p53-o1 form{ float:left; width:100%;}
#wpcf7-f4-p55-o1 form select, #wpcf7-f4-p55-o1 form input, #wpcf7-f4-p55-o1 form textarea, #wpcf7-f1080-p53-o1 form select, #wpcf7-f1080-p53-o1 form input, #wpcf7-f1080-p53-o1 form textarea{ float:left; width:100%; }
.wpcf7-submit { width:auto !important; }


#left-area > article.et_pb_post { float: left; width: 24%; margin: .5%; padding: 0; box-shadow: 0 0 1px #CCC; min-height: 190px; }
#left-area > article.et_pb_post > a { }
#left-area > article.et_pb_post h2 { margin-top: 0; font-weight: 500; font-size: 16px; text-transform: uppercase; float: left; margin: 0; width: 100%; padding: 10px 5px; min-height: 65px; }
#left-area > article.et_pb_post > a > img { width: 100%; float: left; }
#left-area > article.et_pb_post > a > h2.entry-title { }
.category-noticias div p.post-meta { display: none; visibility: hidden; }
article.category-noticias { width: 100% !important; box-shadow: none !important; }
.category-noticias > div { padding: 2%; }
.category-noticias > div > h1 { margin-top: 20px; }
.category-noticias > div > img { width: 70%; margin: 15px 15%; }

.projects_greenti { float: left; width: 100%; }
.projects_greenti > div { float: left; width: 24%; margin: 0.5%; box-shadow: 0px 0px 1px #CCC; padding: 8px;}
.projects_greenti > div > a { float: left; width: 100%; }
.projects_greenti > div > a > h2 { float: left; width: 100%; font-size: 1.1em; font-weight: normal; min-height: 53px; padding-top: 10px; }
.projects_greenti > div > a > img { float: left; width: 100%; height: 11vw;}

#news-home .post-title { font-weight: normal !important; font-size: 16pt !important; text-transform: none !important; }
.equipo_project { margin-top: 100px; float: left;  width: 100%;}
.equipo_project > div { float: left;  width: 100%;}
.equipo_project > div > div { float: left; margin: 0px; width: 33.33% !important; text-align: center;}
.equipo_project > div > div > img { width: 100%; max-width:200px;}
.equipo_project > div > div > h3 { font-size: 13px; font-weight: 700; color: #666; text-transform: uppercase; }
.obras_destacadas { float:left; width: 100%; margin: 0; padding: 30px 0; }
.obras_destacadas > div { float:left; width: 100%; }
.obras_destacadas > div > div { float:left; width: 24%; margin: 0px 0.5%; }
.obras_destacadas > div > div > a > img { float:left; width: 100%;height: 11vw; }
.obras_destacadas > div > div > a > h4 { float:left; width: 100%; text-transform: uppercase; font-size: 1em; margin-top: 5px; color: #666; font-weight: 600; }
.obras_destacadas > div > div > a:hover { opacity:0.8; }

/* Setting the breakpoint of the mobile menu */
@media (min-width:981px) and (max-width: 1220px) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: block;}
#et_mobile_nav_menu {display: block;margin-top:20px;}
#main-header {height: 80px;}
}
.et_fixed_nav #main-header, .et_fixed_nav #top-header{
position: absolute;
}

@media only screen and (min-width: 981px){

    #et_top_search { margin-top: 33px !important; }

    .et_header_style_left #et-top-navigation { padding-top: 0px !important; }	
    #top-menu li.menu-empresa >	ul.sub-menu { margin-left: -80%; }
    #top-menu li.jumbo-menu > ul.sub-menu { width: 455px; left: -150px; display:none; }
    #top-menu li.jumbo-menu > ul.sub-menu li { display: inline-block; width: 150px; padding: 0px; }
    #top-menu li.jumbo-menu > ul.sub-menu li.submenu-header > a { color: #ffce00 !important; background-color: #fff; padding: 0px; width: 100%; }
    #top-menu li.jumbo-menu > ul.sub-menu li.submenu-header > a:after {display: none;}
    #top-menu li.jumbo-menu > ul.sub-menu li.submenu-header ul.sub-menu { position: relative; box-shadow: none; top: 0; left: 0; display: none; visibility: visible; opacity: 1;  width: 100%; border: none;}
    #top-menu li.jumbo-menu > ul.sub-menu li.submenu-header ul.sub-menu > li a { padding: 5px 0px; width: 100%;}
     #top-menu li.jumbo-menu:hover > ul.sub-menu, #top-menu li.jumbo-menu:hover > ul.sub-menu li.submenu-header ul.sub-menu { display:block; } 
    body.single-project #main-content > .container {padding-top: 0px; max-width: 100%; width: 100%;}
    body.single-project #main-content > .container .project .entry-content > p { display: none; }
}

@media all and (max-width: 981px){
    .datos-obra-wrapper table { width: 60% !important; margin: 0px auto; display: block !important;}
    .datos-obra-wrapper table th { width: 170px !important; max-width: 170px !important;}
    /*Noticias*/
    .post-list-wrapper ul li .featured-img-container, .post-list-wrapper ul li .excerpt-container {display: block;}
    .post-list-wrapper ul li .featured-img-container { max-width: 100%; text-align: center;}
    .post-list-wrapper ul li .featured-img-container img {width: 100%; max-width: 300px; margin-bottom: 20px;}
    .post-list-wrapper ul li .excerpt-container { max-width: 100%;}


	.et_right_sidebar #left-area { padding-right:0%; }

    
}





@media all and (max-width: 980px) { 
#imageExample > a { width: 32.33%  !important; margin: 0.5%; }
.obra-description-wrapper img.main-img { width: 100%; margin: 5px 0px; }
.description-container { width: 100%; margin: 5px 0px;}
.datos-obra-wrapper { width: 100%; margin: 5px 0px; }
.obra-carrusel-wrapper { width: 100%; margin: 5px 0px; }

@media all and (max-width: 800px) {

.navegador { margin-top: 35px; margin-bottom: 35px;  }
.bloque-navegador {width: 20% !important; margin: 5px 1%; font-size: 0.83em !important; padding-left: 0; padding-right: 0; font-weight: 500;}
.bloque-navegador a { padding: 0px; }
#pbutton0 { margin-top: 80px; }  

.obras_destacadas > div > div { width: 49%; }

.projects_greenti > div { width: 32.33%; margin: 0.5%;}
#left-area > article.et_pb_post { width: 32.33%; margin: 0.5%;}

}

div.wpcf7-validation-errors {
    margin-top: 45px !important;
}	


@media all and (max-width: 768px) { 
.et_pb_fullwidth_header_subhead { font-size: 17pt; }
#wpcf7-f236-p50-o1 { float:left; width:100%;}
#wpcf7-f236-p50-o1 form { float:left; width:100%;}
#wpcf7-f236-p50-o1 form select, #wpcf7-f236-p50-o1 form input, #wpcf7-f236-p50-o1 form textarea { float:left; width:100%; }
.newsletter-contact { width: 100%; }
.newsletter-contact .submit-button { width: 100%;}
.newsletter-contact .input-field { width: 100%;}

.projects_greenti > div { width: 49%; margin: 0.5%;}
#left-area > article.et_pb_post { width: 49%; margin: 0.5%;}

.equipo_project > div > div { width: 100% !important; }
.obras_destacadas > div > div > a > img, .projects_greenti > div > a > img { height: 20vw; }
}

@media all and (max-width: 450px) {
	.projects_greenti > div, #left-area > article.et_pb_post {
		width: 98%;
    	margin: 1%;
	}
	
	.obras_destacadas > div > div > a > img, .projects_greenti > div > a > img {
		height:32vw;
	}
}

@media all and (max-width: 360px) {
#nuestro-grupo-de-empresas { margin-top: 20px !important;}  
#nuestra-empresa  {display:absolute; visibility:hidden;}
#imageExample > a { width: 99%  !important; margin: 10px 0.5%; }
.navegador { margin-top: 90px;}
.tablepress { margin-left: -12% !important; }
.tablepress thead th { font-family: serif; font-size: 7pt !important; text-transform: uppercase; }
.tablepress tbody tr  td { font-size: 7pt !important; text-transform: uppercase; }
.header-content h1 { font-size: 1.5em; }  
.et_pb_fullwidth_header_subhead { font-size: 15pt; }
.projects_greenti > div { width: 99%; margin: 0.5%;}
#left-area > article.et_pb_post { width: 99%; margin: 0.5%;}


.obras_destacadas > div > div { width: 99%; }
}
@media all and (max-width: 320px) {
.tablepress { margin-left: -18% !important; }
.dataTable {  margin-left: -18% !important; } 
#pbutton0 { margin-top: 115px; }  
}