@charset "utf-8";

@import url("css/css3.css"); /* import custom font and shadow effects */


@font-face {
	src: url('fonts/GothamLight.eot');
	src: local('GothamLight'), url('fonts/GothamLight.woff') format('woff'), url('fonts/GothamLight.ttf') format('truetype');
}

@font-face {
	titlefont-family: 'GothamLight';
font-style: normal;
font-weight: normal;
src: local('Gotham Pro Light'), url('fonts/GothaProReg.woff') format('woff');
}

@font-face {
font-family: 'Gotham Pro Reg';
font-style: normal;
font-weight: normal;
src: local('Gotham Pro'), url('fonts/GothaProReg.woff') format('woff');
}

@font-face {
font-family: 'GothamHTF-Book';
font-style: normal;
font-weight: normal;
src: local('GothamHTF-Book'), url('fonts/GothamHTF-Book.woff') format('woff');
}


@font-face {
	font-family: 'gothambold1';
	src: url('fonts/gothambold1.eot');
	src: local('gothambold1'), url('fonts/gothambold1.woff') format('woff'), url('fonts/gothambold1.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_5903">Text with this font applied</p> */




/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_4008">Text with this font applied</p> */
.fontsforweb_fontid_4008 {
	font-family: 'GothamLight' !important;
}



html { 
	
	/*background: url(img/body_noise.gif) repeat; */
} 


body {
	color:#ccc;
	font-family: "Fontin Sans", serif;

}

/* STYLING NAVIGATION BAR */

.navigation-area {
    background-image: url(img/navigation-container.jpg);
    background-repeat: repeat-x;
	z-index:200;
        padding-left:10px;
                padding-right:10px;
            background:black;
}

.top-bar {
    background:black;
    height: 48px;
    line-height: 48px;
    margin-bottom: 0;
}

.name a {
	font-family: 'Fontin Sans', 'Georgia', serif;
	text-transform:uppercase;
	font-size:1.3em;
	letter-spacing:0.3em;
	color:white;
	position:relative;
	font-weight:bold;
	top:10px;
	left:10px;
}

.top-bar-section ul {
    background:black;
    text-transform: uppercase;
	   
}

/** Single  menu item **/
.top-bar-section li a:not(.button) {

font-family: 'Gotham Pro Reg';
    font-weight:bold;
	letter-spacing:0.1em;
    background:black;
    line-height: 48px;
    padding: 0 15px;


}
input, select {font-family: 'Gotham Pro Reg'!important;}


.error_input {
    font-family: 'Gotham Pro Reg';

    background:#f64b2f;
    width:auto; 
    padding-left:10px; 
    text-align:right; 
    padding-right:10px; 
    color:white; 
    float:right; 
    position:relative; 
    font-size:7pt;  
    line-height:25px;
    top:0px;
    margin-bottom:0px;}

.error_input:before{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent; 
    border-bottom:10px solid #f64b2f;
    right:0px;
    z-index:2;
    top:-15px;
}



/* resets some colors when browser shrinks  */
@media only screen and (max-width: 942px) {
	.top-bar ul {
        background-color: black;
        padding-bottom: 3px;
    }
	 /* Change non active menu item color to white */
    .top-bar-section ul li > a {
        color: #fff;
    }
    /* Gives the dropdown ul a black fill */
    .top-bar-section ul {
        background: #000;
    }
	
	/* Give the BACK button after going in a submenu the appropriate filling */
    .top-bar-section .dropdown li.title h5 a {
        line-height: 47px;
    }
    /* This fixes the position and the color of the dropdown arrow */
    .top-bar-section .has-dropdown > a:after {
        border-color: rgba(255, 255, 255, 1) transparent transparent;
        margin-top: 2.5px;
    }

} /* end media query */
/* END OF NAVIGATION STYLING */



/* BASIC TYPOGRAPHY */

/*h1, h3, h4, h5, h6 {
	font-family: 'Fontin Bold', 'Arial', 'Helvetica',  sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	text-transform:uppercase;
	letter-spacing:0.4em;
}*/

h2 {
	font-family: 'Pinyon Script', 'Georgia', cursive;
	font-size:2em;
	margin: 0;
	padding: 0;
	color: #fff;
	position:relative;
	top:-5px;
	opacity:0.6;
	text-align:center;
}

h3{	
	font-family: 'Fontin', serif;
	text-transform:none;
	letter-spacing:normal;
}

h4, h6{
	font-family: 'Fontin SC', serif;
	text-transform: none;
	font-variant: normal;
	letter-spacing:normal;
	margin-bottom: 3px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#fff;
}

a{
	color: #fff;
	text-decoration:none;
	outline: 0;
}

a:hover{
	color:#e79621;
}

/*remove hash from location string */

a[href="javascript:"]:after, a[href="#"]:after {
    content: "";

}

/* BASIC LAYOUT */

.section {
	position:relative;
	padding-top:100px;
	min-height:600px;
        
	
}

#home {
	position:relative;
	padding-top:47px;
	width:100%;
	
}


/* slider */
ol.orbit-bullets {
	
	margin:0;
	padding:0;
	position:relative;
	left: 49%;
	margin-left: -2%;
	top:-50px;
	z-index:190;
	height: 35px;
	width:100%;
	text-align: center;

}

@media only screen and (max-width: 942px) {
	ol.orbit-bullets {
	top:-40px;
	margin-left:-40px;
	}
} /* end media query */
/* END OF NAVIGATION STYLING */


ol.orbit-bullets li {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 7px;
	background: none;
border:1px solid white;
	cursor: pointer;

	}


ol.orbit-bullets li.active {

	background: #fff;
border:1px solid white;

}


ol.orbit-bullets li:hover {

opacity:0.7;

}


ol.orbit-bullets li.active:after {

	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: #fff;
border:1px solid white;

}


	
/* this div is commented in the index.html, instead it's substituted 
with orbit slider. If you want static header, uncomment logo div in index.html */

#logo {
	width:100%;
	height:689px;
	position:relative;
	top:0;
	margin:0 auto;
	text-align:center;
	background:url(img/header.jpg) no-repeat top center;

}

.welcome {
	position: relative; 
	margin:0 auto; 
	width:60%;
}

@media only screen and (max-width: 942px) {
	.welcome {
	padding-top:10px;
	}
} /* end media query */
/* END OF NAVIGATION STYLING */


/* ABOUT */

#about {
	background:#cccccd;
	color: #666767;

}

#portfolio {
   
	background:#292929;
	color: white;
        height:auto;

}


/* decorative divider for section title */

.divider2 {
	position:relative;
	top:-5px;
	width:149px; 
	height:22px; 
	display:block; 
	background:url(img/divider_calligr.png) no-repeat; 
	margin:0 auto; 
	margin-bottom:50px;
}




/* ROOMS */

#rooms {

	background:#292929;
	color: #b0a4a4;
}



.lined {
	width:100%; 
	padding-bottom:10px; 
	border-bottom: 1px #5d5d5d solid; 
	margin-bottom:10px; 
}


/* picture and text block that doesn't flow around image */

.overflow {overflow: auto; word-wrap: break-word;}
.image {float:left; max-width: 100%; height: auto; border:none;}
.text {overflow: hidden; padding-left:20px; padding-top:4px}


/* styling main tabs */

a.mtabs {
	padding:10px 30px 10px 30px !important;
	background:black !important;
	font-family: 'Fontin', sans-serif !important;
	letter-spacing:0.2em !important;
	color:#fff !important;
	text-transform: uppercase !important;

}
dd.active a.mtabs {
	background:#262626 !important;
	color: #5e5e5e !important;
}

/* styling vertical tabs that change room images */

a.itabs {
	padding:0 !important;
	background:none !important;
	margin-bottom:15px;

}

a.imtabs {
	padding:0 !important;
	margin:0 !important;
	background:none !important;
	margin-right:15px !important;

}

.itabscontent {
	padding:0 !important;
	background:none !important;
	margin-bottom:10px;
}

/* place thumbnails differently on small screen */
@media only screen and (max-width: 942px) {
	a.itabs {
	padding:0 !important;
	background:none !important;
	float:left !important;
	margin-right:15px;
	}
} /* end media query */
/* END OF NAVIGATION STYLING */


/* CONTACT */



#contact {
	
	background:#cccccc;
	color: #545454;
	
}


.lined2 {
	width:100%; 
	padding-bottom:10px; 
	border-bottom: 1px #5b6e64 solid; 
	margin-bottom:10px; 
}


/* social icons */

#social {
	margin:0;
	padding:0;
	padding-bottom:20px;


}
.fb,.gl,.tw {
	width: 34px; 
	height: 34px;
	display: block; 
	cursor: pointer; 
	text-indent: -9999px;
	outline:0;

}

.fb {
	background: url(img/fb_ico.png) no-repeat 0 0;
}

.gl {
	background: url(img/gl_ico.png) no-repeat 0 0;
}

.tw {
	background: url(img/tw_ico.png) no-repeat 0 0;
}

.fb:hover, .gl:hover, .tw:hover {
	background-position: 0 -31px;
}

/* forms */


fieldset {
	border:none;
	padding:0;
	margin:0;
}



.button {
	padding:10px;
	padding-left:25px;
	padding-right:25px;


}
/*
.button:hover{
	background:#643a1f url(img/fieldbg.png) repeat-x top;
	background: rgba(0,0,0,.25) url(img/fieldbg.png) repeat-x top;
	color:#cf804f;
}
*/

#contactform label {
	
	display: block;
	margin: 0 0 4px 0;
	color: #8ea599;

}


#contactform input, #contactform textarea {

	position:relative;
	top:10px;
	border:none;
	color:#8ea599;
	outline:none;
	background:#643a1f url(img/fieldbg.png) repeat-x top;
	background: rgba(0,0,0,.25) url(img/fieldbg.png) repeat-x top;
	border-bottom: 1px solid #5b6d64;
	border-right: 1px solid #5b6d64;
	display:block;
	

}


.wrapper {
	background: #432516;
	background: rgba(0,0,0,.10);
	

}


/* AUX STYLES USED THROUGHOUT THE SITE  */

.bold {font-family: 'Fontin Bold', 'Georgia', serif; font-weight:bold}


.script {	font-family: 'GothamLight';
}


.GothamLight {font-family: 'Gotham Pro Reg';

}


.GothamProReg {font-family: 'Gotham Pro Reg';

}
.gothambold1 {font-family: 'gothambold1';

}







.italic {font-style:italic;}
.smallcaps {font-variant:small-caps; letter-spacing:1px; font-family: 'Fontin SC'; }
.sans-serif {font-family: 'Arial', 'Helvetica', sans-serif;}
.nocaps {text-transform:none;}
.bigger {font-size:1.3em;}
.big {font-size:2em;}
.small {font-size:0.9em; line-height:1.6em;}
.smallest {font-size:0.8em;}
.lheight {line-height:1.3em;}
.normal {letter-spacing:normal; font-weight:normal;} 


/* colors */
.base {color:#cf804f;}
.black{color:#000;}
.white {color:#fff;}
.orange {color: #e79621;}
.cocoa {color:#eb9764;}
.red {color: #d43321;}
.gray {color: #519d8a;}
.dark {color: #333;}

.padd {position:relative; display:block; width:100%; height:130px;}
/* memorize: spleft for 'small padding left' */
.sptop {padding-top:10px !important;}

.link_email  {color:#545454;}
.link_email:hover  {color:#509d88;}
.spleft {padding-left:10px !important;}
.spbottom {padding-bottom:10px !important;}
.spright {padding-right:20px !important;}

/* memorize: bpleft for 'big padding left' */
.bptop {padding-top:30px;}
.bpleft {padding-left:30px;}
.bpbottom {padding-bottom:30px;}
.bpright {padding-right:30px;}

.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignnone{
	float: none;
	margin: 0 0 20px 0;
}

.left {float:left;}




@font-face {
  font-family: 'entypo-selected';
  src: url("font/entypo-selected.eot");
  src: 
	  url("font/entypo-selected.eot?#iefix") format('embedded-opentype'), 
	  url("font/entypo-selected.woff") format('woff'), 
	  url("font/entypo-selected.ttf") format('truetype'), 
	  url("font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}






/* Gamma Gallery Style */

.gamma-container {
	min-height: 200px;
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 0px;
}

.gamma-gallery li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.gamma-description {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 0px;
	left:0px;
	bottom: 0px;
	right: 0px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
 
.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
font-family: 'Gotham Pro Reg';
	font-size: 16px;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
        padding:15px;
	
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: 'entypo-selected';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 9999;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {
	content: '\e75d';
}

.gamma-nav span.gamma-next:before {
	content: '\e75e';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(../images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(../images/loader_dark.gif) no-repeat center center;
}


/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media screen and (max-width: 750px) {

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

        .title {font-size:15pt;}
.title_2 {font-size:12pt;}
        
}

@media screen and (max-width: 500px) {
    
    
.width_mobile {  max-width: 20.5rem!important;} 
.width_mobile2 { padding-left:10px!important; padding-right:10px!important;} 
.width_mobile2 p {font-size:14pt; line-height: 23px;} 


.title {font-size:13pt; padding-top:20px;}
.title_2 {font-size:11pt;}
.subtitle {font-size:10pt;}
.sobre_empresa_title {font-size:22pt;}
.portfolio_title {font-size:22pt;}
.contacto_title {font-size:22pt;}

.sobre_empresa p {
                 font-size:10pt;
           
}

.subtitle {padding-top:25px;}
	.gamma-buttons {
		float: left;
		clear: both;
	}

}

.title_form {color:#519D8A; font-size:10pt; line-height: 22px; width:100%; }
select, textarea, .divform, .divform .r, .divform .c, form{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.divform .c {margin:15px; margin-left:0px; margin-top:0px; margin-bottom:5px;}

.divform .c label.title_form {color:#519D8A; font-size:10pt; line-height: 22px; width:100%; }

.divform .c label.title_form_2 {color:#444444; font-size:10pt; line-height: 22px; }

.input_geral {   font-family: 'Gotham Pro Reg'!important; width:100%!important; font-size:10pt!important; border:2px solid #b2b5b8!important; background:white!important; padding-left:5px!important; padding-right:10px!important; color:#727578!important;}

.input_geral:focus {  font-family: 'Gotham Pro Reg'!important; width:100%!important; font-size:10pt!important; border:2px solid #c4d6ea!important; background:white!important; padding-left:5px!important; padding-right:10px!important; color:#727578!important;}

.input_geral:disabled {  font-family: 'Gotham Pro Reg'!important; width:100%!important; font-size:10pt!important; border:2px solid #b2b5b8!important; background:#E4E5E6!important; padding-left:5px!important; padding-right:10px!important; color:#727578!important;}
.input_geral:read-only {  font-family: 'Gotham Pro Reg'!important; width:100%!important; font-size:10pt!important; border:2px solid #b2b5b8!important; background:#E4E5E6!important; padding-left:5px!important; padding-right:10px!important; color:#727578!important;}

.label_form {  font-family: 'Gotham Pro Reg'!important; color:#519D8A; font-weight:600; font-size:9pt; text-align:left!important;}



.divform{display:table;border-collapse:collapse; width:100%; margin-bottom:0px!important; margin:0px;}
.divform .r{display:table-row;}
.divform .c{display:table-cell;vertical-align:middle; margin-top:-1px;}
.divform .c{min-width:50px; float:left;}
.width_35px{width:35px!important;}
.width_35px_100{width:35px!important;}
.width_50px{width:50px!important;}
.width_50px{width:50px!important;}
.width_100px{width:100px!important;}
.width_100pc{width:100%!important;}

.width_150px_100{width:150px!important;}
.width_125px{width:125px!important;}
.width_125px_pos{width:112.5px!important;}
.width_150px{width:150px!important;}
.width_170px{width:170px!important;}
.width_200px{width:200px!important;}
.width_200px_100{width:200px!important;}
.width_225px{width:225px!important;}
.width_225px_pos{width:225px!important;}
.width_250px{width:250px!important;}
.width_300px{width:300px!important;}
.width_350px{width:350px!important;}
.width_350px_center{width:350px!important;}
.width_700px{width:700px!important;}
.height_300px{height:300px!important;}
.width_400px{width:400px!important;}
.width_450px{width:450px!important;}
.width_500px{width:500px!important;}
.width_600px{width:600px!important;}
.height_300px{height:300px!important;}
.width_55pc{width:55%!important;}
.width_50pc{width:46%!important;}
.width_45pc{width:45%!important;}    
.width_40pc{width:40%!important;}    
.width_30pc{width:30%!important;}    
.width_15pc{width:15%!important;}  
.margin_left_5pc {margin-left:5%!important;}
.margin_left_15px {margin-left:15px!important;} 
.margin_top10{margin-top:10px;}
.margin_top15{margin-top:15px;}
.margin_top20{margin-top:20px;}
.margin_top25{margin-top:25px;}
.margin_bottom25{margin-bottom:25px;}
.paddingleft_10 {padding-left:10px;}

select, textarea, .divform, .divform .r, .divform .c, form{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.divform .c {margin:15px; margin-left:0px; margin-top:0px; margin-bottom:5px;}

.divform .c label.title_form {color:black; font-size:10pt; line-height: 22px; width:100%; }

.divform .c label.title_form_2 {color:#444444; font-size:10pt; line-height: 22px; }



/* iPads (portrait and landscape) */
@media only screen and (min-width:480px) and (max-width:1024px){

    label, .fheading[type="submit"]{margin-left:0;text-indent:0}
    .ver2 .c{width:35%}
    .ver2 .c:nth-child(2n+2){width:65%}
    .c.frwd{width:100%;}
    .c.frwd textarea, .c.frwd, .c.frwd select{width:100%}
    .ver2 .frwd.c:nth-child(2n+2){width:100%}
    .width_35px{width:50%!important;}
    .width_35px_100{width:35px!important;}
    .width_50px{width:50%!important;}
    .width_100px{width:50%!important;}
    .width_100pc{width:100%!important;}
    .width_150px_100{width:150px!important;}
    .width_150px{width:50%!important;}
    .width_125px{width:50%!important;}
    .width_170px{width:50%!important;}
    .width_200px{width:50%!important;}
    .width_200px_100{width:200px!important;}
    .width_225px{width:50%!important;}
    .width_250px{width:50%!important;}
    .width_300px{width:50%!important;}
    .width_350px{width:50%!important;}
    .width_350px_center{width:100%!important;}
    .width_700px{width:100%!important;}
    .width_400px{width:50%!important;}
    .width_450px{width:50%!important;}
    .width_500px{width:50%!important;}
    .width_600px{width:50%!important;}
    .height_300px{height:300px!important;}
    .margin_left_15px {margin-left:0px!important;} 
    .width_55pc{width:55%!important;}
    .width_50pc{width:50%!important;}
    .width_45pc{width:45%!important;}
    .width_40pc{width:40%!important;}      
    .width_30pc{width:30%!important;}      
    .width_15pc{width:15%!important;}    

}




@media screen and (device-aspect-ratio: 40/71), (max-width:480px){
    label, .fheading {margin:0;text-indent:0}
    .divform .r{clear:both}
    .divform .c{min-width:100%;float:left; margin-top:10px; margin-bottom:10px;} 
    .width_35px{width:100%!important;}
    .width_35px_100{width:100%!important;}
    .width_50px{width:100%!important;}
    .width_100px{width:100%!important;}
    .width_100pc{width:100%!important;}
    .width_150px_100{width:100%!important;}
    .width_150px{width:100%!important;}
    .width_125px{width:100%!important;}
    .width_170px{width:100%!important;}
    .width_200px{width:100%!important;}
    .width_200px_100{width:100%!important;}
    .width_225px{width:100%!important;}
    .width_250px{width:100%!important;}
    .width_300px{width:100%!important;}   
    .width_350px{width:100%!important;}
    .width_350px_center{width:100%!important;}
    .width_700px{width:100%!important;}
    .width_400px{width:100%!important;}   
    .width_450px{width:100%!important;}      
    .width_500px{width:100%!important;}   
    .width_600px{width:100%!important;}   
    .height_300px{height:300px!important;}
    .width_55pc{width:100%!important;}
    .width_50pc{width:100%!important;}
    .width_45pc{width:100%!important;}
    .width_40pc{width:100%!important;}
    .width_30pc{width:100%!important;}
    .width_15pc{width:100%!important;}
    .margin_left_5pc {margin-left:0%!important;}
    .margin_left_15px {margin-left:0px!important;} 
    .select2-search { display: none }


}



input.input_normal, select.select_normal, textarea.textarea_normal{
    /* shared style for input elements */

    border-radius: 0;
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
}
textarea.textarea_normal {
    resize: vertical;}

input.localizacao_origem { background-image: url("../img_website/pin2.svg");
    background-repeat: no-repeat;
    background-position:2px;
    background-size:35px 35px; padding-left:40px!important;}





textarea.textarea_normal,
input.input_normal[type='number'],
input.input_normal[type='password'],
input.input_normal[type='text'],
select.select_normal {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    color:#9A9A9A;

}


input.input_normal_newsletter[type='text'] {
    width: 100%;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    color:white;
    background:none;
    border:1px solid white;
}

input.input_normal_newsletter::-webkit-input-placeholder { color:white; font-style: italic; font-size:10pt;}
input.input_normal_newsletter:-moz-placeholder { color:white; font-style: italic; opacity: 1; font-size:10pt;}
input.input_normal_newsletter::-moz-placeholder { color:white; font-style: italic; opacity:  1; font-size:10pt;}
input.input_normal_newsletter:-ms-input-placeholder { color:white; font-style: italic; font-size:10pt;}



select.input_normal_newsletter {
    width: 100%;
    padding: .8em;height:44px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    color:white;
    font-style: italic;
    text-transform: uppercase;
    border:1px solid white;
    font-size:10pt;
    background: url("../img_website/cd-icon-arrow_white.svg") no-repeat right 10px center;

}
select.input_normal_newsletter option {color:black;}
select.input_normal_newsletter::-webkit-input-placeholder { color:white; font-style: italic; font-size:10pt;}
select.input_normal_newsletter:-moz-placeholder { color:white; font-style: italic; opacity: 1; font-size:10pt;}
select.input_normal_newsletter::-moz-placeholder { color:white; font-style: italic; opacity:  1; font-size:10pt;}
select.input_normal_newsletter:-ms-input-placeholder { color:white; font-style: italic; font-size:10pt;}





select.select_normal {

    background: url("../img_website/cd-icon-arrow.svg") no-repeat right 10px center;
    padding: .8em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: none;
    color:#9A9A9A;
}


select.select_normal::-webkit-input-placeholder { color:#9A9A9A;}
select.select_normal:-moz-placeholder { color:#9A9A9A; opacity: 1;}
select.select_normal::-moz-placeholder { color:#9A9A9A; opacity:  1;}
select.select_normal:-ms-input-placeholder { color:#9A9A9A;}


textarea.textarea_normal:focus,
input.input_normal[type='number']:focus,
input.input_normal[type='password']:focus,
input.input_normal[type='text']:focus,
select.select_normal :focus {
    outline: none;
    background-color: #ffffff;
    border-color: #519D8A;
}



input.input_normal_newsletter:focus
{
    outline: none;
    background-color: none;
    border-color: white;
}




#do_login:hover {color:black;  cursor:pointer;}
.campos_obrigatorios {

font-family: 'Gotham Pro Reg';
    font-size: 10px;
    font-weight: 700;
    color:#519D8A;
    letter-spacing: 1px;
    line-height:25px;
    text-transform: uppercase;
}


.logout {color:black!important; font-style: italic; }






a.button_geral {margin-top:15px;
                text-decoration: none;
                display: inline-block;
                color: white;
                border: 1px solid #bb9f5d;
                background:#bb9f5d;
                cursor:pointer;
                font-size:10pt;
                line-height:35px;
                padding-left:15px;
                padding-right:15px;
                text-align:center;
                float:right;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 1px;
                transition: opacity .25s ease-in-out;
                -moz-transition: opacity .25s ease-in-out;
                -webkit-transition: opacity .25s ease-in-out;
}



a.button_geral:hover {
    opacity:0.7;
    border: 1px solid #519D8A;
    background:#bb9f5d;
}

button.button_geral {
    text-decoration: none;
    display: inline-block;
    color: white;
    border: 1px solid #519D8A;
    background:#519D8A;
    cursor:pointer;
    font-size:10pt;
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    float:right;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    height:45px;
    line-height:45px;
    padding-top:0px;
    padding-bottom:0px;
}



button.button_geral:hover {
    opacity:0.7;
    border: 1px solid #519D8A;
    background:#519D8A;
}







button.button_geral_border {

    text-decoration: none;
    display: inline-block;
    color: #787878;
    border: 1px solid #b3afb0;
    background:white;
    cursor:pointer;
    font-size:10pt;
    padding-left:20px;
    padding-right:20px;
    text-align:center;

    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
        height:45px;
    line-height:45px;
    padding-top:0px;
    padding-bottom:0px;
}



button.button_geral_border:hover {
    opacity:0.7;
    border: 1px solid #b3afb0;
    background:white;
    color: #b3afb0;
}