/*  
Theme Name: TerrazasTheme
Theme URI: http://www.skynetcusco.com/
Description: :3
Version: 0.1
Author: Dan T 
Author URI: http://www.skynetcusco.com/
*/
*{ margin:0; padding:0;}
#topbanner{ width:1200px; margin:auto; overflow:hidden;}
#bannerimgsleft{ width:15%; float:left;}
#bannerimgsleft img, #bannerimgsright img{ height:166px;}
#banner{ width:70%; float:left;}
#widget_sp_image-8{ text-align:center;}
#bannerimgsright{ width:15%; float:right;}
#bggreen{ background:url(images/bggreen.jpg) center center;}
.clear{ clear:both;}

.qts_widget{ float:right;}
.qts_widget ul{list-style:none;}
.qts_widget ul li{ float:left;}

#slogan{ padding:10px;font-family: 'Parisienne', cursive; font-size:28px; text-align:center; color:#FFF;}
#topmenu{overflow:hidden; background:url(images/bg-topmenu.jpg) center center; width:1000px; margin:auto;  border-radius:8px; text-align:center;}
#topmenu table{ margin:auto;}
#nav_menu-2{ }
#nav_menu-2 ul{ list-style:none;}
#nav_menu-2 ul li{ font-family:Arial; font-size:13px; float:left; text-transform:uppercase; font-weight:bold; margin:2px 5px;}
#nav_menu-2 ul li a{ color:#FFF; display:block; text-decoration:14px; text-decoration:none; padding:15px 10px; border-radius:6px;}
#nav_menu-2 ul li a:hover{background:url(images/bggreen.jpg) center center; color:#FFF;}

#contenidos{ background:url(images/bg-white.jpg);}
.innercontenidos{ width:970px; margin:auto; padding:20px; background-color:#fcfcfc;}
.entry p{ font-family:Arial; font-size:13px; color:#333; line-height:18px; margin:5px 0; padding:5px 0; text-align:justify;}
.entry p a{ color:#060; text-decoration:none;}
.entry p a:hover{ text-decoration:underline;}
.entry ul, .entry ol{ margin:10px 10px 10px 30px;}
.entry ul li, .entry ol li{ font-family:Arial; font-size:13px; color:#333; line-height:18px; margin-bottom:5px;}
.entry h1{ font-family:Arial; font-size:18px; color:#333; margin:5px 0; padding:5px 0;}
.entry h2{ font-family:Arial; font-size:16px; color: #060; margin:5px 0; padding:5px 0;}
.entry h3{ font-family:Arial; font-size:14px; color: #060; margin:5px 0; padding:5px 0;}

.right{ float:right; margin-left:30px;}

.alignright{ float:right; margin-left:10px;}
.alignleft{ float:left; margin-right:10px;}
.clear{ clear:both;}
#alignframe{ padding:10px; background-color:#CCC; border-radius:10px; border:solid 1px #666666; float:right; margin-left:20px;}
#alignformcontact{ padding:10px; background-color:#FFF; border-radius:10px; border:solid 1px #EFEFEF; float:right; margin-left:20px; margin-bottom:10px;}

.address{ margin-bottom:10px; font-family:Arial; font-size:16px; line-height:24px; color:#333; text-align:center; font-style:italic; border:solid 1px #999999; padding:10px; border-radius:8px; background-color:#FFF;}
.address h3{ background-color:#043404; padding:4px; color:#FFF; font-size:12px; font-weight:bold; border-radius:8px; margin-bottom:5px;}

.comentarios{ width:250px; font-family:Arial;}
.comentarios h3{ background-color:#043404; padding:10px; color:#FFF; font-size:12px; font-weight:bold; border-radius:8px; margin-bottom:5px; text-align:center;}
.comentarios .recent-comment{ font-family:Arial; font-size:12px; color:#333; font-style:italic; padding:10px; border-radius:10px; border:solid 1px #999999; margin:0 0 5px 0;}
.comentarios .recent-comment{ background-color:#F5F5F5;}
.comentarios .recent-comment+.recent-comment{ background-color:#fff;}
.comentarios .recent-comment+.recent-comment+.recent-comment{ background-color:#F5F5F5;}
.comentarios .recent-comment+.recent-comment+.recent-comment+.recent-comment{ display:none;}

.oferta{ width:230px; padding:9px; border-radius:10px; border:solid 1px #999999; margin-bottom:10px; background-color:#fff;}
.oferta img{}
.oferta h2{ background:url(images/icon-oferta.png) 5px center no-repeat; color:#FF6700; font-size:16px; text-align:center; font-family:Arial; padding:5px 5px 5px 40px;}
.oferta h3{ color:#DB9600; font-size:18px; font-family:Arial; font-weight:bold; padding:5px; text-align:center;}
.oferta h4{ color:#000; font-size:13px;  font-weight:normal; font-family:Arial; padding:5px; margin:5px; text-align:center;}
.oferta h5{ color:#000; font-size:12px; text-align:center; font-family:Arial;}
.oferta h6{ color:#000; font-size:12px; text-align:center; font-family:Arial;}
.oferta p{ color:#000; font-size:12px; text-align:center; font-family:Arial;}
.oferta table{ width:100%;}
.oferta table td{ border:solid 1px #DFDFDF; font-size:13px; font-family:Arial; text-align:center; padding:5px 0; background-color:#fff; border-radius:4px;}
.oferta table td+td{ color:#FFFFFF; background-color:#166F08; font-weight:bold;  border-radius:4px;border:solid 1px #FFF; }



#mainrooms{ width:600px; float:left;}
#mainrooms + #mainrooms{ width:340px; float:right;}
#rooms{ border:solid 1px #CCCCCC; padding:10px; border-radius:8px; margin-bottom:10px;}
#rooms img{ float:left; margin-right:10px; width:170px; height:130px;}

.widgetmapi{ font-family:Arial;}
.widgetmapi h3{background-color:#043404; padding:10px; color:#FFF; font-size:12px; font-weight:bold; border-radius:8px; margin-bottom:5px; text-align:center;}


#tabletarifas{ font-family: Arial; margin:auto;}
#tabletarifas tr{}
#tabletarifas tr td{ padding:10px; font-size:14px; color:#000; background-color:#E4FAE4; border-bottom:1px solid #FFF;}
#tabletarifas tr td + td{font-size:14px; background-color:#F6F6F6; text-align:center; color:#333;}
#tabletarifas tr td + td + td{font-size:14px; background-color:#EBEBEB; text-align:center; color:#333;}
#tabletarifas tr td + td + td + td{ background-color:#FAF8DC;}

#footer{background:url(images/bggreen.jpg) center center; margin:auto;}
#innerfooter{ width:1000px; padding:10px; margin:auto; font-family:Arial; color:#FFF; line-height:20px; font-size:12px; overflow:hidden;}

.linkmapi{ background-color:#063; color:#FFF; font-family:Arial; font-size:16px; display: inline-block; padding:10px; border-radius:5px; text-decoration:none;}
.linkmapi:hover{ background-color:#030;}
.pricebook{ width:650px; float:left}
.pricebook + .pricebook{ width:290px; float:right;}
.pricebook + .pricebook iframe{ margin-bottom:15px;}

.locationcontact{ width:650px; float:left;}
.locationcontact + .locationcontact { width:300px; float:right;}
.locationcontact + .locationcontact iframe{ margin:10px 0;}

.dashbell{ bottom: 100px; height: 200px; padding-right: 10px; padding-top: 100px; position: fixed; left: 0; z-index: 10000;}
.textwidget { padding: 22px 0px;}

.imgnormal{ width: inherit !important}
.tripwidget{ text-align:center; margin-bottom:10px;}
.tripwidget #CDSWIDCOE{ margin:0 auto 10px !important;}
.tripwidget #CDSWIDSSP{ width:250px !important;}

.footer01{width:310px; float:left;}
.footer02{width:180px; float:left;}
.footer03{width:250px; float:right;}
.footer04{width:250px; float:right; padding-left:10px;}

.octoratewidget{ width: 100px !important;  font-family: Arial !important; margin-bottom: 10px;}
.octoratewidget .execphpwidget{ width:250px;}
.octoratewidget .octobookcheckin { float: none !important; width: inherit !important;}
.octoratewidget .octobookcheckout{ float: none !important; width: inherit !important;}
.octoratewidget .octobookpax { float: none !important; width: inherit !important;}

@media only screen and (min-width: 491px) and (max-width: 1990px) {
	#responsivemenu, .rightresp{ display:none;}
}

@media only screen and (min-width: 240px) and (max-width: 490px) {
	#bannerimgsleft, #bannerimgsright, .right, .widgetmapi{ display:none;}
	#topbanner, #banner, #topmenu, .innercontenidos{ width:100%;}
	#topmenu{ background:none;}
	#topmenu select { background-color:#FFF; padding:10px; color:#000; border:solid 2px #006600; width:100%; border-radius:5px;}
	.rightresp{ width:100%;}
	#mainrooms{ width:94%; margin:auto; float:none;}
	#mainrooms + #mainrooms {width:94%; margin:auto; float:none;}
	.pricebook{ width:100%; float:none;}
	.pricebook + .pricebook{width:100%; float:none;}
	.locationcontact{ width:100%; float:none;}
	.locationcontact iframe{ width:100%; height:400px;}
	.locationcontact + .locationcontact{ width:100%; float:none;}
	.cycloneslider-caption-title{ font-family:Arial; font-size:14px; line-height:16px;}
	#slogan{ font-size:20px;}
	#innerfooter{ width:90%; margin:auto;}
	.innercontenidos{ width:96%; margin:auto; padding:0;}
	.innercontenidos img{ width:100%; height:auto; float:none; margin:10px 0; padding:5px 0;}
	.oferta, .address, .comentarios{ width:80%; margin:0 auto 10px;}
}