footer #container #main_inf #container_mid2 .info .c_info .c_info_img{padding-top: 0 !important} a{text-decoration: none;color: inherit;} h1{margin: 0;font-size: 18px;font-weight: normal;} #main_content{width: 100%; height: auto; overflow: hidden;padding-top: 142px} #top_container{width: 100%;height: 512px;background-image:url(/img/contacto/bannerbg.png);background-repeat: no-repeat;background-size: cover;background-position: center center;} #top_container #inside_top{position: relative;width: 50.2%;height: 512px;float: left;background-color: rgba(0,0,0,0.69);font-family: arial, sans-serif;} #top_container #inside_top img{position: absolute;right: -340px;bottom: -97px;} #top_container #inside_top #inside_heading{float: right;width: 98px;margin-top: 84px;margin-right: 27.53%;font-size: 18px;color: #ffffff;} #top_container #inside_top #middle_bar{float: right;width: 100%;height: 159px;padding: 40px 12.9% 0 0;margin-top: 47px;background-color: rgba(0,0,0,0.69);font-family: arial narrow, sans-serif;} #top_container #inside_top #middle_bar #text_container{float: right;width: 405px;font-size: 16px;color: #ffffff;} #mid_container{width: 100%;height: 778px;padding-top: 38px;border-bottom: 1px solid #00ffff;background-image: url(/img/contacto/lobby.png);background-size: cover;background-position: center center;} #mid_container #inside_mid{width: 100%;max-width: 1016px;height: 740px;margin: 0 auto;position: relative;} #mid_container #inside_mid #box_container{position: relative;max-width: 1016px;width: 95%;height: auto;overflow: hidden;margin: auto;z-index: 1;} #mid_container #inside_mid #box_container .sub_container{float: left;width: 40%;height: 275px;margin: 0 5%; overflow: hidden;} #mid_container #inside_mid #box_container .sub_container .box{max-width: 194px;width: 80%;height: 49px;padding-top: 15px;border: 2px solid #ffffff;margin: auto;font-size: 14px;font-family: Myriad Pro Regular, sans-serif;color: #ffffff;text-align: center;text-transform: uppercase;cursor: pointer;} #mid_container #inside_mid #box_container .sub_container .box:hover{background-color:#ffffff;color:#697f77} #mid_container #inside_mid #box_container .sub_container .box:hover + .direction_box{display: block} #mid_container #inside_mid #box_container .sub_container .direction_box:hover{display: block; cursor:default} #mid_container #inside_mid #box_container .sub_container .direction_box:hover ~ .box{background-color:#ffffff;color:#697f77} #mid_container #inside_mid #box_container .sub_container .direction_box{display: none;position: relative;float: left;width: 100%;height: 223px;background-color: #bec8c8;color: #3d4f48;font-size: 12px;font-family: Myriad Pro Regular, sans-serif;opacity: 1;} #mid_container #inside_mid #box_container .sub_container .direction_box .top_box{width: 100%;height: 106px;padding: 9px 7px 0 18px;background-color: #51646c;border-bottom: 1px solid #000000;color: #ffffff;} #mid_container #inside_mid #box_container .sub_container .direction_box .low_box{position: absolute;bottom: 0;right: 0;width: 146px;height: 23px;padding: 6px 0 0 0;background-color: #51646c;color: #ffffff;text-align: center;cursor: pointer;} #mid_container #inside_mid #box_container .sub_container .direction_box ul{margin-top: 4px;padding-left: 17px;list-style-type: none;} #mid_container #inside_mid #inline_container{float: left;width: 100%;height: auto;overflow: hidden;margin-top: 97px;} #mid_container #inside_mid #inline_container .border_box{float: right;max-width: 292px;width: 95%;height: 61px;padding-top: 12px;margin-right: 24px;background-image: url(/img/contacto/message.png);background-size: contain;background-repeat: no-repeat;font-family: arial regular, sans-serif;font-size: 16px;color: #ffffff;text-align: center;} #mid_container #inside_mid #big_rhomb{position: absolute;top: 464px;left: 237px;width: 549px;height: 549px;overflow: hidden;padding-top: 21px;padding-left: 21px;margin: auto;transform: rotate(45deg);background: rgba(40,54,88,1);background: -moz-linear-gradient(-45deg, rgba(40,54,88,1) 0%, rgba(42,66,98,1) 31%, rgba(43,76,108,1) 50%, rgba(44,95,124,1) 72%, rgba(44,95,124,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(40,54,88,1)), color-stop(31%, rgba(42,66,98,1)), color-stop(50%, rgba(43,76,108,1)), color-stop(72%, rgba(44,95,124,1)), color-stop(100%, rgba(44,95,124,1)));background: -webkit-linear-gradient(-45deg, rgba(40,54,88,1) 0%, rgba(42,66,98,1) 31%, rgba(43,76,108,1) 50%, rgba(44,95,124,1) 72%, rgba(44,95,124,1) 100%);background: -o-linear-gradient(-45deg, rgba(40,54,88,1) 0%, rgba(42,66,98,1) 31%, rgba(43,76,108,1) 50%, rgba(44,95,124,1) 72%, rgba(44,95,124,1) 100%);background: -ms-linear-gradient(-45deg, rgba(40,54,88,1) 0%, rgba(42,66,98,1) 31%, rgba(43,76,108,1) 50%, rgba(44,95,124,1) 72%, rgba(44,95,124,1) 100%);background: linear-gradient(135deg, rgba(40,54,88,1) 0%, rgba(42,66,98,1) 31%, rgba(43,76,108,1) 50%, rgba(44,95,124,1) 72%, rgba(44,95,124,1) 100%);} #mid_container #inside_mid #big_rhomb img:nth-child(1){transform: rotate(-45deg);} #mid_container #inside_mid #big_rhomb #form_container form{margin-top: -35px;margin-left: -236px;transform: rotate(-45deg);} #mid_container #inside_mid #big_rhomb #form_container form #captcha{width: 314px;height: 65px;margin: auto;} #mid_container #inside_mid #big_rhomb #form_container form #captcha img{float: left;margin-top: 4px;margin-right: 7px;transform: none;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key{float: left;width: 154px;height: 59px;padding-left: 13px;padding-top: 16px;text-align: center;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key input{width: 130px;height: 26px;padding-right: 0;margin-bottom: 6px;background-color: #647f96;border: none;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key input:focus{background-color: #647f96;border: none;outline: 0;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key #captcha_text{color: #ffffff;font-size: 12px;font-family: Myriad Pro Regular, sans-serif;} #mid_container #inside_mid #big_rhomb #form_container ::-webkit-input-placeholder{font-size: 9px;} #mid_container #inside_mid #big_rhomb #form_container input{width: 100%;height: 58px;border: 1px solid #3c4b61;border-top: none;background-color: transparent;text-align: initial;color: white;} #mid_container #inside_mid #big_rhomb #form_container input:focus{padding-right: 0;background-color: rgba(44,85,116,1);} #mid_container #inside_mid #big_rhomb #form_container input:focus::-webkit-input-placeholder{opacity: 0;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(2){padding-left: 362px;border-top: 1px solid #3c4b61;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(n+2){border-top: none;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(3){padding-left: 310px;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(4){padding-left: 260px;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(5){padding-left: 208px;} #mid_container #inside_mid #big_rhomb #form_container textarea{height: 118px;width: 415px;margin-left: 183px;background-color: transparent;border: none;outline: none;text-align: justify;font-size: 13px;font-family: arial;color: #ffffff;resize: none;padding-top:10px } #mid_container #inside_mid #big_rhomb #form_container #submit_container{width: 126px;height: 126px;position: absolute;right: -22px;top: 256px;} #mid_container #inside_mid #big_rhomb #form_container #submit_container .submit_rhomb{width: 126px;height: 126px;background-color: rgba(54,144,106,0.50);border: 1px solid #41bb32;overflow: hidden;transform: rotate(45deg);padding-left: 0;padding-right: 0;cursor: pointer;} #mid_container #inside_mid #big_rhomb #form_container #submit_container #submit_text{width: 60px;margin: auto;top: 56px;left: 32px;position: absolute;font-family: Myriad Pro Regular, sans-serif;color: #ffffff;font-size: 15px; z-index: 1;} #mid_container #inside_mid #big_rhomb #location_rhomb{width: 182px;height: 182px;border: 1px solid #16aebd;background-color: #296b7b;position: absolute;bottom: 0;right: 0;font-family: Myriad Pro Regular, sans-serif;} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb{width: 160px;margin: 55px auto;font-size: 11px;color: #ffffff;transform: rotate(-45deg);} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb #rhomb_heading{padding-bottom: 5px} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb ul{padding-left: 9px;list-style-type: none;} #low_container{width: 100%;height: 511px;background-image: url(/img/contacto/map.png);background-size: cover;background-position: center center;} #lightbox{position: fixed;z-index: 100;top: 0px;left: 0px;height: 100%;width: 100%;background: rgba(0,0,0,0.8);display: none;} #lightbox #map_container{position: relative;max-width: 1042px;width: 90%;height: auto;padding-top: 66px;margin: 119px auto 0;} #lightbox #map_container #lightbox_corner{position: absolute;top: 0;right: 0;width: 50.86%;height: 462px;background-image:url(/img/contacto/lightbox_corner.png);background-size: contain;background-repeat: no-repeat;background-position: top right;} #lightbox #map{width: 87.8%;height: auto;margin: 0px auto 0;} #lightbox #map img{width: 100%;} @media screen and (max-width: 1080px){#main_content{padding-top: 94px}} @media screen and (max-width: 1050px){ #top_container #inside_top #inside_heading{width: 100%;margin: 59px auto 0;text-align: center;} #top_container #inside_top {width: 100%;text-align: center;} #top_container #inside_top #middle_bar {padding: 40px 0 0 0;margin-top: 6px;} #top_container #inside_top #middle_bar #text_container {float: none;margin: 0 auto;text-align: justify;} #top_container #inside_top img {position: relative; right: 0;bottom: 0;width: 666px;margin-top: -84px;} #mid_container #inside_mid #box_container .sub_container:nth-child(4) .direction_box .top_box {padding: 12px 10px 0 7px;} #mid_container{height: auto;} #mid_container #inside_mid{height: 698.4px;} #mid_container #inside_mid #inline_container {margin-top: 22px;margin-bottom: 112.4px;} #mid_container #inside_mid #inline_container .border_box{float: none;margin: auto;} #mid_container #inside_mid #big_rhomb{position: relative;top: 0;left: 3px;width: 457px;height: 457px;} #mid_container #inside_mid #big_rhomb #form_container form{margin-top: 10px;margin-left: -236px;} #mid_container #inside_mid #big_rhomb #form_container input {height: 37px;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(2) {padding-left: 316px;border-top: 1px solid #3c4b61;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(3) {padding-left: 276px;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(4) {padding-left: 243px;} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(5) {padding-left: 208px;} #mid_container #inside_mid #big_rhomb #form_container textarea {height: 67px;width: 357px;padding-top: 8px;margin-left: 183px;background-color: transparent;border: none;outline: none;text-align: justify;} #mid_container #inside_mid #big_rhomb #form_container #submit_container {right: -20.5px; top: 172px;} #low_container {height: 427px;} } @media screen and (max-width: 995px){#mid_container #inside_mid #box_container .sub_container:nth-child(4) .box{padding-top: 7px;}} @media screen and (max-width: 970px){ #mid_container #inside_mid #box_container .sub_container .box{font-size: 13px;} #mid_container #inside_mid #box_container .sub_container:nth-child(4) .box{padding-top: 15px;} #mid_container #inside_mid #box_container .sub_container .direction_box {font-size: 11px;} } @media screen and (max-width: 937px){#mid_container #inside_mid #box_container .sub_container:nth-child(4) .box{padding-top: 8px;}} @media screen and (max-width: 930px){footer #container #main_inf #container_right .info .c_info .c_info_img{padding-top: 0 !important}} @media screen and (max-width: 912px){#mid_container #inside_mid #box_container .sub_container:nth-child(3) .box{padding-top: 8px;}} @media screen and (max-width: 887px){#lightbox #map_container {padding-top: 6.33%;}} @media screen and (max-width: 880px){#mid_container #inside_mid #box_container .sub_container:nth-child(4) .box {padding-top: 8px;}} @media screen and (max-width: 841px){#mid_container #inside_mid #box_container .sub_container:nth-child(3) .box {padding-top: 8px;}} @media screen and (max-width: 793px){ #mid_container #inside_mid #box_container .sub_container {width: 50%;} #mid_container #inside_mid #box_container .sub_container:nth-child(n+3) {margin-top: 43px;} #mid_container #inside_mid #box_container .sub_container:nth-child(3) .box {padding-top: 14px;} #mid_container #inside_mid #box_container .sub_container:nth-child(4) .box {padding-top: 14px;} #mid_container #inside_mid #box_container .sub_container .direction_box {max-width: 241px;width: 95%;float: none;margin: 0 auto ; display: block} #mid_container #inside_mid #box_container .sub_container .direction_box .top_box {padding: 12px 7px 0 7px;} #mid_container {padding-top: 11%;} #mid_container #inside_mid {height: auto;} #mid_container #inside_mid #inline_container {margin-bottom: 22px;} #mid_container #inside_mid #big_rhomb {left: 0;width: 100%;height: 467px;padding: 0;transform: rotate(0deg);} #mid_container #inside_mid #big_rhomb img:nth-child(1) {display: none;} #mid_container #inside_mid #big_rhomb #location_rhomb {position: relative;width: 100%;height: 104px;margin-top: 11px;border: none;overflow: hidden;} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb{float: left;width: 100%;height: inherit;margin: 0 auto;font-size: 11px;transform: rotate(0deg);} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb #rhomb_heading{float: left;width: 50%;height: inherit;padding-top: 38px;} #mid_container #inside_mid #big_rhomb #location_rhomb #text_rhomb ul{float: left;width: 50%;height: inherit;padding-top: 14px;margin: 0;background-color: #0e5263;text-align: center;} #mid_container #inside_mid #big_rhomb #form_container form {margin-top: 0;margin-left: 0;transform: rotate(0deg);} #mid_container #inside_mid #big_rhomb #form_container input:nth-child(n+2){padding: 13px 0 13px 25px;text-align: initial} #mid_container #inside_mid #big_rhomb #form_container form #captcha img{display: block;} #mid_container #inside_mid #big_rhomb #form_container textarea{width: 100%;height: 93px;padding: 13px 25px 0 25px;margin-left: 0;color: #ffffff;} #mid_container #inside_mid #big_rhomb #form_container #submit_container .submit_rhomb{width: 100%;height: inherit;transform: rotate(0deg);background-color: rgb(54,144,106);} #mid_container #inside_mid #big_rhomb #form_container #submit_container {width: 100%;height: 43px;left: 0;right: auto;top: 425px;} #mid_container #inside_mid #big_rhomb #form_container #submit_container #submit_text{top: 12px;left: 44%;} #low_container {display: none;} } @media screen and (max-width: 780px){ #main_content{padding-top: 29px} #top_container,#top_container #inside_top{height: 564px;} #top_container #inside_top #inside_heading{margin: 110px auto 0} } @media screen and (max-width: 688px){ #top_container, #top_container #inside_top {height: 518px;} #top_container #inside_top img {width: 580px;margin-top: -84px;} } @media screen and (max-width: 597px){ #top_container, #top_container #inside_top {height: 472px;} #top_container #inside_top img {width: 492px;} } @media screen and (max-width: 509px){ #top_container, #top_container #inside_top {height: 424px;} #top_container #inside_top img {width: 401px;} #top_container #inside_top #middle_bar #text_container {max-width: 405px;width: 95%;font-size: 14px;} } @media screen and (max-width: 477px){#mid_container #inside_mid #box_container .sub_container:nth-child(4) .box{padding-top: 8px;}} @media screen and (max-width: 464px){#mid_container #inside_mid #box_container .sub_container:nth-child(3) .box {padding-top: 8px;}} @media screen and (max-width: 462px){#mid_container #inside_mid #box_container .sub_container:nth-child(4) .box {padding-top: 8px;}} @media screen and (max-width: 442px){#mid_container #inside_mid #box_container .sub_container:nth-child(3) .box {padding-top: 8px;}} @media screen and (max-width: 419px){ #top_container, #top_container #inside_top {height: 376px;} #top_container #inside_top img {width: 310px;} } @media screen and (max-width: 414px){ #mid_container #inside_mid #box_container .sub_container {width: 100%;margin-top: 10px;} #mid_container #inside_mid #inline_container .border_box{max-width: 225px;padding: 7px 11px 0;font-size: 14px;height: 47.5px;} #mid_container #inside_mid #box_container .sub_container:nth-child(n+2) {margin-top: 22px;} #mid_container #inside_mid #box_container .sub_container:nth-child(n+3) .box {padding-top: 14px;} } @media screen and (max-width: 350px){ #mid_container #inside_mid #big_rhomb #form_container form #captcha {width: 278px;} #mid_container #inside_mid #big_rhomb #form_container form #captcha img {width: 125px;margin-top: 10px;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key {width: 140px;} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key input {width: 123px;} } @media screen and (max-width: 340px){ #top_container, #top_container #inside_top {height: 371px;} #top_container #inside_top img {width: 300px;} #top_container #inside_top #inside_heading {font-size: 16px;} #top_container #inside_top #middle_bar #text_container {font-size: 12px;} } @media screen and (max-width: 316px){ #top_container #inside_top img{width: 245px; margin-top: -53px} #mid_container #inside_mid #big_rhomb{height: 513px} #mid_container #inside_mid #big_rhomb #form_container form{overflow: hidden} #mid_container #inside_mid #big_rhomb #form_container form #captcha{width: 125px} #mid_container #inside_mid #big_rhomb #form_container form #captcha #captcha_key{width: 125px; padding-left: 0; border-left: 0} #mid_container #inside_mid #big_rhomb #form_container #submit_container{top:471px} }