@font-face{font-family:'colaborate-thinregular';src:url('fonts/ColabThi-webfont.eot');src:url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ColabThi-webfont.woff') format('woff'),
url('fonts/ColabThi-webfont.ttf') format('truetype'),
url('fonts/ColabThi-webfont.svg#colaborate-thinregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'BebasNeueRegular';src:url('fonts/BebasNeue-webfont.eot');src:url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face {
	font-family: 'Neuton-Extralight';
	src: url('fonts/Neuton-Extralight.eot');
	src: local('☺'), url('fonts/Neuton-Extralight.woff') format('woff'), url('fonts/Neuton-Extralight.ttf') format('truetype'), url('fonts/Neuton-Extralight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 body::-webkit-scrollbar { /*CUSTOM  SCROLLING SIDE BARS*/
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;

    width: 1em;}/*END CUSTOM  SCROLLING SIDE BARS*/
.boxed {
	border: 1px solid white;
	background:rgba(128,128,128,0.3);
}
 
.wrap {
	 position:relative;

	 clear:none;
	 overflow:hidden;
	 margin: -7px 0 -7px 0;
 }
 .wrap img {
	 position:relative;
	 z-index:1;
 }
 .wrap .desc {
	 display:block;
	 position:absolute;
	 width:100%;
	 top:40%;
	 left:0;
	 z-index:2;
	 text-align:center;
 }
.wrap_como {
	 position:relative;

	 clear:none;
	 overflow:hidden;
	 margin: -7px 0 -7px 0;
 }
 .wrap_como img {
	 position:relative;
	 z-index:1;
 }
 .wrap_como .desc_como {
	 display:block;
	 position:absolute;
	 width:100%;
	 top:35%;
	 left:0;
	 z-index:2;
	 text-align:center;
 }
     
	body { font : 100%/1.4 'colaborate-thinregular', arial, helvetica, helve, sans-serif;
	}
 	.col { background: #f2f2f2; padding:1em 0; text-align:center;}
	.col2 { background: #f2f2f2; padding:0 0; text-align:center;}
     /*#border-shadow {
    -webkit-box-shadow: 3px 3px 3px #7C7C7C;
    box-shadow: 3px 3px 3px #7C7C7C;
    }*/
 
.jaime {color:#000;}
.raso {color:#000;}
.size2_h1 {font-size:18px;color:#800000;}
.size2_p {font-size:18px;color:#800000;}
.size2_h3 {font-size:18px;color:#800000;}
.logo_padding {margin-bottom:-20px;}
 .header_color {background-color:#fff;}
 .section2 {clear:both;padding:20px;margin:10px;border:1px solid #cccccc;border-radius:5px;}
/*.header_padding {padding:0px 0 0 0;}*/
.center-div0 {margin:0 auto;max-width:1680px;align:center;}
.div_gal {padding: 0 5%;}
 html, body {
  margin: 0 0 0 0;
  padding: 0;
  background: #fff;
  width: 100%;}
#menu{
	transition: all 0.3s ease;
	position: fixed;
	width: 0%;
	top: 0;
	left: -200px;
	background: #000;
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px black;}
#menu a{
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin: 0;
	border-radius: 0;
	transition: all 0.2s ease;}
#menu a:hover{
	background: #818181;}
#menu-toggle{
	position: fixed;
	top: 20px;
	left: 0;
	background: #000;
	z-index: 1000;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all 0.3s ease;}
#menu-toggle:hover{
	cursor: pointer;}
#menu.open{
	left: 0;
	width: 200px;
	display: block;}
#menu-toggle.open{
	left: 200px;}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
form{width:70%;margin:1% 1%;}
 input[type=text]{color:#515151;font-size:16px;font-family: colaborate-thinregular;margin-bottom:20px;margin-top:10px;width:100%;padding:15px;border-radius:5px;border:1px solid #e6e6e6;}
input[type=submit]{width:50%;cursor:pointer;}
#submit:hover{background-color:#800000;}
textarea{width:100%;font-size:16px;font-family:colaborate-thinregular;color:#515151;padding:15px;margin-top:10px;border:1px solid #e6e6e6;border-radius:5px;margin-bottom:20px;resize:none;}
input[type=text]:focus,textarea:focus{border-color:#800000;color:#000000;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px;}
.div_height1 {height:15px;}
.underlined {
 border-bottom:1px solid #666;
 border-top:1px solid #666;
padding-bottom:20px;

}
h1 { text-align:center; color:#fff;}
.logo_margin {z-index:2000}
.box_middle {vertical-align: middle;}
 h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*body{width:100%;background:#fff;font-weight:400;font-size:15px;}*/

.ie7 body{overflow:hidden;}
 a{text-decoration:none;}
.container{width:100%;position:fixed;text-align:center;margin:-60px 0 0 0;z-index:999;}
.container > header{position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.2);text-align:center;}
.container > header h1{font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;font-size:60px;line-height:90px;position:relative;font-weight:400;color:#b09262;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
img.bigscreen{display:inline;}
@media only screen and (max-width:4096px)
{img{display:inline;}
img.smallscreen{display:none;}
img.midscreen{display:none;}}
@media only screen and (min-width:0px) and (max-width:480px)
{img{display:none;}
img.smallscreen{display:inline;}}
img.midscreen{display:none;}
@media only screen and (min-width:481px) and (max-width:1680px)
{img{display:none;}
img.midscreen{display:inline;}}

@media screen and (min-width:1681px){#center-div3{margin:0 auto;padding:0 15px;max-width:1680px;}#center-div5{margin:0 auto;padding:0 15px;max-width:1680px;}}
@media screen and (max-width:1680px){#center-div3{margin:0 auto;padding:0 15px;max-width:95%;}#center-div5{margin:0 auto;padding:0 15px;max-width:80%;}}
@media screen and (max-width:480px){#center-div3{margin:0 auto;padding:0 15px;max-width:95%;}#center-div5{margin:0 auto;padding:0 15px;max-width:90%;}}
@media screen and (min-width:1921px) {
.div_height_index {height:50px;}
#center-div {
margin: 0 auto;
max-width: 1800px;}  
#center-div4 {
padding:0 80px 0 80px;
margin: 0 auto;
max-width: 1800px;}
.p-margin {
padding: 5px; 
font-size: 28px;}
.p-margin-index {
padding: 5px; 
font-size: 60px;
color:#fff;}
.p-margin-price {
padding: 5px; 
font-size: 50px;
color:#6c645b;}
.p-margin-index2 {
padding: 5px; 
font-size: 30px;}
 } 
.p-margin-index3 {
font-size: 25px;
color:#fff;}
@media screen and (max-width: 1920px) {
.div_height_index {height:50px;}
#center-div {
margin: 0 auto;
max-width: 85%;}
#center-div4 {
margin: 0 auto;
max-width: 85%;} 
.p-margin {
padding: 5px; 
font-size: 24px;}
.p-margin-index {
padding: 5px; 
font-size: 50px;
color:#fff;}
.p-margin-price {
padding: 5px; 
font-size: 60px;
color:#6c645b;}
.p-margin-index2 {
padding: 5px; 
font-size: 25px;}
 
}        	
@media screen and (max-width: 1680px) {
.div_height_index {height:40px;}
#center-div {
margin: 0 auto;
max-width: 80%;}
#center-div4 {
margin: 0 auto;
max-width: 80%;}  
.p-margin {
 padding: 5px; 
font-size: 24px;}
.p-margin-index {
padding: 5px; 
font-size: 60px;
color:#fff;}
    
.p-margin-price {
padding: 5px; 
font-size: 50px;
color:#6c645b;}
.p-margin-index2 {
padding: 5px; 
font-size: 25px;}
 
 
} 
@media screen and (max-width: 1280px) {
.div_height_index {height:40px;}
#center-div {
margin: 0 auto;
max-width: 80%;}
#center-div4 {
margin: 0 auto;
max-width: 80%;}  
.p-margin {
padding: 4px; 
font-size: 24px;}
.p-margin-index {
padding: 5px; 
font-size: 50px;
color:#fff;}
.p-margin-price {
padding: 5px; 
font-size: 40px;
color:#6c645b;}
.p-margin-index2 {
padding: 5px; 
font-size: 25px;}
 
}  
@media screen and (max-width: 768px) {
.div_height_index {height:20px;}
.p-margin {
padding: 4px; 
font-size: 22px;}
.logo_padding {margin-bottom:0px;}
.p-margin-index {
padding: 5px; 
font-size: 40px;
color:#fff;}
.p-margin-price {
padding: 5px; 
font-size: 40px;
color:#6c645b;}
.p-margin-index2 {
padding: 6px; 
font-size: 26px;
}
}        
@media screen and (max-width: 480px) {
.div_height1 {height:0px;}
.div_height_index {height:18px;}
#center-div {
margin: 0 auto;
max-width: 100%;}
#center-div4 {
margin: 0 auto;
max-width: 90%;}  
.p-margin {
padding: 1px; 
font-size: 18px;}
.p-margin-index {
font-size: 30px;
    .p-margin-index3 {
font-size: 15px;
color:#fff;}
.p-margin-price {
padding: 5px; 
font-size: 25px;
color:#6c645b;}
.p-margin-index2 {
padding: 6px; 
font-size: 26px;}
 .wrap_como .desc_como {
	 display:block;
	 position:absolute;
	 width:100%;
	 top:20%;
	 left:0;
	 z-index:2;
	 text-align:center;}
  
.negative {margin-top:-30px;}
}
@media screen and (min-width: 1400px) {
#margin-bottom {
margin-bottom:30px;}
}
.container > header h1{font-family:'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;font-size:50px;line-height:90px;position:relative;font-weight:400;color:#474747;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
#menu-toggle{
	position: fixed;
	top: 15px;}
}
 
.section{clear:both;padding:0px;margin:0;}
.section_form{clear:both;padding:20px;margin:10px;border:1px solid #cccccc;border-radius:0px;}
.group:before,
.group:after{content:"";display:table;}
.group:after{clear:both;}
.col{display:block;float:left;margin:1% 0 1% 1%;}
.col:first-child{margin-left:0%;}
.span_2_of_2{width:49.2%;}
.span_1_of_2{width:49.2%;}
.span_3_of_3{width:100%;}
.span_2_of_3{width:66.13%;}
.span_1_of_3{width:32.26%;}
 
 @media only screen and (max-width:768px){
.div_gal {padding: 0%;}
.underlined {
padding-bottom:5px;}
 .col{margin:2% 0 2% 0;}
.span_2_of_2{width:100%;}
.span_1_of_2{width:100%;}
.span_3_of_3{width:100%;}
.span_2_of_3{width:100%;}
.span_1_of_3{width:100%;}
form{width:95%;margin:4% 4%;}
input[type=submit]{width:80%;cursor:pointer;}}
.sample-window {
width: 350px;
padding: 5px;
border: 2px solid #186db4;
background-color: #fff;
display: none;
}
.plainmodal-close {
cursor: pointer;
}
.sample-window .plainmodal-close {
display: inline-block;
padding: 1px 3px;
color: #fff;
background-color: #1b1464;
}
.sample-window .plainmodal-close:hover {
background-color: #1f99e2;
}
.sample-button {
width: 240px;
margin: 5px;
padding: 3px 0;
border-radius: 3px;
color: #fff;
background-color: #267eb2;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.sample-button:hover {
background-color: #666;
}
#demo {
width: 450px;
padding: 20px 40px;
color: #fff;
background-color: #267eb2;
border-radius: 10px;
display: none;
font-family: 'Georgia', serif;
}
#demo:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#demo p {
font-size: 18px;
}
#demo .sample-head {
margin: 0 0 15px;
font-size: 36px;
font-weight: bold;
}
#demo img {
float: left;
margin-right: 10px;
box-shadow: none;
}
#demo .plainmodal-close {
position: absolute;
width: 45px;
height: 45px;
right: -15px;
top: -15px;
background: url('https://www.rasoedits.com/img/plainmodal-close.png') no-repeat;
}
#demo .plainmodal-close:hover {
background-position: -45px 0;
}
@media only screen and (max-width:480px){
#demo {width: 200px;}
}
.btn {
  background: #000;
 
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: colaborate-thinregular;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 29px 10px 29px;
  border: solid #800000 0px;
  text-decoration: none;
  cursor:pointer;
  }
.btn:hover {
  background: #525252;

  text-decoration: none;}