/***************************************************
### Autor:      Nikola Vujovic                   ###
###             www.ics.ba                       ###
###             copyright (c) 2006 - 2014        ###
****************************************************
### Projekat:   sarajevocitycenter.ba            ###
### Datum:      17.07.2014.                      ###
### Namjena:    Static                           ###
***************************************************/
/***    Location Map
*/
.location_map {}
.location_map .location_map_google {width: 100%;height: 480px;background-color: #ebebeb;}
.location_map .page_content_right {margin-right: 15px;}
.location_map .scc_map_right {width: 300px;background-color: #ffffff;float: left;margin: 0 0 15px;}
.location_map .scc_map_right header {height: 48px;background-color: rgba(158,40,137,.8);padding: 0 20px;}
.location_map .scc_map_right header h1 {font-size: 22px;color: #ffffff;text-transform: uppercase;line-height: 48px;}
.location_map .scc_map_right .box_right_content {padding: 20px;}
.location_map .location_map_banners {width: 300px;float: left;}
.location_map .location_map_banners .box_right {margin-bottom: 15px;}
.location_map .location_map_banners .box_right figure img {width: 300px;}
/***    Hotel
*/
.hotel {}
.hotel figure.content_image {float: right;margin: 0 0 0 20px;border: 1px solid #d8d8d8;padding: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.hotel figure.content_image img {width: 480px;height: auto;}
/***    About Us
*/
.about_us {}
.about_us .youtube_video {width: 940;height: 529px;margin: 20px 0 15px;position: relative;}
.about_us .youtube_video .youtube_play_stop {width: 100%;height: 100%;background: rgba(0,0,0,0.0);position: absolute;left: 0;top: 0;z-index: 9000;cursor: pointer;}
.about_us .logos {margin-right: -20px;}
.about_us .logos figure {width: 220px;margin-right: 20px;float: left;}
/***    Offices
*/
.offices {}
.offices figure.content_image {float: right;margin: 0 0 0 20px;border: 1px solid #d8d8d8;padding: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.offices figure.content_image img {width: 480px;height: auto;}
/***    SPA
*/
.spa {}
.spa figure.content_image {float: right;margin: 0 0 0 20px;border: 1px solid #d8d8d8;padding: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.spa figure.content_image img {width: 480px;height: auto;}
/***    Gastro
*/
.gastro {}
/***    Parking
*/
.parking {}
/*.parking figure {width: 420px;float: right;}*/
.parking figure {width: 100%;}
.parking figure img {width: 100%;}
.parking table {width: 500px;margin: 0;}
.parking table tr th {font-weight: 700;background-color: #ebebeb;text-align: center;}
.parking table tr th,
.parking table tr td {width: 25%;padding: 5px 10px;}
.parking table tr td {border-bottom: 1px solid #ebebeb;}
.parking table tr td.number {vertical-align: middle;text-align: right;}
.parking .note {margin: 15px 0 0;}
.parking .note ul {list-style: disc;padding-left: 15px;}
/***    Premises Leasing
*/
.premises_leasing {background-color: #ffffff;padding: 20px;}
.premises_leasing header {padding: 0 0 20px;}
.premises_leasing .tabs {width: 200px;float: left;margin-right: 20px;}
.premises_leasing .tabs ul li a {background-color: rgba(158,40,137,.3);}
.premises_leasing .tabs ul li a:hover {background-color: rgba(158,40,137,.7);}
.premises_leasing .tabs ul li.active a {background-color: rgba(158,40,137,1.0);}
.premises_leasing .text {width: 300px;float: left;margin-right: 20px;}
.premises_leasing .text p {font-size: 18px;}
.premises_leasing .form {width: 400px;float: left;position: relative;}
/***    Virtual Tour
*/
.virtual_tour {}
.virtual_tour .virtual_tour_holder {width: 100%;height: 520px;background-color: #ebebeb;}
/***    Input Form
*/
.input_form {width: 100%;}
.input_form li {padding: 0 0 10px;}
.input_form li label {width: 100%;display: block;margin: 0 0 5px;}
.input_form li p.error {line-height: normal;color: #ff0000;margin: 5px 0 0;display: none;}
.input_form li.nav {text-align: right;}
.input_form li.note {padding: 0;}
.input_form li.note p {line-height: normal;}
/***    Contact
*/
.contact {}
.contact header {padding: 10px 0;}
.contact .contact_text {width: 650px;padding-right: 20px;float: left;}
.contact .contact_info {width: 290px;padding-left: 20px;float: left;}
.contact .tabs {width: 650px;padding-right: 19px;float: left;border-right: 1px solid #f0f0f0;}
.contact .tabs ul {width: 100%;}
.contact .tabs ul li {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;float: left;width: auto;margin: 0;margin: 0 1px 1px 0;}
.contact .tabs ul li span {background-color: rgba(158,40,137,.3);width: auto;line-height: 40px;display: block;text-align: center;color: #ffffff;text-transform: uppercase;cursor: pointer;padding: 0 15px;font-size: 18px;}
.contact .tabs ul li span:hover {background-color: rgba(158,40,137,.7);}
.contact .tabs ul li.active span,
.contact .tabs ul li.active span:hover {background-color: rgba(158,40,137,1.0);cursor: default;}
.contact .tabs .tabs_content {width: 100%;float: none;border-top: 0;}
.contact .tabs .tabs_content ol {width: 100%;float: none;padding-left: 0;margin: 0 -5px;}
.contact .tabs .tabs_content ol li {width: 50%;margin: 0;float: left;display: none;padding: 0 5px;margin: 10px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact .tabs .tabs_content ol li.active {display: block;}
.contact .tabs .tabs_content ol li a {background: rgba(0,0,0,.1);display: block;height: auto;line-height: normal;padding: 5px 10px;text-transform: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.contact .tabs .tabs_content ol li a h1 {font-size: 18px;text-transform: uppercase;color: #2a2a2a;}
.contact .tabs .tabs_content ol li a p {line-height: normal;font-size: 16px;}
.contact .tabs .tabs_content ol li a:hover {background: rgba(0,0,0,.8);}
.contact .tabs .tabs_content ol li a:hover h1 {color: #ffffff;}