/*
Theme Name: Inmuebles Aruba
Theme URI: http://hmmck.com/
Description: Tema unica para Inmuebles Aruba
Version: 2.3
Author: Gabriel
Author URI: http://arubabeaches.net
Tags: limpio, widget-ready
*/

/*** General ***/
body			{ font-family:'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; line-height: 150%; margin: 0; padding: 0; }
.container		{ margin: 0 auto; width: 960px; }
hr				{ border: 0; clear: both; margin: 0; padding: 0; }
h1, h2, ul		{ margin: 0; padding: 0; }
em				{ font-style: italic; }
.aligncenter	{ text-align: center; }
.alignright		{ float: right; }
.alignleft		{ float: left; }
div				{ position: relative; }
#searchspace, #slider, .post img, .archives img, ul#nav li a:hover, .sidebar #article, .sidebar #search, #related, #footer { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Column Sizes - 960.gs */
.col220		{ float: left; width: 220px; margin: 0 0 0 10px; }
.col460		{ float: left; width: 460px; margin: 0 10px; }
.col500		{ float: left; width: 500px; margin: 0; }
.col700		{ float: left; width: 720px; margin: 50px 0 0; }

/*** Header ***/
/* Top bar */
#bar { background-color: #5599BB; height: 50px; width: 100%; position: fixed; top: 0; z-index: 1; }

/* Title */
#bar h1 { background: url(http://assets.hmmck.com/inmuebles/icon.png) no-repeat 0 0; display: block; height: 50px; left: 10px; position: absolute; top: 0; text-indent: -9999px; width: 50px; }
#bar h1 a { display: block; height: 50px; width: 50px; }

/* Navigation */
ul#nav { position: absolute; left: 60px; top: 12PX; }
ul#nav li { display: inline-block; list-style-type: none; margin: 0px; }
ul#nav li a { color: #b2e5ff; font-size: 0.9em; font-weight: bold; margin: 0px; padding: 5px; text-decoration: none; }
ul#nav li a:hover { background-color: #507A8F; color: #FFF; font-size: 0.9em; font-weight: bold; padding: 5px; text-decoration: none; }

/* Optin */
#optin {
	color: #333;
	font-size: 0.92em;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 60px;
	width: 220px;
}
#optin h2 { font-size: 0.9em; margin: 0 0 10px; text-align: center; }
#optin p { color: #6F6F6F; font-size: 0.9em; font-style: italic; line-height: 100%; text-align: center; }


/* Optin Form Style */
.subscribe { background-color: #DDEEF6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#mc-embedded-subscribe-form { margin: 0; }
#mc-fieldset { border: 1px solid #DDEEF6; margin: -10px 0 0; padding: 0; }
.mc-field-group { margin: 2px 0; }
#field-set { margin: 0; }
.email { border: 1px solid #CCC; color: #444; padding: 3px; width: 188px; }
.input-group-label { margin: 10px 0 0; }
#mc-embedded-subscribe {
	background: transparent url(http://assets.hmmck.com/inmuebles/btn.png) repeat-x 0 0;
	border: 1px solid #FFD200;
	border-radius: 5px;
	clear: both;
	display: block;
	font-size: 1.3em;
	margin: 15px auto 0;
	padding: 5px;
	text-align: center;
	text-shadow: 0 1px 0 #FFEE66;
	width: 196px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
} /* Subscribe button */
#mc-embedded-subscribe:hover { background: transparent url(http://assets.hmmck.com/inmuebles/btn.png) repeat-x 0 -50px; overflow: hidden; }

/* Front Header Title */
#front { height: 70px; }
#front h1 { background: url(http://assets.hmmck.com/inmuebles/sprite.png) no-repeat 0 0; height: 55px; margin: 20px auto; text-indent: -9999px; width: 195px; }
#front h1 a { display: block; height: 55px; margin: 20px auto; width: 195px; }

/*** Index ***/
/* Slider */
#wrapper { position: relative; }
#slider { border: 10px solid #CCCBE6; margin: 0 10px; width: 940px; }
#slider img {border: 0;}
#slider ul, #slider li, #slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider2 { margin-top: 1em; }
#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:920px;
		height:375px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-10px;
		top:165px;
		z-index:1000;
		text-indent: -9999px;
		}	
	#nextBtn, #slider1next{ 
		left:940px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(http://assets.hmmck.com/inmuebles/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://assets.hmmck.com/inmuebles/btn_next.gif) no-repeat 0 0;	
		}	
#prevBtn a:focus, #nextBtn a:focus{outline:none;}
#items span, #footer span { color: #FF0000; }

/* Index Items */
ul#items { margin: 10px; padding: 0; }
ul#items li { background-color: #F5F5F5; display: inline; float: left; margin: 0; list-style-type: none; padding: 0; text-align: center; width: 50%; height: 100px; }
ul#items h3 { font-size: 1em; margin: 15px 5px 0; }
ul#items p { font-size: 0.9em; line-height: 145%; margin: 15px 10px 0 5px; }
ul#items span { color: #F00; font-weight: bold; }

/*** Articles ***/
/* Post */
.post { color: #555; }
.post h2 { margin: 20px 15px 20px; width: 690px; }
.post h3, .post h4, .post h5, .post h6 { margin: 15px 10px; }
.post p { display: block; font-size: 0.9em; margin: 15px 10px 0; width: 700px; }
.post em { font-size: 0.9em; margin: 0 10px 0; }
.post img, .archives img { background-color: #EFEFEF; border: 1px solid #CCC; height: auto; padding: 5px; }
.post ul, .post ol { font-size: 0.9em; font-weight: normal; margin: 15px 35px 0; }
.postfooter { background-color: #EFEFEF; border: 1px solid #CCC; margin: 15px 20px 0; }
.postfooter p { line-height: 135%; font-size: 0.8em; margin: 0; padding: 5px; }

.index h2, .archives h2 { background-color: #EFEFEF; border: 5px solid #CCC; color: #555; margin: 60px 10px 5px; padding: 20px; text-align: center; text-transform: capitalize; width: 650px; }
.index h3, .archives h3 { font-size: 1.4m; padding: 0 0 0 125px; width: 570px; }
.index span.date, .archives span.date { background-color: #EFEFEF; border-bottom: 1px solid #CCC; display: block; font-size: 0.7em; font-weight: bold; margin: 35px 10px 10px; padding: 3px; width: 695px; }
.index p, .archives p  { display: block; margin: 15px 10px 25px; padding: 0 0 0 125px; width: 570px; }

img.tfe { height: 100px; margin: -35px 10px 10px 10px; width: 100px; }

/* Tambien le puede interesar */
#related { background-color: #DFDFDF; display: block; margin: 10px; padding: 15px; text-align: center; }
#rel-items li { font-size: 1.1em; list-style: none; padding: 3px 0; }
#rel-items a:hover { text-decoration: none; }


/* Contact */
#respond { border-top: 1px solid #CCC; border-right: 1px solid #CCC; float: left; margin: 35px 0 0; padding: 5px 0 0; width: 360px; }
#about { border-top: 1px solid #CCC; float: left; margin: 35px 0 0; padding: 5px 0 0; width: 360px; }
#about h5 { font-size: 1.1em; font-weight: bold; margin: 10px; }
#about p { font-size: 0.9em; margin: 0 10px 15px; }
#about ul li { font-size: 0.9em; list-style: square; }

/*** Sidebar ***/
.sidebar { float: left; width: 219px; margin: 265px 0 0; padding: 0 10px; }
.sidebar #article { background-color: #EFEFEF; margin: 0 0 0 -10px; padding: 5px; width: 230px; }
.sidebar #search { background-color: #fff8c8; margin: 10px 0 0 -10px; padding: 5px; width: 230px; }
.sidebar #search .openspace { padding: 3px; width: 140px; }

/* Page navigation */
.nav-previous, .nav-next { font-size: 0.9em; }
.nav-previous { float: left; margin: 10px 0 10px 10px; }
.nav-next { float: right; margin: 10px 250px 0 0; }

/*** Footer ***/
ul.footer { background-color: #EFEFEF; margin: 10px; padding: 0; }
ul.footer li { list-style: none; }
ul.footer h2 { font-size: 0.9em; text-transform: uppercase; margin: 5px 0 10px; }
ul.footer li#text-4, ul.footer li#recent-posts-3, ul.footer li#tag_cloud-3 { float: left; width: 32%; padding: 5px; }
ul.footer li#recent-posts-3 {}
ul.footer li#tag_cloud-3 { }
.footer ul { padding: 0; }
ul.footer h3 { font-size: 0.9em; margin: 0; }
ul.footer p { font-size: 0.8em; margin: 0; }
ul.footer li.widget_recent_entries li a { font-size: 0.8em; }

p#footer { color: #555; font-size: 0.75em; text-align: center; }

/*** Extra ***/
/* Columna 3 */
.post ul#cuadro { float: left; margin: 0 10px 15px; padding: 0; }
.post ul#cuadro li { background-color: #9FF8FF; border-bottom: 1px solid #000; display: inline; font-size: 0.75em; float: left; list-style-type: none; padding: 4px 1px; width: 32%; clear: right; }