/*
Theme Name: Inmuebles Aruba
Theme URI: http://hmmck.com/marketing
Description: Tema unica para Inmuebles Aruba
Version: 2.2
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; }
em { font-style: italic; }
.aligncenter { text-align: center; }
.alignright { float: right; }
.alignleft { float: left; }
div { position: relative; }
#searchspace, #slider, .post img, .archives img, #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: 0; }

/*** Header ***/
/* Title */
#title { float: left; }
#title h1 { background: url(http://assets.hmmck.com/inmuebles/sprite.png) no-repeat 0 0; display: block; height: 50px; margin: 35px 10px 0; text-indent: -9999px; width: 195px; }
#title h1 a { display: block; height: 55px; width: 195px; }
/* Navigation */
ul#nav { float: right; margin: 0 20px 0; padding: 0; width: auto; }
ul#nav li { display: inline-block; list-style-type: none; margin: 0px; padding: 70px 0px 25px; }
ul#nav li a { color: #555555; font-size: 0.9em; font-weight: bold; margin: 0px; padding: 75px 5px 25px; text-decoration: none; }
ul#nav li a:hover { background-color: #CCCBE6; color: #000; font-size: 0.9em; font-weight: bold; text-decoration: none; }
/* 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 { border-top: 2px solid #2D2F8F; margin: 0 10px 15px; padding: 10px 0 0; }
.post h3, .post h4, .post h5, .post h6 { margin: 15px 10px; }
.post p { display: block; font-size: 1em; margin: 15px 10px 0; }
.post em { font-size: 0.9em; margin: 0 10px 0; }
.post img, .archives img { background-color: #EFEFEF; border: 1px solid #CCC; width: 98%; padding: 5px; }
.post ul, .post ol { font-size: 0.9em; font-weight: normal; margin: 15px 10px 0; }
.postfooter { background-color: #EFEFEF; border: 1px solid #CCC; margin: 15px 10px 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: 0px 10px 5px; padding: 20px; text-align: center; text-transform: capitalize; }
.index h3, .archives h3 { font-size: 1.5em; padding: 0 0 0 125px; }
.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; }
.index p, .archives p  { display: block; margin: 15px 10px 25px; padding: 0 0 0 125px; }

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

/* 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 { border-left: 1px solid #CCC; float: left; width: 218px; margin: 0; padding: 0 10px; }
.sidebar h2 { font-size: 0.9em; font-weight: bold; margin: 25px 0 0; }
.sidebar p { font-size: 0.8em; line-height: 145%; margin: 0 0 3px; }
.sidebar input.openspace { border: 1px solid #262626; margin: 5px 0; width: 200px; }
.sidebar #splash { background-color: #CCCBE6; padding: 0 5px 5px; }

/* Special s*/
ul#disponible, ul#vendido { background-color: #F3F3F3; border: 1px solid #CCC; float: left; margin: 15px 20px 20px 10px; padding: 0; }
ul#disponible li, ul#vendido { list-style-type: square; list-style-position: inside; padding: 0 0 0 5px; }
ul#disponible h4, ul#vendido h4 { font-size: 1.3em; margin: 0; padding: 5px 10px; text-transform: uppercase; }
ul#disponible h4 { background-color: #00FF6A; }
ul#vendido h4 { background-color: #FF0000; color: #FFF; }

/* WP-Pagenavi */
.wp-pagenavi { margin: 0 10px; text-align: center; }

/*** 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; }

/* Sidewide messages only */
#box { background-color: #FFE900; color: #000; display: block; font-size: 0.9em; font-weight: bold; text-align: center; padding: 5px; }