/*BODY*/
body {background-color:#f5f5f5; font:11px Verdana, Arial, Helvetica, sans-serif; color:#036; text-align:center; width:850px; margin:auto}

/*LINKS*/
.linkblue{color:#06C; font-weight:bold; font-size:14px; margin:0px;}
.linkblue:link, :visited{text-decoration:none;}
.linkblue:hover{text-decoration:underline}

.lightLnk {
font-weight:normal; color:#fff; text-decoration:none;
}

.lightLnk:link, hover {
font-weight:normal; color:#fff; text-decoration:none;
}

.lightLnk:hover {
text-decoration:underline;
}

.titRent .reservation A:visited {
background:url(http://www.apartmentrentalsinrio.com/images/bot_reservation.gif); width:126px; height:30px;
}

.titRent .reservation A:hover {
background:url(http://www.apartmentrentalsinrio.com/images/bot_reservation2.gif); width:126px; height:30px;
}

.strongLnk:link, hover {
font-weight:bold; font-size:11px; margin:0px; color:#fff; text-decoration:none;
}

.strongLnk:hover {
text-decoration:underline;
}

#lnkstate:link{color:#fff
}

#lnkstate:visited{color:#06f
}

#lnkstate:hover{color:#f90
}

.dropdownmenu {
border:solid #ccc 1px; z-index:101; background-color:#fff; left:-100px; visibility:hidden; font: 9px Verdana,sans-serif; width:130px; position:absolute; top:-100px;
}

.dropdownmenu a {
border:solid #360 1px; padding:2px 2px 2px 2px; display:block; font:9px Verdana,sans-serif; color:#360; text-decoration:none;
}

.dropdownmenu a:hover {
padding:2px 2px 2px 2px; background-color:#fffef2; font:9px Verdana,sans-serif; text-decoration:none;
}


/*CONT*/
INPUT {
margin:3px 3px 3px 0px; font-size:11px;
}

TEXTAREA {
margin:3px 0px; font: 9px Verdana,sans-serif
}

SELECT {
margin:3px 3px 3px 0px; font:9px Verdana,sans-serif
}

TD {
font-weight:normal; font-size:13px;
}

H1 {
font:bold 30px arial,sans-serif
}

H3 {
font:bold 24px arial,sans-serif
}

.h1Special {
font:bold 12px arial,sans-serif; color: #036
}


/*TOP BANNER*/
#conTop {background-image: url(images/bn_apartments.jpg); color:#FFF; font-size:46px;font-weight:bold;height:107px;padding:40px 136px 0;position:relative;text-align:left; letter-spacing:-2px}
#subtitle{font-size:19px; left:36px; letter-spacing:1px; position:absolute; top:88px}

#conMenu {background:url(images/bk_supbar.jpg) #fff; height:30px}

.supButton {padding:8px 0}

.supButton a {font-weight:bold; font-size:12px; padding:6px 22px; border-left:solid 1px #039}

.supButton a:link {color:#039; text-decoration:none}
.supButton a:visited {color:#039; text-decoration:none}
.supButton a:hover {color:#C00}

#contactButton {border:none;left:732px;position:absolute;top:0px}

/*CONT LEFT (CARRIL IZQUIERDO AZUL)*/

#leftPan{background-color:#369; float:left; width:180px; color:#fff; font-weight:bold; padding-top:9px; height:750px}
#rightPan{margin:4px; text-align:justify; float:left}

#bottomPan{float:left; margin-top:18px;}

.leftSec {
padding:10px 0px 10px 0px; margin-left:5px; width:150px; border-bottom:solid #fff 2px; text-align:left; 
}

.little {
font-weight:normal; font-size:9px; margin:5px 0px;
}

.leftBtn {
width:140px; height:20px; background-image:url(images/bk_leftbtn.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:10px; font-weight:bold; background-color:#039
}


/*CONT MAIN*/

#conHome {
float:left; width:660px; line-height:2px; text-align:justify; vertical-align:top; padding-left:6px;
}

#tl_welcome{
padding:2px 0px 5px 0px; vertical-align:top; border:solid 2px #F00; height:22px; 
}

#email_container{padding:0px 8px 0px 8px;}

#txt_searc{
padding-bottom:6px;
}

#container_search{
vertical-align:top; padding-left:7px;
}

#top_search{background-image:url(images/bk_search_1.jpg); width:220px; height:55px; font-size:20px; font-weight:bold; text-align:right; padding:25px 25px 25px 250px; border-bottom:1px #036 solid}

#left_search{width:346px; border:solid 1px #369; padding: 3px; margin-top:2px; position:relative; float:left; background-color:#EEE}
#left_search label{font-size:12px; font-weight:bold}
#left_search select{font-size:11px}

.big_search{border:solid 1px #369; padding:6px; margin:2px 0; position:relative; text-align:justify}
.big_search label{font-size:12px; font-weight:bold}
.big_search select{font-size:11px}
.big_search .formLeft{padding:2px}
.big_search .formCenter{padding:2px}
.big_search .bigformCenter{padding:2px}
.big_search .bigformFar{position:absolute; left:76%;padding:2px}

.checkboxes label{font-size:11px; font-weight:lighter}
.checkboxes .formLeft{padding:0}
.checkboxes .formCenter{position:absolute; left:19%;padding:0}
.checkboxes .bigformCenter{position:absolute; left:38%;padding:0}
.checkboxes .bigformRight{position:absolute; left:57%;padding:0}
.checkboxes .bigformFar{position:absolute; left:76%;padding:0}
.titleCheck{font-size:12px; font-weight:bold; margin:6px 0 2px}

.formLeft{padding:8px}
.formRight{position:absolute; left:40%;padding:8px}
.formCenter{position:absolute; left:25%;padding:8px}
.bigformCenter{position:absolute; left:50%;padding:8px}
.search_but img{border:none}
.search_but input{ background-image:url(images/button_search.jpg); background-color:#FF0000; width:150px; height:36px}

#right_search{width:136px; float:right; margin:2px}
#right_image{background-image:url(images/bk_search_2.jpg); background-position:bottom; background-repeat:no-repeat;background-color:#4680B9; height:330px; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:10px 4px 4px 4px;}
#begin{background-color:#CA1E1E}

#bottom_search{font-size:12px; float:left; margin:4px; width:484px}

.formWithReq{font-size:12px; border:solid 1px #369; padding:6px; margin:2px 0; position:relative; text-align:justify; font-style:italic}
.formWithReq select{font-size:11px}
#req{text-align:right;}
.required{font-weight:bolder; font-style:normal}

.threeCol{float:left; width:33%}
/*#colLeft{width:33%}
#colRight{width:30%}
#colCenter{width:35%}*/
#colLeft .lab{width:130px}
#colCenter .lab{width:106px}
#colBot{width:75%}
.threeCol .lab{margin-top:5px;width:116px;text-align:right;float:left}
.threeCol input{float:left}
.threeCol select{float:left}

#right_mortgage{
background-image:url(images/bk_mortgage.jpg); background-position:center; background-repeat:no-repeat;
background-color:#369; width:139px; height:355px; margin-top: 2px; vertical-align:top;
}

#select_amenities{
background-color:#e8edf0; padding: 5px;
}

#conInterior {margin:2px; width:496px; text-align:justify; float:left}

.titCon {
padding-right:4px; font-weight:bold; font-size:11px; padding:4px 0px 4px 0px; width:666px; border:solid #c00 1px; text-align:center; margin-top:0px;
}

.titRent {
padding:5px 5px 5px 5px; border:solid #fc0 1px; font-weight:bold; font-size:11px; float:left; margin:5px 0px 0px 0px; width:570px; color:#030; background-color:#ffffcd; text-align:left;
}

.titRent .option {
padding:2px 2px 2px 2px; font-size:10px; background: url(http://www.apartmentrentalsinrio.com/images/bot_option.gif) no-repeat; float:left; margin:2px 5px 2px 0px; width:60px; line-height:12px; height:30px; text-align:center;
}

.titRent H3 {
font-size:12px; float:left; width:348px; line-height:16px; 
}

.titRent .reservation {
float:left;
}

.imgGal {
border:solid #030 1px; float:left; margin:4px 0px 0px 0px; width:60px; height:60px;
}

#fullCont{font-size:120%; text-align:justify; list-style:square inside; margin:8px; clear:both}
#fullCont a:link{color:#039; text-decoration:none}
#fullCont a:visited {color:#039; text-decoration:none;}
#fullCont a:hover {text-decoration:underline}

/*FOOT*/
#footTitle{background-image:url(images/bk_rentals_area.jpg); background-color:#369; font-weight:bold; font-size:12px; color:#FFF; padding-top:4px; height:20px; width:850px; float:left; clear:left}

#manylinks{border:#369 solid 1px; text-align:left; float:left; width:848px}

.lnkstate{width:276px; text-decoration:underline; padding:2px 0px 4px 6px; float:left}
.lnkstate a:link{color:#036; text-decoration:none}
.lnkstate a:visited {color:#036; text-decoration:none}
.lnkstate a:hover {text-decoration:underline}

#lnkfooter{width:650px; background-color:#369; float:left; height:65px; padding-top:15px; color:#fff}

#lnkfooter a{padding:0 5px; border-left:solid 2px #036; font-weight:bold; font-size:10px}
#lnkfooter a:link{color:#fff; text-decoration:none}
#lnkfooter a:visited {color:#fff; text-decoration:none}
#lnkfooter a:hover {text-decoration:underline}

#apartement_footer{width:200px; font-size:10px; color:#fff; float:left; background-color:#369; height:80px}

/*FORMULARIOS RENTALS*/

#rentalPicDiv {
background-color:#fff; left:-100px; visibility:hidden; position:absolute; top:-100px;
}

#reservationForm {
background-color:#fff; left:-100px; visibility:hidden; position:absolute; top:-100px;
}

#rentalPicDiv IMG {
border:solid #360 1px; 
}

#rentalPicDiv .title {
background:url(http://www.apartmentrentalsinrio.com/images/bk_supbar.jpg); text-align:right;
}

#reservationForm .title {
background:url(http://www.apartmentrentalsinrio.com/images/bk_supbar.jpg); text-align:right;
}

#rentalPicDiv .title INPUT {
border:solid #360 1px; font-weight:bold; margin:2px 0px 0px 0px;
}

#reservationForm .conForm {
border:solid #360 1px; padding:10px 10px 10px 10px;
}

.conForm .label {
clear:left; font-weight:bold; float:left; margin:5px 0px 0px 0px; width:120px; text-align:right;
}

.programMessage {
font-weight:bolder; font-size:medium; width:100%; color:#f00; line-height:normal; font-style:normal; text-align:center; font-variant:normal;
}

/*TABLES*/
#units th{font-size:80%; padding:0 10px}

/*search results*/
#results{border-left:solid 2px #369; border-right:solid 2px #369; padding:0 0 12px}

#sort{background-color:#369; color:#fff; height:42px; padding:2px 20px; font-size:120%;}
#sort p{float:left; font-weight:bold; margin:14px 20px}
#sort label{float:right; margin:10px;}

.rentunit{border:solid 1px #69c; width:800px; margin:12px 18px 0; padding:6px; text-align:justify; position:relative}
.rentunit img{position:relative}

.renttitle {font-size:140%; position:absolute; top:8px;left:140px; font-weight:bold}
.renttitle a:link{color:#930; text-decoration:none}
.renttitle a:visited {color:#930; text-decoration:none}
.renttitle a:hover {text-decoration:underline}

.rentleft{position:absolute; top:16px;left:600px; padding:6px 0;}
.rentright{position:absolute;top:32px; left:140px; padding:6px 0;; font-weight:bold}

.rentdesc{position:relative; padding:12px 18px 6px; font-style:italic; left:120px; width:640px; overflow:hidden}

.price{color:#063; font-size:120%}

h4{font-variant:small-caps; margin:14px 20px}
.rentcenter{position:absolute;top:2px; left:260px; padding:6px 0;}
.fulldesc{padding:12px 18px; font-style:italic; overflow:hidden; position:relative; top:12px}

#features{height:340px}
.featTitle{font-size:120%; line-height:200%; border-bottom:solid 1px #69c; margin-top:12px;}
#rightFeat{position:absolute; left:480px}
#leftFeat{position:absolute; left:48px}

/*messages error and success*/
#sysMessage{font-weight:bolder}
#sysMessage .error{color:#F00;margin:12px;}
#sysMessage .success{color:#06C;margin:12px;}

/*pager*/
.pager{padding-top:10px}

/*form style*/
#searchform{margin:0;padding:0}

/*roomates int content*/
.leftOfAds{float:left; margin:4px;width:640px}

