/*=========================================================================
|
|   file:    styles.css
|   descr:   estilos para RIAD ABRACADABRA
|   version: 1.0
|
|   ------------------------------------------------------------------------
|
|   author:   Hugo Faselo
|
|
================================================================================*/
html, body{
	background-color: #000;	
	margin: 0;
	padding: 0;
}
body{
	border-top: 2px solid #333333;
}
img{
	border: 0px;
}
a:hover{
	color: #fff;
}
.container{
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 12px;
	margin:0 auto;
	position: relative;
	text-align:left;
	width: 957px;
}
.footer{
	clear: both;
	font-family: Helvetica, Arial, sans-serif;		
	font-size: 11px;
	margin: 0px;
	margin-bottom: 20px;
	text-align: center;
	width: 710px;
}
.footer a{
	font-family: Helvetica, Arial, sans-serif;		
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.footer a:hover{
	color: #cccccc;
}
.footer .copyright{
	color: #999999;
	padding-top: 10px;
	text-align: left;
}

.header{
	float: left;
}
.header .headerleft{
	float: left;
	margin-top: 0px;	
	width: 712px;
}
.bookingformcontainer{
	height: 110px;
	padding: 5px 0px;
	width: 218px;
}

.languagebar{
	color:#b3b3b3;
	margin-top: -2px;
	padding-top: 0px;
	text-align: right;
}
.languagebar a{
	background-color: #333;
	color:#b3b3b3;
	display: inline;
	padding: 0px 3px;
	text-decoration: none;
	text-transform: lowercase;
}
.languagebar a:hover{
	color: #fff;
	/* text-decoration: underline; */
}
.languagebar a.sel{
	color:#fff;
}

.languagebar ul{
	color:#b3b3b3;
	list-style:none; 
	padding: 3px 0px 3px 0px;
	margin:0;	
	float:right;
}
.languagebar ul li {
    display:inline;
    padding-left:5px;
    padding-right:5px;
}

.header .logo{
	float: left;
	margin-top: 10px;	
}
.header .menu{
	clear: both;
	padding-top: 12px;
	height: 30px;
}
.contents{
	background-color: #000;
}
.contenthome{
}
.content_bottom div{
	float: left;
}
.content_left{
	width:  727px;
	float:	left;
}
.content_right{
	border-top: 0px;
	border-bottom: 0px;
	float: right;
	position: absolute;
	right: 0px;
	padding-top: 0px;
	width: 219px;
}
.content_right .items_right{
	min-height: 527px;
	padding-top: 20px;
}

.content_right .content_right_spacer{
	width: 50px;
	height: 300px;
}

.content_right .price{
	color: #b3b3b3;
	float:left;
	font-size: 15px;
	padding: 17px 0px 17px 0px;
	text-align: center;
	width:45px;
}
.content_right .pricelarge{
	height: 40px;
}
.content_right .items_right input{
	border:0;
	width:195px;
	margin: 1px 1px 2px 0px;
}
.content_right .item_right{
	border-top: 1px solid #404040;
	font-size: 14px;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;
}
.content_right .last_item_right{
	background-image: none;
	border-bottom: 1px solid #404040;	
}

.content_right .item_title, .lastitem_title,
.content_right .item_title a{
	color: #ffffff;
	font-size: 15px;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
}
.content_right .item_title a:hover{
	text-decoration: underline;
}

.content_right .lastitem_title{
	padding-top: 10px;
}
.content_right .item_text{
	color: #999999;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
}
.content_right .item_text a{
	color: #999999;
	text-decoration: none;	
}
.content_right .item_text a:hover{
	text-decoration: underline;
}

.content_right .customercomments{
	color: #999999;
	font-size: 11px;
	padding: 20px 10px 20px 10px;	
	text-align: left;
	text-transform: uppercase;
}
.content_right .customercomments span{
	display: block;
	font-size: 85%;
	padding-top: 10px;
	text-transform: uppercase;
}
.customercomments{
	height: 210px;
}

.content_right .socialmedia{
	font-size: 10px;
	padding-left: 10px;
	padding-top: 20px;
}
.content_right .socialmedia{
	color: #fff;
}
.content_right .socialmedia p{
	margin: 0px;
	margin-bottom: 2px;
}
.content_right .socialmedia .follow{
	margin-bottom: 10px;
}
.content_right .socialmedia a{
	color: #fff;
	text-decoration: none;	
}
.content_right .socialmedia a:hover{
	text-decoration: underline;
}
.content_right .socialmedia a:hover img{
	text-decoration: none;
}

.content_right .tripadvisor{
	padding-top: 0px;
	padding-left: 10px;
	text-align: left;
}

.content_right .suscribe{
	color: #FFFFFF;
	list-style:none;
	padding: 0;
	margin: 0;
	padding: 3px 0px 5px 0px;
}
.content_right .suscribe li{
	
	display:inline;
	padding-right: 6px;
}

/*
.footer .footer_first_item{
	text-align: left;
	color:#b3b3b3;
	font-weight: normal;
	padding: 2px 0px 2px;
	
}
.footer .footer_last_item{
	text-align: right;
}
*/
.clearer{
	clear: both;
	float: none;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

/*** LOCATION MAP ***/
#locationmap{
	width: 730px;
	height: 325px;
}

/*** STYLES FOR FORM ***/
form{
}
form label{
	float: left;
	width: 100px;
	padding-right: 5px;
	text-align: right;
}

form input,
form textarea,
form select{
	border: 1px solid #7f9db9;
}
form .checkbox{
	clear: both;
	padding-left: 100px;
}
form .checkbox input,
form .checkbox label
{
	border: 1px solid #fff;
	display: inline;
	float: none;
}

form div{
	margin-bottom: 5px;
}

form select{
	margin: 0px;
	padding: 0px;
}
form .text input{
	width: 150px;
}
form .password input{
	width: 80px;
}
form .submit input{
	background-color: #000;
	border: 0px;
	color: #fff;
	font-weight: normal;
	margin-left: 105px;
	padding: 0px;
	text-align: left;
	text-transform: uppercase;
	
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

form .error{
	border: 0px;
	color: #000;
	padding: 0px;
}
form .error input,
form .error textarea,
form .error select
{
	background:#FBE3E4;
	border-color:#FBC2C4;
	border-style: solid;
	border-width: 1px;
}

form .error-message{
	border-color:#FBC2C4;
	color:#8a1f11;
	display: block;
	font-size: 11px;
	margin-left: 105px;
	padding-bottom: 4px;
}

form .submit{
}

form .submit input.submitnewsletter{
	float: left;
	background-color: transparent;
	background-image: none;
	border: 0px;
	text-transform: lowercase;
	width: 80px;
}

form .submit input.submitnewsletterunsubscribe{
	float: left;
	background-color: transparent;
	background-image: none;
	border: 0px;
	text-transform: lowercase;
	width: 120px;
}

.headerphone{
	color:#B3B3B3;
	float:right;
	font-size:15px;
	padding-right:18px;
	padding-top:15px;
}
.contactbadges{
	height: 52px;
	padding-top: 10px;
	overflow: hidden;
}
.contactbadgesb{
	height: 37px;	
	padding-right: 30px;
	padding-top: 20px;
}
/*
Mundial
*/
.contactbadgesmundial{
	height: 44px;	
}
.contactbadgesmundial .skypebuttonb{
	margin-left: 10px;
}
.mundial{
	float:right;
	margin-top:-15px;
}

.mundialleft{
	border-top:1px solid #404040;
	padding-top:5px;
	padding-bottom: 5px;
	text-align: center;
}

/*
End mundial
*/

.skypebutton{
	float: right;
	padding-top: 12px;
}

.skypebuttonb{
	float: right;
	margin-left: 32px;
	padding-top: 0px;
}