/*Theme Name: Pronoa
Theme URI: www.estudioformas.com.ar
Version: 1.0
Author: Estudio Formas
Description: Pronoa
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* RESET ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	border:none;
	list-style:none;
	text-decoration:none;
}

:focus { outline:0; }
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:"" ""; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++ CONDICIONALES +++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width:1300px) {
.boxx { width:1040px!important; }
.cont { width:700px!important; }
.side { width:340px!important; }
#serv .side { display:none!important; }
#serv .cont { width:100%!important; }
/* .......................................................... */
#nomb { width:375px!important; }
#apel { width:275px!important; }
#tele { width:275px!important; }
#emai { width:375px!important; }
/* .......................................................... */
#foot { background-position:-1150px 0!important; }
}

@media (max-width:1100px) { 
.boxx { width:840px!important; }
.cont { width:540px!important; }
.side { width:300px!important; }
/* .......................................................... */
#menu-prin-boxx li { padding:0 20px 0 0!important; text-align:left!important; }
#menu-prin-boxx li:last-child { width:auto!important; text-align:right!important; }
/* .......................................................... */
.page-arch { margin:0 -20px!important; }
.arch-boxx { padding:0 19px 20px 20px!important; }
.arch-boxx h2 { font-size:20px!important; line-height:22px!important; }
.page-arch-merc { margin-left:-20px!important; }
.arch-boxx-merc { margin-left:15px!important; }
/* .......................................................... */
#desc { display:none!important; }
/* .......................................................... */
.bann-titu { top:200px!important; }
/* .......................................................... */
.side-secc { padding:10px 15px!important; }
.side-secc a:before { position:relative; top:2px!important; }
.side-secc h5 { font-size:16px!important; line-height:20px!important; padding-left:13px!important; }
/* .......................................................... */
#nomb { width:280px!important; }
#apel { width:210px!important; }
#tele { width:210px!important; }
#emai { width:280px!important; }
/* .......................................................... */
#foot { background-position:-1350px 0!important; }
}

@media (max-width:900px) { 
body { min-width:720px!important; }
.boxx { width:680px!important; }
.cont { width:440px!important; }
.side { width:240px!important; }
/* .......................................................... */
.page-arch { margin:0 -30px!important; }
.arch-rows { display:block!important; }
.arch-boxx { display:block!important; float:left; width:310px!important; padding:0 29px 20px 30px!important; }
.arch-boxx .arch-text { height:126px!important; overflow:hidden!important; margin-bottom:10px!important } 
.arch-boxx h2 { font-size:24px!important; line-height:27px!Important; }
.arch-boxx-merc { width:auto!important; background:#666; }
.arch-boxx-merc .imag { margin-right:0px!important; }
.arch-boxx-merc .arch-text h5 { display:none; }
/* .......................................................... */
#menu-prin-boxx li span { display:none!important; }
#menu-prin-boxx li i { display:inline-block!important; }
#menu-prin-boxx li { padding:0 0px 0 0!important; }
/* .......................................................... */
.tele { display:none!important; }
/* .......................................................... */
#boxx-slider { height:500px!important; }
/* .......................................................... */
#nomb { width:100%!important; }
#apel { width:100%!important; }
#tele { width:100%!important; }
#emai { width:100%!important; }
/* .......................................................... */
#foot { padding-top:130px!important; background-position:-1550px 0!important; }
/* .......................................................... */
}

@media (max-width:700px) { 
body { min-width:580px!important; }
.boxx { width:550px!important; }
.cont { width:550px!important; }
.side { width:550px!important; }
.side-boxx { margin:0!important; }
.page-nota { float:left!important; width:100%!important; }
.page-barr { float:right!important; width:100%!important; margin-bottom:20px!important; }
.side { border-top:1px solid #F70; padding-top:40px; }
/* .......................................................... */
.page-arch { margin:0 -20px!important; }
.arch-boxx { width:255px!important; padding:0 19px 20px 20px!important; }
.arch-boxx-merc { padding:7px 14px!important; }
.page-arch-merc { margin:12px 0 48px 0!important; }
/* .......................................................... */
#menu-prin-boxx li i { top:-5px!important;  }
/* .......................................................... */
.menu-soci-port { height:38px!important; }
.menu-soci-port .soci { float:left!important; width:32px!important; height:32px!important; }
.menu-soci-port img { width:100%!important; height:100%!important; }
#s { height:26px!important; font-size:18px!important; }
#searchsubmit { height:26px!important; margin-left:-30px!important; }
/* .......................................................... */
#cott .side .imag, #clie .side .imag { display:none!important; }
/* .......................................................... */
.dire { display:none!important; }
/* .......................................................... */
#boxx-slider { height:400px!important; }
.bann-titu { top:180px!important; }
.bann-titu h1 { width1:80%!important; font-size:36px!important; line-height:36px!important; }
.bann-titu p { display:none!important; }
/* .......................................................... */
#foot { padding-top:110px!important; background-position:-1700px 0!important; }
#foot-cott { margin:10px 0 0 0!important; padding:0px!important; border:none!important; }
}

@media (max-width:560px) { 
body { min-width:440px!important; }
.boxx { width:400px!important; }
.cont { width:400px!important; }
/* .......................................................... */
.page-arch { margin:0px!important; }
.arch-boxx { width:100%!important; padding:0px!important; border:none!important; }
.arch-boxx .arch-text { height:auto!important; } 
/* .......................................................... */
#s { width:120px!important; }
/* .......................................................... */
#menu-prin-boxx li { padding:0 28px 0 0!important; }
/* .......................................................... */
.bann-titu h1 { width:100%!important; }
.bjqs-slide img { width:auto!important; height:100%!important; }
/* .......................................................... */
#foot { background-position:-1800px -1px!important; }
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SITE +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body  {  }
#head { height:180px; position:relative; z-index:1; overflow:hidden }
#site {  }
#main {  }
#foot { background:#333; background-image:url(images/foot-fond.svg); background-repeat:no-repeat; background-position:center 0; padding:110px 0 40px 0;  }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CONT +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.boxx { width:1250px; margin:auto; overflow:hidden; }
.cont { width:850px; }
.side { width:400px; }
/* .......................................................... */
.page      { padding-top:40px; }
.page-barr { float:left; }
.page-nota { float:right; }
.text { padding-bottom:20px; }
/* .......................................................... */
.page-arch { display:table; margin:0 -30px; }
.arch-rows { display:table-row; }
.arch-boxx { display:table-cell; overflow:hidden; border-right:1px solid #CCC; padding:0 29px 20px 30px; }
.arch-boxx h2 { font-size:24px; color:#999; font-weight:700; margin-bottom:8px; }
.arch-boxx p { line-height:22px; }
.arch-text { margin-top:10px; }
.imag { overflow:hidden; width:100%; }
.imag img { width:100%; height:auto; margin-bottom:-4px; }
.text img { width:100%; height:auto; }

.wi25 { width:25%; }
.wi33 { width:33.33%; }

.secc { position:relative; z-index:-2; top:0; left:0; right:0; margin-top:-180px; padding:0px; width:100%; overflow:hidden; height:180px; background:#666; }
.secc .bann-filt { display:none;}
/* .......................................................... */
.page-arch-merc { position:relative; z-index:1; margin-bottom:60px; overflow:hidden; }
.arch-boxx-merc { float:right; height:38px; width:160px; margin-left:20px; background-image:url(images/tran-fond.svg); padding:10px 20px; border-bottom:2px solid #F70; }
.arch-boxx-merc h5 { float:left; font-size:18px; color:#FFF; margin:-3px 0 0 0; text-shadow: 0px 0px 10px #000; }
.arch-boxx-merc .imag { float:left; width:32px; margin:2px 10px 0 0; }
/* .......................................................... */
.ocul { display:none; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* HEAD +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#logo { float:left; overflow:hidden; }
#logo-boxx { float:left; padding:15px 30px 11px 0px; }
#head-fond { position:relative; z-index:-1; height:121px; margin-bottom:-121px; background:#000; opacity:0.3; }
#head-line { position:relative; z-index:-1; height:1px; margin-top:121px; margin-bottom:-122px; background:#666; }
.info { float:right; margin:34px 0 0 30px; }
.info p { display:inline; font-size:16px; font-weight:normal; color:#CCC; text-shadow: 0px 0px 10px #000; }
.info img { float:left; margin:-1px 10px 0 0; height:24px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MENU +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#menu-prin { overflow:hidden; }
/* BOTO ----------------------------------------------------- */
#menu-prin-boxx { display:table; text-shadow: 0px 0px 10px #000; }
#menu-prin-boxx li { background:none; height:60px; padding:0 30px 0 0; vertical-align:middle; border-left:none; text-align:right; white-space:nowrap; display:table-cell; }
#menu-prin-boxx li:first-child span { display:none; }
#menu-prin-boxx li:first-child i, #menu-prin-boxx li:last-child i { display:inline-block; }
#menu-prin-boxx a { display:inline-block; color:#DDD; font-size:17px; text-transform:uppercase; letter-spacing:0.4px; font-weight:700; }
#menu-prin-boxx a:hover, #menu-prin-boxx i:hover { color:#FFF; }
#menu-prin-boxx li:last-child { padding:0 0 0 0!Important; width:100%; }
#menu-prin-boxx li:last-child:hover {  }

/* ICON ----------------------------------------------------- */
#menu-prin-boxx li i { position:relative; top:2px; display:none; opacity:1; }
#menu-prin-boxx li i:hover { opacity:1; }
#menu-prin-boxx li:nth-child(1) i:before { content:url('images/home.svg') }
#menu-prin-boxx li:nth-child(2) i:before { content:url('images/empr.svg') }
#menu-prin-boxx li:nth-child(3) i:before { content:url('images/serv.svg') }
#menu-prin-boxx li:nth-child(4) i:before { content:url('images/obra.svg') }
#menu-prin-boxx li:nth-child(5) i:before { content:url('images/infr.svg') }
#menu-prin-boxx li:nth-child(6) i:before { content:url('images/clie.svg') }
#menu-prin-boxx li:nth-child(7) i:before { content:url('images/cott.svg') }
#menu-prin-boxx li:nth-child(8) i:before { content:url('images/menu.svg') }

/* OCUL PRIN ------------------------------------------------ */
#menu-prin-ocul { z-index:100; display:none; position:absolute; width:100%; min-width:440px; background:#666; border-top:1px solid #777; }
#menu-prin-ocul-boxx { padding:20px 20px 20px 20px; overflow:hidden; }
#menu-prin-ocul-boxx a { float:left; margin-bottom:6px; color:#FFF; width:200px; text-transform:uppercase; font-weight:700; opacity:0.85;  }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FOOT +++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#foot-imag { float:left; opacity:0.4; }
#foot-cott { float:left; margin:2px 0 0 20px; padding:0 20px; border-left:1px solid #666; }
#foot-info { float:right; margin:45px 0 0 0; text-align:right; }
#foot p, #foot a { margin:0px; font-size:15px; color:#CCC; line-height:20px; }
#foot-info p { font-size:13px; color:#FFF; line-height:15px; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* BUSC +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#busc { float:right; margin:6px 0 0 10px; overflow:hidden; }
#s { float:left; width:160px; padding:0px 2px 1px 8px; height:18px; background-color:#666; border:none; color:#FFF; -webkit-border-radius:3px; border-radius:3; }
#searchsubmit { float:left; margin-left:-22px; height:18px; background1:#FFF; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SOCI +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu-soci-port { overflow:hidden; height:30px; background:#333; }
.menu-soci-port .soci { float:right; overflow:hidden; margin:3px 10px 3px 0; height:24px; width:24px; -webkit-border-radius:20px; border-radius:20; background:none; opacity:0.6; }
.menu-soci-port .soci img { height:24px; }
.menu-soci-port .soci:hover { opacity:1; }
/* ---------------------------------------------------------- */
.menu-soci-page { overflow:hidden; margin:30px 0; }
.menu-soci-page .soci { float:left; margin-right:12px; overflow:hidden; height:20px; -webkit-border-radius:3px; border-radius:3px; }
/* ---------------------------------------------------------- */
.soci-ws { background:#25D366; }
.soci-yt { background:#E52D27; }
.soci-us { background:#F90; }
.soci-ml { background:#888; }
/* ---------------------------------------------------------- */
.soci-fb:hover { background:#4267B2; }
.soci-tw:hover { background:#1B95E0; }
.soci-ws:hover { background:#03B144; }
.soci-yt:hover { background:#E52D27; }
.soci-us:hover { background:#F90; }
.soci-ml:hover { background:#888; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* WIDG +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#side-gene, #side-empr, #side-serv, #side-obra, #side-infr, #side-clie, #side-cott {  }
.side-boxx { margin-right:40px; }
/* ---------------------------------------------------------- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FORMU ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.form { margin-bottom:40px; }
.form-boxx { margin-right:20px }
.form-boxx p { margin-bottom:4px; font-size:15px; color:#666; font-weight:700; }
.form-cott { float:left; font-size:18px; background:#EEE; -webkit-border-radius:5px; border-radius:5px; border:none; padding:6px 10px; width:100%; margin-bottom:12px; }
#nomb { width:450px; margin-right:10px; }
#apel { width:350px; margin-right:-20px; }
#tele { width:350px; margin-right:10px; }
#emai { width:450px; margin-right:-20px; }
#cons { height:130px; }
.form-envi { font-size:18px; color:#FFF; background:#F70; -webkit-border-radius:5px; border-radius:5px; border:none; padding:3px 15px; font-weight:400; cursor:pointer; margin-right:-20px }