@charset "utf-8";
/* CSS Document */


/* Body */
html,body {cursor:default; overflow-x:hidden;}
body {margin:0; overflow-x: hidden; position:relative; background-color:rgb(255,255,255); background-color:#FFF;}


a {outline:none; text-decoration:none; color:#A5B6B5;}
a:hover {color:#4f4e5c;}
header nav li.over a {color:#7eccbe;}
.over a {color:#4f4e5c;}

.arial {font-family:Arial, Helvetica, sans-serif; font-size:38px; color:#525958;}

.miso {font-family:'misobold'; font-size:18px; letter-spacing: 0.0625em;}
.miso_form {font-family:'misoregular'; font-size:18px; letter-spacing: 0.0625em; color:#dae3e2;}

.miso_verde {font-family:'misobold'; font-size:18px; color:#7eccbe; font-size:20px; letter-spacing: 0.0625em;}
.miso_gris {font-family:'misoregular'; font-size:18px; color:#A5B6B5; font-size:20px; letter-spacing: 0.0625em;}
.miso_menu {font-family:'misobold'; font-size:36px; letter-spacing: 0.0625em; line-height:62px;}
.miso_info1 {font-family:'misobold'; font-size:40px; letter-spacing: 0.0625em; line-height:20px; color:#525958;}
.miso_info2 {font-family:'misoregular'; font-size:30px; letter-spacing: 0.0625em; line-height:30px; color:#7eccbe;}
.miso_info3 {font-family:'misoregular'; font-size:30px; letter-spacing: 0.0625em; line-height:30px; color:#A5B6B5;}

.miso_bio1 {font-family:'misobold'; font-size:40px; letter-spacing: 0.0625em; line-height:20px; color:#FFF;}
.miso_bio2 {font-family:'misoregular'; font-size:20px; letter-spacing: 0.0625em; line-height:18px; color:#FFF;}

h1 {font-family:'misobold'; font-size:20px; line-height:18px; letter-spacing: 0.0625em;}
h2 {font-family:'misoregular'; font-size:20px; line-height:12px; letter-spacing: 0.0625em; font-weight:500;}
h3 {font-family:'misobold'; font-size:22px; line-height:18px; letter-spacing: 0.0625em;}
h4 {font-family:'misoregular'; font-size:44px; line-height:50px; letter-spacing: 0.0625em; color:#7eccbe; font-weight:500; display: inline;}
h5 {font-family:'misoregular'; font-size:30px; line-height:40px; letter-spacing: 0.0625em; color:#7eccbe; font-weight:500; display: inline;}

p {font-family:'misoregular'; font-size:18px; color:#A5B6B5; font-size:20px; letter-spacing: 0.0625em; line-height:16px;}

nav {display:block; margin:0; padding:0;}
nav ul {margin:0; padding:0; list-style:none;}



/* WRAPPPER */
#wrapper {width:100%; height:auto; margin: 0 auto;}


/* HEADER */
#top {width:100%; height:6px; margin: 0 auto; background-color:#7eccbe; z-index:2; position:fixed; top:0; left:0; right:0;}
header {width:100%; max-width:1320px; height:114px;  margin: 6px auto; background-color:#FFF; position:fixed; z-index:2; top:0; left:0; right:0;}
header #logo {background-image:url(../images/logo.gif); width:400px; height:114px; float:left; margin:0 0 0 5px;}

#top_linea {width:100%; height:120px; left:0; position:fixed; top:0px; z-index:-2; border-bottom:1px solid #e6edeb; visibility:visible;}


/* NAVIGATION */
header nav {display:block; float:right; margin:36px 0 0 0; padding:10px 0; color:#4f4e5c;}
header nav ul {padding:0 20px;}
header nav li {display:inline; margin-right:50px;}
header nav li.last {margin-right:0;}
header nav li a {color:#4f4e5c; -webkit-transition:color 0.1s ease-in;-moz-transition:color 0.1s ease-in; -o-transition:color 0.1s ease-in; -ms-transition:color 0.1s ease-in; transition:color 0.1s ease-in;}
header nav li a:hover {color:#7eccbe;}

#wrapper #content {width:100%; max-width:1320px; height:auto; margin: 0 auto;}

#wrapper #menu {background-image:url(../images/menu.gif); width:46px; height:45px; z-index:3; float:right; margin:24px 10px 0 0; cursor:pointer; position:fixed; right:0; top:0; visibility:hidden;}
#wrapper #menu:hover {background-position:0 -45px;}


/* PROYECTOS MENU */
#wrapper #content #proyectos_menu {width:100%; max-width:1320px; float:left; height:auto; margin:130px auto 0 auto; border-bottom:1px solid #e6edeb; padding-bottom:30px;}

#wrapper #content #proyectos_menu #comercial {width:570px; height:auto; float:left; margin:20px 0 0 20px;}
#wrapper #content #proyectos_menu #comercial_tit {width:100%; height:auto; float:left;}
#wrapper #content #proyectos_menu #comercial_menu1 {width:32%; height:auto; float:left;}
#wrapper #content #proyectos_menu #comercial #comercial_menu1 ul {list-style:none; padding-left:0;}
#wrapper #content #proyectos_menu #comercial_menu2 {width:32%; height:auto; float:left;}
#wrapper #content #proyectos_menu #comercial #comercial_menu2 ul {list-style:none; padding-left:0;}
#wrapper #content #proyectos_menu #comercial_menu3 {width:32%; height:auto; float:left;}
#wrapper #content #proyectos_menu #comercial #comercial_menu3 ul {list-style:none; padding-left:0;}

#wrapper #content #proyectos_menu #residencial {width:410px; height:auto; float:left; margin:20px 0 0 0;}
#wrapper #content #proyectos_menu #residencial_tit {width:100%; height:auto; float:left;}
#wrapper #content #proyectos_menu #residencial_menu1 {width:30%; height:auto; float:left;}
#wrapper #content #proyectos_menu #residencial #residencial_menu1 ul {list-style:none; padding-left:0;}
#wrapper #content #proyectos_menu #residencial_menu2 {width:70%; height:auto; float:left;}
#wrapper #content #proyectos_menu #residencial #residencial_menu2 ul {list-style:none; padding-left:0;}

#wrapper #content #proyectos_menu #combos {width:100%; height:auto; float:left; margin:-9999px 0 0 20px; visibility:hidden;}

#wrapper #content #titulo {width:99%; max-width:1320px; height:auto; margin: 0 auto; border-bottom:1px solid #e6edeb; float:left; padding:6% 0 1% 1%;}
#wrapper #content #titulo2 {width:99%; max-width:1320px; height:auto; margin: 0 auto; border-bottom:1px solid #e6edeb; float:left; padding:4% 0 0% 1%;}



/* IMAGES HOME */
#wrapper #content #img_container {width:1320px; max-width:1320px; height:auto; margin-left:-660px; margin-right:auto; margin-top:130px; position:relative; top:0 !importante; top:0px; left:50%; z-index:0;}
#wrapper #content #img_container #rotating-item-wrapper img {display:block;}
#prevBt {background-image:url(../images/prev.jpg); position:absolute; width:47px; height:47px; left:5%; margin-top:360px; cursor:pointer; z-index:1;}
#nextBt {background-image:url(../images/next.jpg); position:absolute; width:47px; height:47px; right:5%; margin-top:360px; cursor:pointer; z-index:1;}
#prevBt:hover {background-position:-47px 0;}
#nextBt:hover {background-position:47px 0;}
.sequence-next, .sequence-prev {position:absolute; opacity:1; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s; -o-transition-duration 0.3s; transition-duration:0.3s;}
.sequence-next:hover, .sequence-prev:hover {opacity:1; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;
  -o-transition-duration:0.3s; transition-duration:0.3s;}



/*- GRID HOME ---*/
.page-grid {width:100%; max-width:1320px; height:auto; margin-top:-4px; float:left;}
.page-grid ul {padding-left:0; width:100%; max-width:1320px; height:auto;}
.page-grid li {width:49.2%; max-width:650px; height:auto; float:left; position:relative; list-style:none; margin:10px 0 10px 0;}
.page-grid li img {width:100%; max-width:650px; height:auto; float:left; position:relative; list-style:none;}

.page-grid span {position:absolute; height:100%; width:100%; text-align:left; top:0; left:0; opacity:0; transition:0.3s all ease-in-out;}		
.page-grid h3 {display: inline-block; position:relative; top:10px; opacity:0; transition:0.3s all ease-in-out; color:#FFF; height:auto; margin:30px 0 0 30px;}
.page-grid p {display:block; position:relative; top:10px; opacity:0; transition:0.3s all ease-in-out; transition-delay:0.15s; width:80%; height:auto; color:#FFF; margin:8px 0 0 30px;}

.page-grid li:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}
.page-grid li:hover h3 {opacity: 1; top:0px; }
.page-grid li:hover p {opacity: 1; top:0px;}

.left {left:0px;}
.right {left:20px;}


/*- GRID RESIDENCIAL ---*/
.page-grid_residencial {width:100%; max-width:1320px; height:auto; float:left;}
.page-grid_residencial ul {display:inline; margin:0; padding:0;}
.page-grid_residencial li {width:23.85%; max-width:315px; display:inline; margin:1.5% 0 0 1.5%; float:left; padding:0; position:relative;}
.page-grid_residencial li img {display:block; height:auto; width:100%; margin:0;}

@media only screen and (min-width: 821px) {
.page-grid_residencial li:first-child, .page-grid_residencial li:nth-child(4n+1) {margin:1.5% 0 0 0%;}
}

@media only screen and (max-width: 820px) {
.page-grid_residencial li {margin:1.5% 0 0 1.6%; width:32.2%;}
.page-grid_residencial li:first-child, .page-grid_residencial li:nth-child(3n+1) {margin:1.5% 0 0 0%;}
}

@media only screen and (max-width: 640px) {
.page-grid_residencial li {margin:1.5% 0 0 1.6%; width:48%;}
.page-grid_residencial li:first-child, .page-grid_residencial li:nth-child(3n+1) {margin:1.5% 0 0 1.5%;}
}

@media only screen and (max-width: 315px) {
.page-grid_residencial li {margin:4% 0 0 0%; width:100%;}
.page-grid_residencial li:first-child, .page-grid_residencial li:nth-child(1n+1) {margin:4% 0 0 0%;}
}

.page-grid_residencial span {position:absolute; height:100%; width:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}		
.page-grid_residencial li:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}



/*- GRID COMERCIAL ---*/
.grid_comercial {width:100%; max-width:1320px; height:auto; margin: 0 auto; float:left;}
.grid_comercial ul {padding-left:0; width:102%; max-width:1340px; height:auto;}
.grid_comercial li {width:34.2%; max-width:315px; height:auto; float:left; position:relative; list-style:none; margin:10px 1.4% 0.9% 0;}
.grid_comercial li img {width:100%; max-width:315px; height:auto; float:left; list-style:none;}

.grid_comercial #img1 {width:62.6%; max-width:840px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img1 img {width:100%; max-width:840px; height:auto; float:left; list-style:none;}
.grid_comercial #img1 span {position:absolute; width:100%; height:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img1:hover span {opacity: 0.0; top:0; background-color:#7eccbe; cursor:default;}

.grid_comercial #img2 {width:34.2%; max-width:460px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img2 img {width:100%; max-width:460px; height:auto; float:left;  list-style:none;}
.grid_comercial #img2 span {position:absolute; width:100%; height:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img2:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}

.grid_comercial #img3 {width:34.2%; max-width:460px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img3 img {width:100%; max-width:460px; height:auto; float:left; list-style:none;}
.grid_comercial #img3 span {position:absolute; width:100%; height:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img3:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}

.grid_comercial #img4 {width:48.5%; max-width:650px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img4 img {width:100%; max-width:650px; height:auto; float:left; list-style:none;}
.grid_comercial #img4 span {position:absolute; width:100%; height:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img4:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}

.grid_comercial #img4b {width:28%; max-width:426px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img4b img {width:100%; max-width:426px; height:auto; float:left; list-style:none;}
.grid_comercial #img4b span {position:absolute; width:100%; height:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img4b:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}

.grid_comercial #img5 {width:100%; max-width:220px; height:auto; float:left; position:relative; list-style:none;}
.grid_comercial #img5 img {width:100%; max-width:220px; height:auto; float:left; list-style:none;}
.grid_comercial #img5 span {position:absolute; width:100%; height:148px; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight';  background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}
.grid_comercial #img5:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}



.grid_comercial2 {width:100%; max-width:1320px; height:auto; float:left;}
.grid_comercial2 ul {display:inline; margin:0; padding:0;}
.grid_comercial2 li {width:18%; max-width:315px; display:inline; margin:1.5% 0 0 1.5%; float:left; padding:0; position:relative;}
.grid_comercial2 li img {display:block; height:auto; width:100%; margin:0;}

.grid_comercial2 span {position:absolute; height:100%; width:100%; text-align:center; color:#FFF; font-size:0px; top:0; left:0; opacity:0; transition:0.3s all ease-in-out; font-family:'misolight'; background:url(../images/more.png) no-repeat center center rgba(29,29,29,0.5);}		
.grid_comercial2 li:hover span {opacity: 0.96; top:0; background-color:#7eccbe;}

@media only screen and (min-width: 821px) {
.grid_comercial2 li:first-child, .grid_comercial2 li:nth-child(5n+1) {margin:1.5% 0 0 0%;}
}

@media only screen and (max-width: 820px) {
.grid_comercial2 li {margin:1.5% 0 0 1.6%; width:23.8%;}
.grid_comercial2 li:first-child, .grid_comercial2 li:nth-child(4n+1) {margin:1.5% 0 0 0%;}
}

@media only screen and (max-width: 640px) {
.grid_comercial2 li {margin:1.5% 0 0 1.6%; width:48%;}
.grid_comercial2 li:first-child, .grid_comercial2 li:nth-child(4n+1) {margin:1.5% 0 0 1.5%;}
}

@media only screen and (max-width: 315px) {
.grid_comercial2 li {margin:4% 0 0 0%; width:100%;}
.grid_comercial2 li:first-child, .grid_comercial2 li:nth-child(1n+1) {margin:4% 0 0 0%;}
}


/* CONTACTO */
#wrapper #content #titulo_contacto {width:99%; max-width:1320px; height:auto; margin: 180px auto 0 auto; border-bottom:1px solid #e6edeb; float:left; line-height:50px; padding:0 0 0 1%;}
#wrapper #content #contacto {width:100%; max-width:1320px; height:auto; margin: 0 auto; float:left; padding:4% 0 6% 1%;}
#wrapper #content #contacto #contacto_info {width:44%; max-width:620px; height:auto; margin: 0 auto; float:left; padding:1% 0 10% 1%; border-right:0px solid #e6edeb;}
#wrapper #content #contacto #form {width:48%; max-width:620px; height:auto; margin: 0 auto 0 40px; float:left;}
#wrapper #content #contacto #form #form1 {width:49%; max-width:300px; height:auto; margin: 0 auto; float:left;}
#wrapper #content #contacto #form #form2 {width:49%; max-width:300px; height:auto; margin: 0 auto; float:left; margin-left:10px;}
#wrapper #content #contacto #form #form3 {width:100%; max-width:602px; height:auto; margin: 0 auto; float:left;}
#wrapper #content #contacto #form #form4 {width:100%; max-width:202px; height:auto; margin: 0 auto; float:right; margin-right:8px;}

#nombre {width:98%; max-width:300px; height:40px; margin: 0 auto; float:left; border:0; background-color:#f3f7f6; border:1px solid #dae3e2; color:#a6bab8; padding-left:6px;}
#email {width:98%; max-width:300px; height:40px; margin: 0 auto; float:left; border:0; background-color:#f3f7f6; border:1px solid #dae3e2; color:#a6bab8; padding-left:6px;}
#message {width:100%; max-width:602px; height:200px; margin: 10px auto 0 auto; float:left; border:0; background-color:#f3f7f6; border:1px solid #dae3e2; color:#a6bab8; padding-left:6px; padding-top:6px;}
#send {background-image:url(../images/send.gif); background-position:0 0px; width:240px; height:38px; margin-top:20px; cursor:pointer; border:0px; float:right;}
#send:hover  {background-position:0 -38px;}



/* BIOGRAFIA */
#wrapper #content #titulo_bio {width:99%; max-width:1320px; height:auto; margin: 180px auto 0 auto; border-bottom:1px solid #e6edeb; float:left; line-height:50px; padding:0 0 0 1%;}
#wrapper #content #bio {width:100%; max-width:1320px; height:auto; margin: 0 auto; float:left; padding:4% 0 6% 1%;}
#wrapper #content #bio #bio_info {width:52%; max-width:660px; height:auto; margin: 0 auto; float:left; padding:18.4% 0% 4% 4%; background-image:url(../images/back_bio.jpg); background-repeat:no-repeat; background-color:#7eccbe;}
#wrapper #content #bio #bio_info #bio_text {width:96%; height:auto; padding:0% 0 0 0;}
#wrapper #content #bio #bio_info #bio_text #foto_perfil {width:130px; height:130px; float:left;}
#wrapper #content #bio #bio_info #bio_text #bio_text_tit {width:260px; height:90px; float:left; margin:50px auto 0 25px;}
#wrapper #content #bio #bio_info #bio_text #bio_text_texto {width:96%; float:left; margin:20px 0 0 0;}

#wrapper #content #bio #bio_foto {width:41%; max-width:620px; height:auto; margin: 0 auto 0 20px; float:left; visibility:visible;}
#wrapper #content #bio #bio_foto img {display:block; height:auto; width:100%; margin:0;}



/* FOOTER */
footer {clear:both; width:100%; border-top:1px solid #e6edeb; max-width:1320px; height:180px; margin:0 auto; color:#4f4e5c;} 
.footer #footer_content {width:100%; max-width:1320px; height:auto; margin: 0 auto;}
.footer #footer_content #info {width:79%; height:auto; float:left; margin-left:1%;}
.footer #footer_content #social {width:19%; height:auto; float:right; text-align:right; margin-right:1%;}

.footer #footer_content #social #social_icons {width:140px; height:auto; float:right;}

.footer #footer_content #social #social_icons #facebook {float:left; background-image:url('../images/facebook.gif'); background-position:0 -40px; background-repeat: no-repeat; width:40px; height:40px; margin-right:10px;}
.footer #footer_content #social #social_icons #facebook a{background-image:url('../images/facebook.gif'); background-position: 0 0; background-repeat:no-repeat; width:40px; height:40px; display:block; text-indent:-9999px; transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out;}
.footer #footer_content #social #social_icons #facebook a:hover, .footer #footer_content #social #social #facebook a:focus{opacity:0;}

.footer #footer_content #social #social_icons #pinterest {float:left; background-image:url('../images/pinterest.gif'); background-position:0 -40px; background-repeat: no-repeat; width:40px; height:40px; margin-right:10px;}
.footer #footer_content #social #social_icons #pinterest a{background-image:url('../images/pinterest.gif'); background-position: 0 0; background-repeat:no-repeat; width:40px; height:40px; display:block; text-indent:-9999px; transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out;}
.footer #footer_content #social #social_icons #pinterest a:hover, .footer #footer_content #social #social #pinterest a:focus{opacity:0;}

.footer #footer_content #social #social_icons #instagram {float:left; background-image:url('../images/instagram.gif'); background-position:0 -40px; background-repeat: no-repeat; width:40px; height:40px;}
.footer #footer_content #social #social_icons #instagram a{background-image:url('../images/instagram.gif'); background-position: 0 0; background-repeat:no-repeat; width:40px; height:40px; display:block; text-indent:-9999px; transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out;}
.footer #footer_content #social #social_icons #instagram a:hover, .footer #footer_content #social #social #instagram a:focus{opacity:0;}



/* RESPONSIVE */
@media only screen and (max-width: 1280px) {
header {width:100%;}
#wrapper #content #contacto #form #form3 {max-width:588px;}
#message {max-width:588px;}
#wrapper #content #contacto #form #form4 {margin-right:0px;}
}


@media only screen and (max-width: 1024px) {
header nav {visibility:hidden; margin-top:-9999px;}
#wrapper #menu {visibility:visible; margin-top:37px;}
#combo {width:250px; height:50px; border-color:#D1DBDE;}

#wrapper #content #proyectos_menu {padding-bottom:20px;}
#wrapper #content #proyectos_menu #combos {width:100%; height:auto; float:left; margin:10px 0 0 20px; visibility:visible;}
#wrapper #content #proyectos_menu #combos #combo1 {width:250px; height:50px; float:left; margin:0 0 0 0; visibility:visible;}
#wrapper #content #proyectos_menu #combos #combo2 {width:250px; height:50px; float:left; margin:0 20px 0 20px; visibility:visible;}
#wrapper #content #proyectos_menu #comercial {margin:-9999px 0 0 20px;}
#wrapper #content #proyectos_menu #residencial {margin:-9999px 0 0 80px;}	
	
#prevBt {left:2%;}
#nextBt {right:2%;}	
#top_linea {visibility:hidden;}
#wrapper #content #titulo_contacto {width:97%; padding:0 0 0 2%;}
#wrapper #content #contacto #form #form1 {width:60%; max-width:300px; height:auto; margin: 0 auto; float:left;}
#wrapper #content #contacto #form #form2 {width:60%; max-width:300px; height:auto; margin: 10px auto 0 0; float:left;}
#wrapper #content #contacto #form #form4 {margin-right:-10px;}

#wrapper #content #bio #bio_info {width:94%; max-width:1320px; padding:22% 0% 10% 4%;}
#wrapper #content #bio #bio_foto {visibility:hidden; margin: -9999px auto 0 20px;}
}


@media only screen and (max-width: 768px) {
header nav li {margin-right:35px;}
#wrapper #content #img_container {width:768px; height:428px; margin-left:-384px;}
#wrapper #content #img_container #rotating-item-wrapper img {height:428px;}
#prevBt, #nextBt {margin-top:180px;}
.footer #footer_content #info {width:78%; margin-left:2%;}
.footer #footer_content #social {width:18%; margin-right:2%;}
.page-grid li {width:48.8%;}
#wrapper #content #titulo {width:97%; padding:10% 0 1% 2%;}
.grid_comercial ul {width:100%;}
.grid_comercial li {margin:10px 1.4% 0.6% 0;}
#wrapper #content #contacto {width:99%;}
#wrapper #content #contacto #form {width:48%; max-width:620px; height:auto; margin: 0 auto 0 20px; float:left;}

}

@media only screen and (max-width: 640px) {
.grid_comercial {width:98.2%;}
#top {position:fixed; z-index:2;}
header {width:97.6%; max-width:1320px; height:80px; margin:6px auto; position:fixed; z-index:2; background-color:#FFF; padding-right:15px;}
header #logo {background-image:url(../images/logo2.gif); width:300px; height:80px; float:left; margin:0 0 0 5px;}
.page-grid h3 {width:70%;}
.page-grid li {width:49%; margin:0px 0 10px 0;}
#wrapper #menu {visibility:visible; margin-top:22px;}
.right {left:2%;}
#wrapper #content #img_container {width:640px; height:357px; margin-left:-320px; margin-top:80px;}
#wrapper #content #img_container #rotating-item-wrapper img {height:357px;}
#prevBt, #nextBt {margin-top:160px; z-index:1;}
h4 {font-family:'misoregular'; font-size:40px; line-height:40px; letter-spacing: 0.0625em; color:#7eccbe; font-weight:500; display: inline;}
.grid_comercial li {margin:10px 1.4% 0.2% 0;}

#wrapper #content #proyectos_menu {margin:110px auto 0 auto;}
#wrapper #content #proyectos_menu #combos {width:50%; margin:0px 0 0 10px;}
#wrapper #content #proyectos_menu #combos #combo1 {width:250px; margin:0 0 0 0;}
#wrapper #content #proyectos_menu #combos #combo2 {width:250px; margin:10px 0px 0 0px;}

.miso_info1 {font-size:28px; line-height:28px;}
.miso_info2 {font-size:24px; line-height:24px;}
.miso_info3 {font-size:24px; line-height:24px;}
#wrapper #content #contacto {width:99%; padding:8% 0 20% 1%;}
#wrapper #content #contacto #contacto_info {width:42%; padding:1% 0 10% 4%;}
#wrapper #content #contacto #form #form3 {width:94%; max-width:388px;}
#message {max-width:388px;}
#wrapper #content #contacto #form #form4 {margin-right:8px;}
#wrapper #content #titulo_contacto {margin: 160px auto 0 auto; width:90%; margin-left:3%;}
}



@media only screen and (max-width: 480px) {
.page-grid h3 {width:60%;}
.right {left:2%;}
.page-grid li {width:49%; margin:0px 0 10px 0;}
#wrapper #content #img_container {width:480px; height:267px; margin-left:-240px;}
#wrapper #content #img_container #rotating-item-wrapper img {height:267px;}
#prevBt, #nextBt {margin-top:110px;}

h4 {font-family:'misoregular'; font-size:36px; line-height:30px; letter-spacing: 0.0625em; color:#7eccbe; font-weight:500; display: inline;}
.grid_comercial li {margin:8px 1.4% 0 0;}

#wrapper #content #contacto {width:97.2%; max-width:1320px; height:auto; margin: 0 auto; float:left; padding:4% 0 36% 1%;}
#wrapper #content #contacto #contacto_info {width:90%; padding:6% 0 10% 4%; border:0;}
#wrapper #content #contacto #form #form3 {width:94%; max-width:440px;}
#message {width:94%; max-width:440px;}
#wrapper #content #contacto #form {width:98%; max-width:460px; height:auto; margin: 0 auto 0 20px; float:left;}
#wrapper #content #contacto #form #form4 {margin-right:42px;}

.footer #footer_content #info {margin-left:4%; margin-top:3%;}
.footer #footer_content #social {width:19%; height:auto; float:left; text-align:left; margin-left:4%;}
.footer #footer_content #social #social_icons {float:left; padding-bottom:50px;}

#wrapper #content #bio #bio_info #bio_text #foto_perfil {width:90%; height:130px; float:left;}
#wrapper #content #bio #bio_info #bio_text #bio_text_tit {width:90%; height:60px; float:left; margin:25px auto 0 0px;}
#wrapper #content #bio #bio_info #bio_text #bio_text_texto {width:96%; float:left; margin:0px 0 0 0;}
}

@media only screen and (max-width: 360px) {
#top {position:fixed; z-index:2;}
header {position:fixed; z-index:2; margin-top:6px; border-bottom:1px solid #e6edeb; width:100%;}
#wrapper #content #img_container {visibility:hidden; margin-left:-9999px; height:auto;}
#wrapper #content #img_container #rotating-item-wrapper img {height:520px;}
.page-grid {width:99%; margin-top:-520px;}
.page-grid ul {width:99%;}
.page-grid li {width:99%;}
.page-grid li img {width:99%;}
.page-grid span {width:99%;}
.left {left:2%;}
.right {left:2%;}
footer {width:94%;} 

#prevBt, #nextBt {visibility:hidden;}
.grid_comercial {margin-left:1.8%;}
.grid_comercial ul {width:100%;}
.grid_comercial li {margin:8px 1.4% 0 0;}
#wrapper #content #contacto #form {width:98%; max-width:360px; height:auto; margin: 30px auto 0 13px; float:left;}
#wrapper #content #contacto #form #form1 {width:98%; max-width:360px; height:auto; margin: 0 auto; float:left;}
#wrapper #content #contacto #form #form2 {width:98%; max-width:360px; height:auto; margin: 10px auto 0 0; float:left;}
#wrapper #content #contacto #form #form3 {width:95.4%; max-width:460px;}
#message {width:95.4%; max-width:460px;}
#wrapper #content #contacto #form #form4 {margin-right:29px;}
#wrapper #content #contacto #contacto_info {width:90%; padding:10% 0 10% 6%; border:0;}
}

@media only screen and (max-width: 321px) {
.page-grid span {width:99%;}	
}