/*======= layout ===============================*/
/*------- option 1: 3 colums -------------------*/
#page1 #content .row-0 .col-1 {width:700px; }
#page1 #content .row-0 .col-2 {width:220px; margin:0; }
#page1 #content .row-1 .col-1 {width:220px; margin-right:13px;}
#page1 #content .row-1 .col-2 {width:220px; margin-right:13px;}
#page1 #content .row-1 .col-3 {width:220px; margin-right:14px;}
#page1 #content .row-1 .col-4 {width:220px;}
#page1 #content .row-2 .col-1 {width:686px; margin-right:14px;}
#page1 #content .row-2 .col-2 {width:220px;}
/*------- option 2: two columns ----------------*/ 
#page2 #content .row-2 .col-1 {width:220px; margin-right:13px;}
#page2 #content .row-2 .col-2 {width:453px; margin-right:14px;}
#page2 #content .row-2 .col-3 {width:220px;}
/*==============================================*/

/*======= styles ===============================*/
* { margin:0; padding:0; } 
html, body { height:100%; }
body { background:#f5f5f5; color:#808080; font-family:Arial, Helvetica, sans-serif; font-size:100%;	line-height:1.25em; }
/* object  { vertical-align:top; outline:none; } */
ul, ol  { list-style:none; }
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }
.col-1, .col-2, .col-3, .col-4 { float:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
.wrapper { width:100%; overflow:hidden; }
.container { width:920px; margin:0 auto; font-size:.875em; }
/*==== GLOBAL =====*/
#header { height:140px; background:url(http://www.topmexicorealestate.com/puertoaventuras-real-estate/1-images/header.gif) left top repeat-x #f5f5f5; }
#slides-box { background:#f5f5f5; height: 300px; padding:5px 0 5px 0; }
#content { background:#f5f5f5; margin: 10px 0 0 0; }
#extra-content { background:url(1-images/content-tail.gif) left top repeat-x #2f2f2f; }
/*----- forms parameters -----*/
input, select, textarea {
 font-family:Arial, Helvetica, sans-serif; font-size:1em;
 vertical-align:middle;
 font-weight:normal;
}
/*----- images -----*/
img { border:0; vertical-align:top; text-align:left; }
.img-indent { margin:0 20px 0 0; float:left; }
.img-box { width:100%; overflow:hidden; padding-bottom:20px; }
.img-box img { float:left; margin:0 20px 0 0; }
.extra-wrap { overflow:hidden; }
/*----- txt p -----*/
p { margin-bottom:20px;}
.p1 { margin-bottom:10px; }
.p2 { margin-bottom:20px; }
.p3 { margin-bottom:30px; }
.p4 {text-align:right; padding:12px 0 0 0; font-family:"arial black"; color: #000040; font-weight:normal; font-size:170%;}

/*----- links, lines, titles -----*/
a { color:#161616; outline:none; }
a:hover{ text-decoration:none; }
a.blog { text-decoration:none; }
a.blog:hover{ text-decoration:none; }

h2 { color:#000; font-size:20px; line-height:1.2em; font-weight:normal;
	border-bottom:1px solid #cacaca; padding:4px 0 10px 0; margin-bottom:21px;
	width:100%; overflow:hidden; }
h2 img { float:right; margin:5px 0 0 0; }
h3 { font-size:1.14em; color:#a2a2a2; font-weight:normal; margin-bottom:20px; }
h4 { font-size:1.29em; font-weight:normal; margin-bottom:10px; }
h5 { font-size:1.14em; color:#a2a2a2; font-weight:normal; }
.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0;
	line-height:0; margin:20px 0 20px 0; }
.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%; }
/*==================boxes====================*/
.box { background:#fff; width:100%; color:#a2a2a2; }
.box .inner { padding:20px 20px 30px 20px; }
.address { float:left; }
.address dt { margin-bottom:16px; }
.address dd { clear:both; text-align:right; } 
.address dd span { float:left; padding-right:25px; }
/*===== header =====*/
#header .row-1 { height:50px; color:#989898;}
#header .row-1 .fleft { padding:8px 0 0 0; }
#header .row-2 { height:75px; border-bottom:1px solid #c7c6c6; }
.nav { float:right; padding:23px 0 0 0; }
.nav li { display:inline; }
.nav li a { display:block; float:left; background:#000040; color:#fff;  
	text-decoration:none; line-height:44px; margin-left:1px; padding:0 5px 0 5px;
	font-size:1.2em; width:100px; height: 50px; text-align: center;}
.nav li a:hover, .nav li a.current { background:#ddd; text-decoration:none; color:#797979; }

/*== featured box begin ==*/
.row-0 .col-2 { width:220px; height:300px; background:#000040; color:#838383; font-size:150%; line-height: 150%; font-family:Arial, Helvetica, sans-serif;}
.row-0 .col-2  .inner { padding:5px 5px 5px 5px; }
.row-0 .col-2  p { border-bottom:1px solid #2d2d2d; overflow:hidden; padding-bottom: 5px; margin-bottom:5px; vertical-align:top; }
.row-0 .col-2 strong { float:left; color:#fff; padding-left:6px; }
.row-0 .col-2 span { float:right; }
.row-0 .col-2.button { background:url(http://www.topmexicorealestate.com/puertoaventuras-real-estate/1-images/button.png) no-repeat left top; 
	width:92px; height:31px; float:left; display:block; color:#000; line-height:31px; text-align:center; text-decoration:none; font-size:12px; font-weight:bold; }
.row-0 .col-2.button:hover { color:#fff;}
.row-0 .col-2.price { font-size:30px; line-height:1.2em; color:#fff; font-weight:normal; float:right; }
.row-0 .ui-tabs-hide {display:none; }
/*== featured box end ==*/
.bluebox { background:#000040; color:#838383; font-size:150%; line-height: 150%; font-family:Arial, Helvetica, sans-serif; }
.bluebox .inner { padding:20px 20px 30px 20px; }
/*===== content =====*/
#content .indent { padding:40px 18px 44px 18px; }
#content .section { padding:0 0 70px 0; }
.news li { width:100%; overflow:hidden; background:url(images/line-dot.gif) left bottom repeat-x; padding:0 0 10px 0; margin-bottom:10px; text-align: justify;}
.news li.last { background:none; padding-bottom:30px; margin-bottom:0; }
.news li span { float:left; font-size:11px; background:#161616; color:#808080; padding:1px 8px 1px 8px; margin-right:15px; }
.news li div { overflow:hidden; }
.list1 li { background:url(images/dash3.gif) left bottom repeat-x; padding:0 0 5px 10px; margin-bottom:5px; }
.list1 li.last { background:none; padding-bottom:14px; }
.list1 li a { background:url(images/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; color:#909090; font-size:1.1em; }
.list1 li a:hover { color:#000; }
.list2 { padding-bottom:14px; }
.list2 li { background:url(images/bull-1.gif) no-repeat left 8px; padding:0 0 6px 13px; font-size:1.1em; }
/*===== extra-content =====*/
#extra-content .indent { padding:20px 18px 24px 12px; color:#909090; }
#extra-content .indent .indent { padding:20px 0 60px 0; }
#extra-content .col-1 { width:604px; margin-right:29px; }
#extra-content .col-2 { width:257px;}
#extra-content h4 { color:#fff; }
#extra-content .line-ver { background-position:604px top; }
#extra-content dl { float:left; width:127px; font-size:1.1em; margin-right:22px; }
#extra-content dl.last { margin-right:0; }
#extra-content dl dt { font-size:1.2em; color:#fff; background:url(images/dash1.gif) left bottom repeat-x; padding:0 0 16px 9px; margin-bottom:15px; }
#extra-content dl dd { background:url(images/dash2.gif) left bottom repeat-x; padding:0 0 5px 0; margin-bottom:5px; }
#extra-content dl dd a { text-decoration:none; color:#909090; background:url(images/bull-1.gif) no-repeat 10px 6px; padding:0 0 0 21px; }
#extra-content dl dd a:hover { color:#fff; }
/*===== footer =====*/
#footer { padding:12px 0 12px 0; color:#989898; }
#footer a { color:#989898; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
/*----- forms -----*/
#newsletter-form fieldset { border:none; }
#newsletter-form input.text { width:215px; border:none; background:#424242; padding:7px 0 7px 5px; margin-right:5px; color:#fff; }
#newsletter-form input.submit { background:url(images/submit.gif) no-repeat left top; width:30px; height:30px; border:none; cursor:pointer; }
#newsletter-form p { font-size:12px; margin-bottom:10px; }
#newsletter-form a { color:#fff; text-decoration:none; border-bottom:1px dotted #fff; font-size:12px; }
#newsletter-form a:hover { border-bottom:none; background:#fff; color:#2f2f2f; }
#contacts-form fieldset { border:none; width:100%; overflow:hidden; }
#contacts-form label { display:block; height:34px; }
#contacts-form label input { width:250px; padding:2px 0 3px 3px; color:#4d4d4d; }
#contacts-form textarea { width:298px; height:85px; padding:2px 0 2px 3px; margin-bottom:15px; color:#4d4d4d; overflow:auto; }
#contacts-form .col-1 { width:265px !important; margin-right:0 !important; }
#contacts-form .col-2 { width:304px !important; }