/*************************************
   WELCOME TO THE SIMOVEIS CUSTOM STYLESHEET
--------------------------------------
              style.css
			By: GTeixeira
         http://gteixeira.net
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black			#000
- white			#fff
- background            #f5f5f5

- 30% grey              #b3b3b3
- 50% grey              #777777
- 70% grey              #474747
- red                   #cd2732

- golden	 	#cd2732
- silver                #a7a9ac
***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
html { background-color: #f5f5f5; }
h2 {
	color: #cd2732;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
.form-input, .form-input input{
	font-size: 14px;
	color: #76777a;
	float: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

/**************************************/
/*              HEADER                */
/**************************************/

#header{
	height: 109px;
	border-bottom: 5px solid #cd2732;
	margin-bottom: 29px;
}
.home #header {
	margin-bottom: 0;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
div.menu{
	margin-top:34px;
}

div.menu ul {
    display: block;
    list-style: none outside none;
    margin: 0;
	width: 100%;
	float: right;
	text-align: right;
}

div.menu ul li {
	display: inline-block;
    text-align: center;
    vertical-align: middle;
	color:#474747;
	font-size:20px;
	font-weight:300;
	padding-top:26px;
	margin-left: 50px;
}
div.menu ul li:first-child {
	margin-left: 0;
}

div.menu ul li a {
	color:#474747;
	font-size:19px;
	font-weight:300;
	background:url('../images/icons/menu_star.jpg') no-repeat top center;
	padding-top:26px;
	text-decoration:none;
	text-transform: uppercase;
}

div.menu ul li.active a, div.menu ul li a:hover {
	background:url('../images/icons/menu_star_active.jpg') no-repeat top center;
}

/**************************************/
/*             SEARCH BAR             */
/**************************************/
#search{
	display: block;
	height: 250px;
	background:url('../images/bg1.jpg') no-repeat top left;
	border-bottom: 5px solid #cd2732;
}
#search div.searchwrapper{
	height: 250px;
}
#search div.searchbar{
	height: 200px;
	width: 740px;
	margin: 25px auto;
	background-color:rgba(255,255,255,0.85);
	border: 2px solid #474747;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#search div.searchbar h3 {
	font-size:24px;
	font-weight: 700;
	color: #cd2732;
	margin: 20px 0 5px;
}
#search div.searchbar .form-input, #assetsList div.searchbar .form-input{
	width: 198px;
	height: 30px;
	margin-top: 9px;
}
#search div.searchbar input[type='text'].form-input,
#assetsList div.searchbar input[type='text'].form-input{
        font-size: 100%;
        font-family: "Lato", Arial, serif;
}
.form-input:-moz-placeholder{color:#76777a;}
.form-input::-moz-placeholder{color:#76777a;opacity:1;}
.form-input:-ms-input-placeholder{color:#76777a;opacity:1;}
.form-input::-webkit-input-placeholder{color:#76777a;font-size:13px}
#search div.searchbar .styled-select, #assetsList div.searchbar .styled-select {
   overflow: hidden;
   background: url(../images/icons/down_arrow_select.jpg) no-repeat right #fff;
   border: 1px solid #ccc;
   height: 28px;
   width: 196px;
   margin: 9px 0 0;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#search div.searchbar .styled-select select, #assetsList div.searchbar .styled-select select {
   background: transparent;
   line-height: 16px;
   border: 0;
   border-radius: 0;
   width: 219px;
   -webkit-appearance: none;
   margin: 0;
}
@-moz-document url-prefix() {
    #search div.searchbar .styled-select select {padding-top:5px;}
}
#search div.searchbar .mini-styled-select, #assetsList div.searchbar .mini-styled-select {
	width:93px;
	float: left;
	clear: none;
}
#search div.searchbar .mini-styled-select select, #assetsList div.searchbar .mini-styled-select select {
	width:113px;
	float: left;
	clear: none;
}
#search div.searchbar .mini-styled-select:nth-child(even){
	margin-right: 8px;
}
#search div.searchbar .form-left {
	float: left;
	width: 198px;
}
#search div.searchbar .form-right {
	float: right;
	width: 198px;
}
#search div.searchbar .location{
	float: left;
	width: 198px;
	margin: 0 40px;
}
#search div.searchbar .type{
	float: left;
	width: 416px;
	margin: 0 0 0 2px;
}
#search div.searchbar button {
	width: 198px;
	margin: 10px 0 0;
	font-size: 14px;
}
#search div.searchbar .advanced{
	float: right;
	clear: both;
	color: #474747;
	font-size:12px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

/**************************************/
/*              FEATUREDS             */
/**************************************/
#featured .featuredTitle{
	text-align: center;
}
#featured .featuredTitle h2{
	margin:38px 9px 47px;
	display: inline-block;
        color: #474747;
}
#featured .featuredPhoto {
	width: 300px;
	height: 200px;
	border: 3px solid #777777;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
}
#featured .featuredPhoto a {
	display: block;
    height: 100%;
    padding: 0;
    width: 100%;
}
#featured .featuredPhoto .featuredPrice {
	width: 108px;
	height: 37px;
	background-color: rgba(119,119,119,0.75);
	position: absolute;
	bottom: 0;
	right: 0;
	display: table;
	border-top-left-radius: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-top-left-radius: 17px;
}
#featured .featuredPhoto .featuredReserved {
	width: 100%;
	height: 100%;
	position: absolute;
        top: 0;
}
#featured .featuredPhoto .featuredPrice span {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 300;
	font-style: italic;
    text-align: center;
	display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}
#featured .featuredAsset h2{
	text-align: center;
	margin-top: 14px;
	margin-bottom: 16px;
	line-height: 24px;
}
#featured .featuredAsset h2 a {
	color: #474747;
	text-decoration: none;
}
#featured .featuredDescription {
	color: #777777;
	font-size: 15px;
	line-height: 25px;
}
#featured .featuredDescription .left {
	float: left;
	text-align: right;
}
#featured .featuredDescription .right {
	float: right;
}
#featured .featuredButton {
	float: right;
	margin-top: 30px;
	margin-bottom: 11px;
}
#featured .featuredButton .button {
	height: 14px;
	width: 82px;
	text-transform: uppercase;
	line-height: 16px;
	margin: 0;
        border:1px solid #474747;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #828282), color-stop(1, #6d6d6d) );
	background:-moz-linear-gradient( center top, #828282 5%, #6d6d6d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#6d6d6d');
	background-color:#777777;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	height: 100px;
	background-color: #474747;
	border-top: 5px solid #cd2732;
	margin-top: 40px;
}
#footer .container {
	padding: 20px 0;
}
#footer .left, #footer .container div.left .copy {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 26px;
}
#footer .left div.first .langdrop img{
	margin-right: 5px;
}
#footer .left .inactive {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#footer .left .first form,#footer .left .first form div {
    margin-bottom: 0;
}
#footer .left .inactive:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#footer .left div.last a.facebook {
	margin-right: 8px;
}
#footer .left div.last a.twitter {
	margin-right: 17px;
}
#footer .left div.last a.linkedin {
	margin-right: 0px;
}
#footer .copy {
	margin-top: 5px;
	float: left;
}
#footer .sitemap {
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	line-height: 30px;
}
#footer .sitemap a {
	color: #FFFFFF;
	text-decoration: none;
}

/**************************************/
/*           STATIC PAGES             */
/**************************************/
#staticPage .pageTitle {
	margin-top: 5px;
        margin-bottom: 20px;
}
#staticPage .pageTitle img.imgTitle{
	padding: 0 8px 1px 0;
}
#staticPage .pageTitle h1{
	color: #cd2732;
	text-transform: uppercase;
	display: inline-block;
	font-size: 25px;
	margin: 0 0 12px;
}

/**************************************/
/*           ASSET DETAILS            */
/**************************************/
#assetDetails .assetTitle {
	margin-top: 5px;
}
#assetDetails .assetTitle img{
	padding: 0 8px 1px 0;
}
#assetDetails .assetTitle h1{
	color: #cd2732;
	text-transform: uppercase;
	display: inline-block;
	font-size: 25px;
	margin: 0 0 12px;
}
#assetDetails .assetTitle .assetLocation{
	color: #cd2732;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	padding-left: 5px;
}
#assetDetails .assetTitle h2{
	color: #474747;
	font-style: italic;
	font-size: 26px;
	margin: 11px 0 29px 25px; 
}
#assetDetails .assetBack {
	width: 82px;
	height: 14px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0;
	float: right;
	font-weight: 400;
        border:1px solid #474747;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #828282), color-stop(1, #6d6d6d) );
	background:-moz-linear-gradient( center top, #828282 5%, #6d6d6d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#6d6d6d');
	background-color:#777777;
}
#assetDetails  h2 {
	margin: 30px 0 10px;
}
#assetDetails .assetDescription h2:first-child {
	margin: 0 0 10px;
}
#assetDetails .assetDescription p {
	margin: 0;
	color: #777777;
	font-size: 15px;
	line-height: 25px;
}
#assetDetails .assetMap {
	margin-top: 20px;
	height: 380px;
	width: 380px;
}
#assetDetails .assetGallery {
	position: relative;
        width:540px;
        min-height: 405px;
}
#assetDetails .assetGallery .fotorama__wrap {
	background-color: #777777;
}
#assetDetails .assetGallery .fotorama__stage, .fotorama--fullscreen .fotorama__stage {
	background-color: #D3D4D6;
	border: 3px solid #777777;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#assetDetails .assetGallery .fotorama__stage .fotorama__arr {z-index:999}
#assetDetails .assetGallery .fotorama__nav-wrap {
	border-width: 3px 6px 6px;
	border-style: solid;
	border-color: #777777;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#assetDetails .assetGallery .fotorama__nav__frame {
	padding: 0 6px;
}
#assetDetails .assetGallery .fotorama__thumb-border {
	margin-top: 0;
	border-color: #D3D4D6;
}
#assetDetails .assetGallery .reserved {
	width: 534px;
	height: 399px;
	position: absolute;
        top: 0;
        padding:3px;
        z-index:1;
}
#assetDetails .assetGallery .fotoramaLabel {
	position: absolute;
	right: 0px;
	bottom: 139px;
	width: 114px;
	height: 43px;
	background-color: rgba(119,119,119,0.75);
	border-top-left-radius: 17px;
	-moz-border-radius-topleft: 17px;
	-webkit-border-top-left-radius: 17px;
	display: table;
        z-index:2;
}
#assetDetails .assetGallery .fotoramaLabel p {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 300;
    text-align: center;
	display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
	margin: 0;
	padding: 0;
}
.fullscreen, .fotorama--fullscreen, .fotorama--fullscreen .fotorama__stage{ background:#D3D4D6 !important }
.fotorama--fullscreen .fotorama__nav{
	background:#777777 !important;
	border-width: 0px 6px 6px;
	border-style: solid;
	border-color: #777777;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.fotorama--fullscreen .fotorama__dot {
	border: 1px solid #D3D4D6;
    border-radius: 6px;
    height: 6px;
    left: 5px;
    top: 15px;
    width: 6px;
}
.fotorama--fullscreen .fotorama__nav--dots .fotorama__nav__frame {
    height: 40px;
    width: 25px;
}
.fotorama--fullscreen .fotorama__nav__frame.fotorama__active .fotorama__dot {
    border-width: 5px;
}
#assetDetails .assetContact h2 {
	margin-top: 24px;
}
#assetDetails div.assetContact .form-input{
	width: 220px;
	height: 30px;
	font-size: 14px;
	margin-top: 20px;
    border: 1px solid #bebebe;
}
#assetDetails div.assetContact textarea.form-input {
	width: 460px;
	height: 150px;
	resize: none;
	margin-top: 11px;
}
#assetDetails div.assetContact input[type="submit"] {
	float: right;
	height: 26px;
	width: 101px;
	margin: 20px 0 0;
	line-height: 14px;
}
#assetDetails div.assetContact .error,
#assetDetails div.assetContact .success {
    background: transparent;
    border-color: transparent;
    border-width: 0;
    color: transparent;
    margin-bottom: 0.8em;
    padding: 0;
}
#assetDetails div.assetContact .error input,#assetDetails div.assetContact .error textarea {
    border: 1px #d83b75 solid;
    background-color: #fbe3e4;
}
#assetDetails div.assetContact .success input,#assetDetails div.assetContact .success textarea {
    border: 1px #c6d880 solid;
    background-color: #FFF;
}

/**************************************/
/*            ASSETS LIST             */
/**************************************/
#assetsList .assetTitle {
	margin-top: 5px;
}
#assetsList .assetTitle img{
	padding: 0 8px 1px 0;
}
#assetsList .assetTitle h1{
	color: #cd2732;
	text-transform: uppercase;
	display: inline-block;
	font-size: 25px;
	margin: 0 0 12px;
}
#assetsList .assetBack {
	width: 82px;
	height: 14px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0;
	float: right;
	font-weight: 400;
}
#assetsList div.searchbar{
        height: 100%;
	margin: 25px auto;
        display: inline-block;
}
#assetsList div.searchbar .form-input{
        margin-left: 25px;
        width: 210px;
        margin-top: 15px;
}
#assetsList div.searchbar .styled-select {
        margin-left: 25px;
        float: left;
}
#assetsList div.searchbar .styled-select {
        width: 208px;
        margin-top: 15px;
}
#assetsList div.searchbar .styled-select select {
        width: 231px;
}
#assetsList div.searchbar .mini-styled-select {
        width: 98px;
}
#assetsList div.searchbar .mini-styled-select select {
        width: 118px;
}
#assetsList div.searchbar .multi-select {
        float: left;
        line-height: 16px;
        width: 208px;
        border: 1px solid #ccc;
        height: 28px;
        margin: 15px 0 0 25px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        color: #76777a;
}
#assetsList div.searchbar .multi-select .SumoSelect {
        display: block;
}
#assetsList div.searchbar .multi-select .SumoSelect > .CaptionCont > span.placeholder {
        color: #76777a;
        font-style: normal;
        font-size: 14px;
}
#assetsList div.searchbar .multi-select .SumoSelect > .optWrapper > .options > li label {
        font-weight: normal;
}
#assetsList div.searchbar .multi-select .SumoSelect > .CaptionCont > label {
        background-color: transparent;
}
#assetsList div.searchbar .multi-select .SumoSelect > .CaptionCont > label > i {
        background: url("../images/icons/down_arrow_select.jpg") no-repeat scroll right center #fff;
}
#assetsList div.searchbar .multi-select .SumoSelect > .optWrapper.open {
        top: 30px;
}
#assetsList div.searchbar .multi-select .SumoSelect > .CaptionCont {
        min-height: 18px;
}
#assetsList div.searchbar .multi-select .SlectBox, #assetsList div.searchbar .multi-select .SlectBoxa {
        width: 198px;
        height: 18px;
        border: 0 none transparent;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
}
#assetsList div.searchbar .mini-form-input {
	width: 100px;
	float: left;
	clear: none;
}
#assetsList div.searchbar .nomargin {
        margin-left: 0;
}
#assetsList div.searchbar .minimargin {
        margin-left: 10px;
}
#assetsList div.searchbar input[type="submit"],#assetsList div.searchbar input.submitbtn{
	width: 198px;
	margin: 29px 25px 0 0;
	font-size: 14px;
	float: right;
        line-height: 17px;
        padding: 4px 10px 4px 7px;
}
#assetsList hr {
        height: 2px;
        background-color: #cd2732;
}
#assetsList hr.bulky {
        height: 5px;
        background-color: #cd2732;
}
#assetsList #results {
        margin-top: 10px;
}
#assetsList #results h2 {
        display: inline-block;
}
#assetsList #results h2 span{
        font-size: 15px;
        text-transform: capitalize;
}
#assetsList #results h3 {
        display: inline-block;
        margin: 0;
        color: #474747;
}
#assetsList #results table {
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        max-width: 100%;
        border: 0 none;
}
#assetsList #results tbody {
        display: table-row-group;
        vertical-align: middle;
}
#assetsList #results tr {
        display: table-row;
}
#assetsList #results td {
        border: 0 none;
        line-height: 20px;
        padding: 0 0 0 8px;
        text-align: left;
        vertical-align: top;
        min-width: 170px;
}
#assetsList #results img {
        padding: 0 20px;
        height: 150px;
        width: 200px;
}
#assetsList #results p {
        text-align: center;
        margin-bottom: 25px;
}
#assetsList #results a.button {
        float: right;
        height: 11px;
        line-height: 11px;
        margin-top: 10px;
}
#assetsList #results .reserved {
	width: 100%;
	height: 100%;
	position: absolute;
        top: 0;
}
#assetsList #results ul.yiiPager a:link, #assetsList #results ul.yiiPager a:visited {
        border-color: #474747;
        color: #474747;
}
#assetsList #results ul.yiiPager a:hover {
        border-color: #cd2732;
        color: #cd2732;
}
#assetsList #results ul.yiiPager .selected a {
        background-color: #cd2732;
        border-color: #cd2732;
        color: #ffffff;
}
#assetsList #results ul.yiiPager .hidden a {
    border: 1px solid #dedede;
    color: #888888;
}
/**************************************/
/*            CONTACT PAGE            */
/**************************************/
#contact-form .form-input{
	width: 220px;
	height: 30px;
	margin-top: 9px;
}
#contact-form .form-input input{
	width: 220px;
	height: 30px;
}
#contact-form textarea.form-input {
        height: 150px;
        resize: none;
        width: 460px;
        margin-top: 0;
}
#contact-form input[type="submit"] {
    float: right;
    height: 26px;
    line-height: 14px;
    margin: 20px 0 0;
    width: 101px;
}
#contact-form .error, #contact-form .success {
    background: transparent;
    margin: 9px 0 0.8em;
    padding: 0;
    border: 0 none;
}
#contact-form .error > textarea, #contact-form .success > textarea {
    margin: -9px 0 0;
}
#contact-form .error input, #contact-form .error textarea {
    border: 1px #d83b75 solid;
    background-color: #fbe3e4;
}
#contact-form .success input, #contact-form .success textarea {
    border: 1px #c6d880 solid;
    background-color: #FFF;
}