/* CSS Document */
* { margin: 0; padding: 0; }
.mar-r10 { margin-right: 10px !important; }
.mar-b5 { margin-bottom:5px; }
.mar-b10 { margin-bottom:10px; }
.prim-color { color: #844330; }
.sec-color { color: #DA5151 !important; }
.ter-color { color: #fff; }
.text-center { text-align: center; }
.text-upper { text-transform:uppercase; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.square { list-style: square; }
.square li { list-style: square; font-size: 15px; line-height: 1.7em; }
.square li a { color: #135DAA; }
.red-colour { color: #920000; }
a { text-decoration: none; color: #844330; }
a:hover, a:focus { text-decoration: none; }
p { text-align: justify; font-size: 14px; margin: 10px 0; }
body { background: url(../images/body-bg.png) no-repeat 0 0 #fff; background-size: cover; font-family: Open Sans; color: #333; font-size: 14px; line-height: normal; margin: 0; padding: 0; }
ul, li { list-style: none; }
h1, h2, h3, h4,h5 { font-family: 'Yanone Kaffeesatz', sans-serif; }
h1 { font-size: 40px; font-weight: 100; line-height: 1.3em; margin: 10px 0; text-shadow: 1px 1px 1px #C7C7C7; }
h2 { color: #fff; font-size: 40px; font-family: 'Ubuntu Condensed', sans-serif; font-weight: bold; line-height: 1.3em; margin: 10px 0; }
h3 { color: #0C2137; font-family: open sans; font-size: 25px; font-style: italic; font-weight: normal; margin-bottom: 10px; text-align: center; }
h4 { color: #000; font-family: Open Sans; font-size: 30px; font-weight: 400; line-height: normal; }
h5 { font-family: Open Sans; font-size: 24px; color: #fff; line-height: normal; font-weight: 100; margin: 10px 0; }
h6 { font-family: open sans; font-size: 16px; font-weight: 600; line-height: normal; display:inline-block; margin-right:10px; }
.fleft { float: left; }
.fright { float: right; }
.aleft { text-align: left; }
.acenter { text-align: center; font-family: 'Courgette', cursive; font-weight: normal; }
.aright { text-align: right; }
.w-50 { width: 50%; }
ul.bullet { list-style: disc; padding: 0 0 0 20px; }
ul.bullet li { font-size: 14px; list-style: disc outside none; padding: 5px; }
ul.bullet li a { color: #135daa; }
.left-col { width: 28%; float: left; background: #8d6752; padding-bottom: 50px; min-height:1070px; /*background:#ce5909;*/ }
.right-col { float: right; margin: 0 17px; width: 69%; position: relative; min-height: 975px; }
.logo { background: #fff; margin-top: 10px; padding: 20px; text-align: center; }
.logo a { display: block; }
.logo a img { max-width: 100%; }
.left-col h5 { padding: 0 15px; margin: 10px 0 20px; font-size: 22px; color: #FFDC22; /*text-shadow: 0px 0px 2px #646464; -moz-text-shadow: 0px 0px 2px #646464; -webkit-text-shadow: 0px 0px 2px #646464;-ms-text-shadow: 0px 0px 2px #646464;*/ }
.left-col h5 span { text-transform: uppercase; }
.reservation { background: url(../images/1px-black.png) repeat 0 0; margin: 0 15px 25px; overflow: hidden; padding: 10px 7px; }
.row { width: 100%; clear: both; }
.row label { color: #fff; font-size: 15px; line-height: 2em; }
h5.book-now { background: #000; padding: 4px 0; margin: 0 15px; text-align: center; }
.reservation input[type="text"] { border: 1px solid #fff; background: url(../images/icons.png) no-repeat 7px 4px #fff; padding: 6px 6px 6px 30px; width: 74%; font-size: 12px; }
.row .two-half { margin: 0 3%; width: 44%; float: left; }
.row .three-half { float: left; margin: 0 3%; width: 27.3%; }
.reservation select { border: 1px solid #fff; padding: 6px; width: 100%; font-size: 12px;  text-indent: 0.01px; text-overflow: ""; }
.reservation input[type="button"], .reservation input[type="submit"], .reservation input[type="reset"] { background: #B3713A; border: 0 none; color: #fff; font-family: open sans; font-size: 15px; margin: 20px 10px 10px; padding: 4px 10px; text-align: center; text-shadow: 1px 1px 0 #444; text-transform: uppercase; width: 93.9%; cursor: pointer; }
.reservation input[type="button"]:hover, .reservation input[type="submit"]:hover, .reservation input[type="reset"]:hover { background: #C27B40; }
.gps h3 { font-size: 24px; margin-bottom: 4px !important;  font-family: 'Ubuntu Condensed', sans-serif; }
.best-rate { display: block; margin: 17px 0 5px; text-align: center; }
.best-rate img { max-width: 100%; }
.in-the-area h2 { background: url(../images/lines.png) no-repeat center 0; padding: 10px; text-align: center; }
.in-the-area ul { margin: 0 0 30px 50px; }
.in-the-area ul li { font-family: Open Sans; font-size: 18px; color: #fff; line-height: normal; font-weight: 100; background: url(../images/icons.png) no-repeat 0 -109px; padding-left: 28px; }
.contact-part { background: url(../images/locatin.png) no-repeat right 25px #f1f1f1; border-radius: 2px; box-shadow: 0 0 5px #3A3A3A; margin: auto auto 30px; padding: 15px; width: 84%; }
.contact-part h3 { font-style: normal; margin: 0; text-align: left; }
.contactus { font-size:16px;  font-weight:600; }
.contactus .block { margin-bottom:10px; }
.contactus h6 { width:100px; float:left; }
.contact-part .gps { margin-bottom:10px; font-size:18px; font-weight:600;}
.contact-part label {  width:76px; float:left; }
.menu ul { background: #000; overflow: hidden; /*border-bottom: 4px solid #8d6752; */}
.menu ul li { float: left; margin-right: 1px; }
.menu ul li a { color: #cdcdcd; display: block; font-size: 18px; padding: 10px 30px; text-transform: uppercase; font-family: 'Ubuntu Condensed', sans-serif;}
.menu ul li a:hover, .menu ul li a.active { background: url(../images/menu-active-bg.png) repeat-x 0 0; color: #fff; }
.wel-come-text span { font-family: Open Sans; font-size: 20px; color: #000; line-height: normal; font-weight: 400; }
.wel-come-text em { color: #000; font-size: 16px; }
/*.footer							{ background:#101010; color:#999; clear:both; line-height: 2em; width: 97%; position: absolute; font-size: 13px; overflow: hidden; padding:15px 1.5%; position:absolute; bottom:0;}*/
.footer { background: #101010; color: #999; clear: both; line-height: 2em; width: 97%; position: absolute; font-size: 13px; overflow: hidden; padding: 15px 1.5%; }
.social a { background: url(../images/icons.png) no-repeat 0 0; margin: 0 0 0 8px; display: block; width: 28px; height: 28px; float: left; text-indent: -9999px; }
.social a.fb { background-position: 0 -188px; }
.social a.fb:hover { background-position: 0 -238px; }
.social a.twit { background-position: 0 -288px; }
.social a.twit:hover { background-position: 0 -338px; }
.social a.gplus { background-position: 0 -388px; }
.social a.gplus:hover { background-position: 0 -438px; }
.three-one { float: left; margin: 10px 3% 10px 0; width: 31.3%; }
.three-one:last-child { margin-right: 0; }
.three-one img { border: 5px solid #fff; width: 96.5%; box-shadow: 0 0 3px #888; }
.read-more { background: url(../images/button-bg.png) repeat-x 0 0; color: #fff; display: block; font-family: open sans; font-size: 15px; height: 31px; line-height: 30px; text-align: center; text-shadow: 1px 1px #444; text-transform: uppercase; margin: 5px 0; }
.read-more:hover { background: #6a2e1e; }
.weather { text-align: center }
.navi { display: none; }
/* slider css start here */
.slider { border: 1px solid #fff; box-shadow: 0 0 5px #999; margin: 10px 0; }
#slider_container_1 { float: left; padding: 10px; width: 640px; background: #000000; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; }
#SliderName { width: 640px; height: 300px; margin: auto; }
.SliderNamePrev, .SliderNameNext { background: url(../images/icons.png) no-repeat 0 0; width: 44px; height: 44px; display: block; position: absolute; top: 50%; margin-top: -22px; text-decoration: none; opacity: 0.5!important; }
.SliderNamePrev:hover, .SliderNameNext:hover { opacity: 1!important; }
.SliderNamePrev { left: 10px; background-position: 0 -579px; }
.SliderNameNext { right: 10px; background-position: 0 -499px; }
.SliderNameDescription { font-family: Verdana; font-size: 10px; text-align: left; padding: 5px; }
#SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 15px; text-align: center; -moz-border-radius: 6px 6px; background: #fff; }
#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover { margin: 0 2px; background: url(../img/nav.gif) no-repeat center center; font-size: 0px; line-height: 0px; padding: 12px; text-decoration: none; }
#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hove {
background: url(../img/nav_active.gif) no-repeat center center;
}
.slider div { width: 100%!important; }
.slider > div, .slider > div > div, .slider > div > div > div { width: 100%!important; }
.slider > div > div > div img { width: 100%!important; }
/* slider css end here */

.local-info ul.square { padding: 0 20px; width: 90%; }
.local-info ul li span { float: right; color: #135daa; }
.local-info ul li small { display: block; line-height: 1.3em; }
.destination ul.square li { float: left; width: 25%; }
.left-bg { /*background:url(../images/left-bg.png) repeat-y left 0;*/ overflow: hidden; background-size: 28.3% auto; }
.directions .w-50 { width: 48%; padding: 0 1%; }
.map { text-align: center; }
.map iframe { border: 5px solid #fff!important; box-shadow: 0 0 6px #999; background: #fff; }
/* rooms page css start here */

.rooms h5 { color: #135DAA; text-align: left; display: block; }
.rooms .row .description { width: 63%; float: right; }
.rooms .row .room-pic { width: 35%; float: left; }
.rooms .row .room-pic img { border: 5px solid #fff; box-shadow: 0 0 3px #888; width: 96%; }
/* rooms page css end here */

/* photo gallery page css start here */

.pic-box { float: left; margin: 10px; width: 31.1%; }
.pic-box img { border: 3px solid #fff; box-shadow: 0 0 5px #999; width: 97%; }
.ui-widget-header{ background:#844330 !important; border-color:#844330 !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; }
.ui-state-default, .ui-widget-content .ui-state-default { color: #844330 !important; }
/* photo gallery page css start here */
.toll-free { background: url(../images/1px-white.png) repeat 0 0; margin-top: 10px; padding: 10px; text-align: center; }
.toll-free h2 { font-size: 48px; margin: 0;  font-family: 'Ubuntu Condensed', sans-serif; font-weight:normal;}
.toll-free h2 a { color: #fff; }
.booking-block { position: relative; }
.undercontraction { left: -50%; margin-left: 65%; margin-top: -20%; position: absolute; top: 50%; width: 70%; transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); z-index: 10; }
.undercontraction img { width: 100%; height: 100%; }
.right-col h5 { font-family: 'Ubuntu Condensed', sans-serif; color: #111; margin-top:5px; /*margin: 20px 0 15px 0;*/ }

.right-col h3{ font-size: 24px; font-weight: 100; line-height: normal; color: #111; font-family: "Ubuntu Condensed",sans-serif; margin-top: 5px; font-style:normal; text-align:left;}

.room-services li { background: url(../images/bullet.png) no-repeat 0 6px; color: #111; font-family: Open Sans; font-size: 18px; font-weight: 100; line-height: normal; padding-left: 28px; margin-bottom:13px;}
ul.amenity-list{ width:48%; float:left; margin-top:10px;}
.amenity-list li.heading { padding-left:0px; background:none; font-size:28px; padding-right:10px; font-family: 'Ubuntu Condensed', sans-serif;  }
.amenity-list li { width: 100%; float: left; }
.map { clear: both; }
.location { clear: both; display: inline-block; margin: 10px 0; width: 100%; text-align:left; }
.facebook { background: url(../images/facebook.png) no-repeat; float: left; padding-left: 50px; margin-top:20px; }
.googleplus { background: url(../images/googleplus.png) no-repeat; float: left; padding-left: 50px; margin-top:20px; }

.ohcuero-video{ background:#eee; border: 1px solid #ddd; margin:10px auto 0; padding: 5px; width: 70%;}
.ohcuero-video iframe{ margin-bottom:-5px; width:100%; border:0 none;}

@media (max-width: 1281px) {
    .right-col { width: 68.5%;  }
}
@media (max-width: 1280px) {
.right-col { width: 68.5%; }
}
@media (min-width: 1200px) {
.menu ul li a { padding: 11px 14px; }
}
 @media (min-width: 991px) and (max-width: 1199px) {
.right-col { width: 68%; margin: 0 16px; }
.menu ul li a { padding: 13px 9px; }
.row label { font-size: 13px; }
.reservation input[type="text"] { padding: 6px 6px 6px 24px; width: 68%; }
.pic-box { margin: 7px; }
}
 @media (min-width: 768px) and (max-width: 990px) {
.right-col { width: 68%; margin: 0 14px; }
.menu ul li a {  padding: 14px 5.5px; }
.in-the-area ul { margin: 0 0 30px 20px; }
.row .two-half { float: none; clear: both; width: 100%; width: 94%; }
.reservation input[type="text"] { padding: 6px 2% 6px 15%; width: 83%; }
.reservation input[type="button"], .reservation input[type="submit"], .reservation input[type="reset"] { margin: 20px 7px 10px; }
.pic-box { margin: 10px; float: left; width: 46.15%; }

.ohcuero-video{ width:100%;}

}
 @media (max-width:767px) {
.fleft, .fright { float: none; }
.row label { font-size: 14px; }
.row .two-half { float: none; margin: 0; width: 100%; }
.reservation input[type="text"] { padding: 6px 5%; width: 90%; }
.row .three-half { clear: both; float: none; margin: 0; width: 100%; }
.reservation select { background-position: right -55px; }
.reservation input[type="button"], .reservation input[type="submit"], .reservation input[type="reset"] { margin: 20px 0 10px; width: 100%; }
.left-col { width: 100%; border: 0 none; }
.right-col { /*margin: 0 2%; width: 96%;*/ margin: 0; min-height: inherit; padding: 0 3%; width: 94%; background: url(../images/body-bg.png) no-repeat 0 0 #fff; background-size: cover; }
.reservation { padding: 15px; }
.menu { display: none; }
.three-one { clear: both; float: none; margin: 10px 0; width: 100%; }
.three-one img { width: 100%; }
.three-one img { width: 98.5%; }
.navi { display: block; }
.navi:hover .navi-menu { display: block; }
.navi button.navi-btn { background: none repeat scroll 0 0 #7d2028; border: 0 none; color: #fff; font-size: 15px; padding: 10px; text-align: left; text-transform: uppercase; width: 100%; text-shadow: 1px 1px 0 #333; cursor: pointer; }
.navi button.navi-btn span { float: right; font-size: 45px; line-height: 0.4em; margin: 0 10px; text-shadow: 1px 1px 0 #333; }
.navi .navi-menu { border-top: 1px solid #bbb; display: none; }
.navi .navi-menu li a { background: #111; border-bottom: 1px solid #bbb; color: #bbb; display: block; font-size: 14px; padding: 6px 10px; text-transform: uppercase; }
.navi .navi-menu li a:hover, .navi .navi-menu li a.active { background: none repeat scroll 0 0 #8c001a; color: #fff; }
.footer { clear: both; float: left; margin-top: 15px; position: relative; }
.w-50 { width: 100%; }
.left-bg { background-size: 100%; }
.pic-box { float: left; margin: 10px; width: 45%; }
.amenity-list li { float: none!important; clear: both!important; width: 100%!important; }
.footer .fleft, .footer .fright { clear: both; text-align: center; width: 100%; }
.footer .fright.social a { float: none; display: inline-block; }
ul.amenity-list{ width:80%; float:none; margin-top:10px;}
.location img { width:100%; height:auto; }
.left-col { min-height:inherit; padding-bottom:0;}
}


 @media (max-width: 640px) {
.ohcuero-video{ width:100%;}
 
 }

 @media (max-width: 480px) {   
  
.reservation input[type="text"] { padding: 6px 8%; width: 83.5%; }
.slider > div, .slider > div > div, .slider > div > div > div { height: 200px !important; width: 100% !important; overflow: hidden; }
.slider > div > div > div img { height: 100%!important; width: 100% !important; }
/* rooms page css start here */
.rooms .row .room-pic { width: 100%; padding: 0 0 10px 0; }
.rooms .row .description { border-bottom: 1px solid #bbb; margin-bottom: 10px; width: 100%; }
/* rooms page css end here */
.pic-box { margin: 10px; width: 97%; float: none; clear: both; }


}
@media (max-width: 320px) {
.reservation input[type="text"] { padding: 6px 12%; width: 75%; }
.three-one img { width: 97%; }
.footer div { clear: both; text-align: center; float: none; line-height: normal; }
.footer div.social { margin: 15px 0 5px; }
.footer div.social a { display: inline-block; float: none; }
.toll-free h2 { font-size: 30px!important; }
}

/* Cuero Oilfield Housing CSS start here */



/* Cuero Oilfield Housing CSS end here */
/* Reservation Button Start here */

/*.top-reservations { position: absolute; top: 0; right: 20px; }
.top-button {background-color: #af9586; border: none; color: white; padding: 7px 14px; text-align: center; text-decoration: none; display: inline-block;
	font-size: 16px; text-transform: uppercase; margin: 4px 2px; cursor: pointer; border-radius: 2px;}*/

.left-reservations {position: relative; left: 34px; top: 10px;}
.left-button {background-color: #af9586; border: none; color: white; padding: 12px 100px; text-align: center; text-decoration: none; display: inline-block;
	font-size: 22px; text-transform: uppercase; font-weight: 700; margin: 4px 2px; cursor: pointer; border-radius: 2px;}	
	
/* Reservation Button End here*/