/* Standard 68 Classifieds Style Sheet */

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	width: 100%;

	background-color: #FFFFFF; /* F4F4F4 */

	text-align: center;

	margin: 0px;

	text-indent: 0;

	

	background-image: url('images/_bg_page.jpg'); background-repeat: repeat-x; background-position: left top

}

#wrapper {

	text-align: left;

	width: 100%;

	background-color: #FFFFFF;

	border: 1px solid #000000;

	padding: 5px;

	margin: 10px auto;

}

#header {

	text-align: center;

}

.topbar {

	background-image:  url("images/bar.gif");

	background-repeat: repeat-x;

	height: 29px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: x-small;

	color: #333333;

	text-align: right;

	padding: 5px;

}



/* Navigation Styles */

.navigation{

	border: 1px solid #5A89C0;

	width: 175px;

}

.navTitle {

	font-weight: bold;

	color: #FFFFFF;

	background: #5487BF url("images/fade.gif");

	border-bottom: 1px solid #5A89C0;

	text-indent: 5px;

	padding: 5px;

	margin: 5px;

}

.navlist{

	font-weight: bold;

	background-color:#F1F1F1;

	text-indent: 5px;

	padding: 3px;

}

.navlist:hover {

	background-color: #FFFFFF;

}

a.navlist:link { color: #448; }

a.navlist:visited{ color: #667; }

a.navlist:hover { color: #5487BF; font-weight: bold; background-color: #FFFFFF; }





/* Main Table

 * This class handles the appearence of the

 * the main tables used with 68classifieds

 *

*/

table.main {

	border: 1px solid #000000;

	background-color: #FFFFFF;

}



/* TH

 * This class handles the appearence of the

 * the first row in all tables. With the default

 * template this is the blue row.

 *

*/

th {

	font-weight: 400;

	font-size: 12px;

	color: #FFFFFF;

	background: #5487BF;

	border-bottom: 1px solid #5A89C0;

	text-indent: 5px;

	padding: 5px;

	margin: 5px;

}



/* Table Border

 * This class handles the inside table layout

 *

*/

.tableborder {

	border: 1px solid #000000;

	width: 100%;

	padding: 0px;

	margin:0px;

}

/* Sortable 

* Sort the show listings table

*

*/

table.sortable 

{

	border: 1px solid #000;

	width: 100%;

	padding: 0px;

	margin:0px;

}

table.sortable span.sortarrow 

{

    text-decoration: none;

	color: #FFF;

}

a.sortheader:link {

	text-decoration: underline;

	color: #FFF;

}

a.sortheader:visited {

	text-decoration: underline;

	color: #FFF;

}

a.sortheader:hover {

	text-decoration: none;

	color: #FFF;

}

/* Featured Listings

 * td.featured handles the display of featured listings

 *

*/

td.featured{

	background-color:#F1F1F1;

}

/* Highlighted Listings

 * td.highlighted handles the display of highlighted listings

 *

*/

td.highlighted{

	/*background-color:#CAE6CE;*/

	background-color:#CCCCCC;

}

/* row1 & row2

 * This section handles alternating rows

 *

*/

.row1{

     /*background-color:#d0d0d0;*/

     /*background-color:#F1F1F1;*/

     background-color:#F3F6F7;

}

.row2{

     background-color:#FFFFFF;

}



/* Form styles */

/*

 * The form styles section displays information about the forms

 * formstrip is the part above the form fields

 * formleft & formright deal with the left and right <td> in the form output.

 *

*/

.formstrip { color: #448; font-weight: bold; font-size: 12px; padding: 4px; }

.formstriperror {background-color: #FFF; color: #FF0000; font-weight: bold; font-size: 13px; padding: 4px; text-align: center; }

.formstrip a:link, .formstrip a:active, .formstrip a:visited { color: #448 }

.formstrip a:hover { color: #5487BF }

.formleft  {

	/*background-color: #FFFFFF;*/

	font-weight: bold;

	padding: 5px;

	margin: 5px;

	font-size: 11px;

}

.formright  {

	/*background-color: #FFFFFF;*/

	padding: 5px;

	margin: 5px;

	text-align: left;

	font-size: 11px;

}

.formsmall  { background-color: #FFFFFF; color: #000000; padding: 4px; }

input,select,textarea

{

	/*border: 1px solid #000000;*/

	color: #000000;

	/* background-color: #FFFFFF; */

	font-family: Verdana, Arial, Geneva;

	font-size: 10px;

}



/* Required fields */

.required {font-size: 10px; font-weight: bold; color: #FF0000; }

.error{

	color: #000000;

	background: #FFF;

	margin: 5px;

	padding: 5px;

	width: 95%;

	border: 1px solid red;

	text-align: center;

}



/* Expired Listings */

.expired {font-weight: bold; color:#000000; }



/* Link Styles

 *

*/

/*

a:link{

	color: #448;

}

a:visited{

	color: #667;

}

a:hover{

	color: #5487BF;

}

a:active {

	color: #FF0000;

}

*/

/* Breadcrumb

 * This class handles the category

 * breadcrumb trail

*/

.breadcrumb{ color: #448; }

a.breadcrumb:link { color: #448; }

a.breadcrumb:visited{ color: #667; }

a.breadcrumb:hover { color: #5487BF; }



/* Pagination

 * This class handles the appearence of the

 * previous and next section

 *

*/

.pageNav td { padding: 2px 4px 2px 4px; }

.pageNav a { text-decoration: none; font-weight: 400; }



.pagination{

	text-align: right;

	background-color: #AACCFF; /*7088b0*/

	color: #333333;

}

.paginationNum{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #FFFFFF;

	color: #333333;

}



.paginationNum a:link, .paginationNum a:visited, .paginationNum a:hover, .paginationNum a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #FFFFFF;

	color: #105CB6;

}



.navigationBack{

	/*background-color: #809ac5;

	color: #FFFFFF;

	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

	padding: 3px 6px 3px 6px;

	white-space: nowrap;

	*/

	background-image: url('images/_bg_title_blue.jpg'); background-repeat: repeat-x; background-position: left top; text-align:left; font-family:Arial, Verdana; font-size:12px; color:#003399; font-weight:bold;

}

.navigation{

	font: x-small verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

/* Characters

 * This class is used when a user is placing an ad

 * It formats the characters remaining

*/

.characters{

	color: #666666; font-size: 9px;

}

/* Icons

 * The following classes are used on the userindex page

 * it formats the icons and links.

*/

div.icon   { 

	margin: 3px; 

	text-align: center;

}

div.icon a { 

	display: block; 

	height: 93px !important;

	height: 95px; 

	width: 108px !important;

	width: 110px; 

	vertical-align: middle; 

	text-decoration : none;

	border: 1px solid #DDD;

	padding: 2px 5px 1px 5px;

	text-align: center;

}

div.iconimage { 

	padding-top: 13px; 

	text-align: center;

}





/* NEW STYLES */

p { margin: 0px; }

body, td, p, div, a { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; }



.listing_title { font-size: 14px; color: #0E67A4; font-weight: bold }

.listing_title a:link { font-size: 14px; color: #0E67A4; font-weight: bold; text-decoration: none; }

.listing_title a:visited { font-size: 14px; color: #35A4EE; font-weight: bold; text-decoration: none; }

.listing_title a:hover { font-size: 14px; color: #0E67A4; font-weight: bold; text-decoration: underline; }

.listing_title a:active { font-size: 14px; color: #CE0101; font-weight: bold; text-decoration: underline; }

.listing_small_title { font-size: 12px; color: #0E67A4; font-weight: bold }

.listing_desc { font-size: 12px; margin-top: 7px }

.listing_fields { font-size: 12px; margin-top: 7px; color:#000000; font-weight:bold }

.listing_price { font-size: 14px; margin-top: 7px; color:#454545; font-weight:bold }

.listing_features { font-size: 11px; margin-top: 7px; color:#CE0101; font-weight:700 }



.property_features { font-size: 12px; color:#CE0101; font-weight:bold }

.property_price { font-size: 18px; color:#CE0101; font-weight:bold }

.property_values { font-size: 12px; margin-top: 7px }

.property_fields { font-size: 12px; margin-top: 7px; color:#000000; font-weight:bold }

.property_fields_big { font-size: 14px; margin-top: 7px; color:#000000; font-weight:bold }



.title_sec { font-size: 18px; color: #000000; font-weight: 400; }



.fields_1 { font-size: 13px; color: #727272; font-weight: 400; }

.fields_2 { font-size: 12px; color: #394144; font-weight: 400; }

.fields_3 { font-family: Verdana; font-size: 11px; color: #555555; font-weight: 400; }



/*.text_small { font-size: 11px; color: #394144 ; font-weight: 400; }*/

.text_red { font-size: 12px; color: #D40000; font-weight: 400; }

.text_red_big { font-size: 14px; color: #D40000; font-weight: bold; font-family: Arial, Verdana }

.text_green { font-size: 12px; color: #47780F; font-weight: 400; }

.text_green_big { font-size: 16px; color: #47780F; font-weight: bold; }

.text_blue { font-size: 12px; color: #3366BB; font-weight: 400; }

.text_blue2 { font-size: 12px; color: #32729E; font-weight: 400; }

.text_gray2 { font-size: 13px; color: #666666; font-weight: 400; }

.text_gray { font-size: 12px; color: #555555; font-weight: 400; }

.text_gray_small { font-family: Verdana; font-size: 11px; color: #555555; font-weight: 400; }

.text_gray_clear { font-size: 12px; color: #9C9C9C; font-weight: 400; }

.text_orange { font-size: 12px; color: #DD6611; font-weight: 400; }

.text_orange_big { font-size: 16px; color: #DD6611; font-weight: bold; }



.text_normal { font-size: 13px; color: #000000; font-weight: 400; }

.text_small { font-size: 11px; color: #000000; font-weight: 400; }



.size_normal { font-size: 13px; }

.size_small { font-size: 11px; }

.size_medium { font-size: 14px; }

.size_big { font-size: 16px; }



.font_verdana { font-family: Verdana; }

.font_arial { font-family: Arial; }



a:link {font-size: 13px; color: #0B20B5; font-weight: 400; text-decoration: none; }

a:visited {font-size: 13px; color: #107BC2; text-decoration: none } /* 35A4EE */

a:hover {font-size: 13px; color: #000080; text-decoration: underline }

a:active {font-size: 13px; color: #CE0101; text-decoration: underline }



a.red_link:link, a.red_link:visited, a.red_link:hover, a.red_link:active { font-size: 12px; color: #D40000; font-weight: 400; text-decoration: none; }

a.red_link:hover { color: #990000; text-decoration: underline; }

a.blue_link:link, a.blue_link:visited, a.blue_link:hover, a.blue_link:active { font-size: 12px; color: #105CB6; font-weight: 400; text-decoration: none; }

a.blue_link:hover { color: #22447D; text-decoration: underline; }

/* blue link optional 024E86 */



.menu_item { width:133px; font-size: 16px; color: #548AA7; font-weight: bold; text-align:center; text-decoration: none; }

.menu_item_active  { width:133px; font-size: 16px; color: #D92020; font-weight: bold; text-align:center; text-decoration: none; background-image: url('images/_menu_fondo_item.jpg'); background-repeat: no-repeat; background-position: center top; }

.menu_item a:link, .menu_item a:visited, .menu_item a:hover, .menu_item a:active { font-size: 16px; color: #548AA7; font-weight: bold; text-align:center; text-decoration: none; }

.menu_item_active a:link, .menu_item_active a:visited, .menu_item_active a:hover, .menu_item_active a:active { font-size: 16px; color: #D92020; font-weight: bold; text-align:center; text-decoration: none; }



.menu_subitem { width:110px; font-size: 12px; color: #68767B; font-weight: bold; text-align:center; text-decoration: none; }

.menu_subitem_active { width:110px; font-size: 12px; color: #394144; font-weight: bold; text-align:center; text-decoration: none; }

.menu_subitem a:link, .menu_subitem a:visited, .menu_subitem a:hover, .menu_subitem a:active { font-size: 12px; color: #68767B; font-weight: bold; text-align:center; text-decoration: none; }

.menu_subitem a:hover { color: #394144; }

.menu_subitem_active a:link, .menu_subitem_active a:visited, .menu_subitem_active a:hover, .menu_subitem_active a:active { font-size: 12px; color: #394144; font-weight: bold; text-align:center; text-decoration: none; }



.banner_background { background-image: url('images/_bg_banner.jpg'); background-repeat: no-repeat; background-position: left top; }

.banner_content { margin-left:5px; margin-top:6px; }



.background_degraded_yellow { background-image: url('images/_bg_degraded_yellow.jpg'); background-repeat: repeat-x; background-position: left top; }



.margin_0 { margin:0; }



.margin_9_all { margin:9px; }



.margin_5_left_top { margin-left:5px; margin-top:5px; }

.margin_5_left_right { margin-left:5px; margin-right:5px; }

.margin_5_top { margin-top:5px; }

.margin_5_left { margin-left:5px; }

.margin_5_right { margin-right:5px; }

.margin_5_top_bottom { margin-top:5px; margin-bottom:5px; }

.margin_5_all { margin:5px; }



.margin_4_left_top { margin-left:4px; margin-top:4px; }

.margin_4_left_right { margin-left:5px; margin-right:4px; }

.margin_4_top { margin-top:4px; }

.margin_4_left { margin-left:4px; }

.margin_4_right { margin-right:4px; }

.margin_4_top_bottom { margin-top:4px; margin-bottom:4px; }

.margin_4_all { margin:4px; }



form { margin:0px; }



.arrows { font-family: Arial; font-size: 10px; }



.background_white { background-color: #FFFFFF; }

.background_celestial { background-color: #F2F7FF; }

/*.background_gray { background-color: #F4F4F4; }*/

.background_gray {  background-color: #F3F6F7; }

.background_contents {  background-color: #FFFFFF; }



.border_blue_clear { border: 1px solid #AACCFF; }

.color_blue_clear { color: #AACCFF; }



.hr_1 { color: #CACACA; width: 100%; height:1px; margin:0; }



.title_with_bg_blue { border-bottom:1px solid #AACCFF; background-image: url('images/_bg_title_blue.jpg'); background-repeat: repeat-x; background-position: left top; text-align:left; margin:0px; padding-left: 3px; height: 23px; border-left-width:0px; border-right-width:0px; border-top-width:0px; font-family:Arial, Verdana; font-size:14px; color:#333333; font-weight:bold; }

.title_with_bg_blue_text { font-family:Arial, Verdana; font-size:14px; color:#333333; font-weight:bold; }

.title_column { border-bottom:1px solid #AACCFF; background-image: url('images/_bg_title_blue.jpg'); background-repeat: repeat-x; background-position: left top; text-align:left; border-left-width:0px; border-right-width:0px; border-top-width:0px; font-family:Arial, Verdana; font-size:12px; color:#003399; font-weight:bold; }

.title_blue { font-family:Arial, Verdana; font-size:14px; color:#003399; font-weight:bold; }

.title_blue_big { font-family:Arial, Verdana; font-size:18px; color:#003399; font-weight:bold; }

.title_blue_small { font-family:Arial, Verdana; font-size:12px; color:#003399; font-weight:bold; }

.title_blue2 { font-family:Arial, Verdana; font-size:14px; color:#32729E; font-weight:bold; }

.title_blue2_big { font-family:Arial, Verdana; font-size:18px; color:#32729E; font-weight:bold; }

.title_blue2_small { font-family:Arial, Verdana; font-size:12px; color:#32729E; font-weight:bold; }



.tab_active { width:114px ; height:37px ; text-align: center; font-family:Arial; font-size:16px; color:#4D7DCE; font-weight:bold; background-image: url('images/_tab_active.jpg'); background-repeat: no-repeat; background-position: center bottom; }

.tab_active a:link, .tab_active a:visited, .tab_active a:hover, .tab_active a:active { text-align: center; font-family:Arial; font-size:16px; color:#4D7DCE; font-weight:bold; text-decoration: none; }

.tab_active a:hover { color: #4D7DCE; text-decoration:underline; }

.tab_inactive { width:114px ; height:37px ; text-align: center; font-family:Arial; font-size:16px; color:#6B6B6B; font-weight:bold; background-image: url('images/_tab_inactive.jpg'); background-repeat: no-repeat; background-position: center bottom; }

.tab_inactive a:link, .tab_inactive a:visited, .tab_inactive a:hover, .tab_inactive a:active { text-align: center; font-family:Arial; font-size:16px; color:#6B6B6B; font-weight:bold; text-decoration: none; }

.tab_inactive a:hover { color: #4D7DCE; text-decoration:underline; }

.table_tabs { background-image: url('images/_line_h_gray_degraded.jpg'); background-repeat: repeat-x; background-position: left bottom; }

.table_tabs_content { border-left: 2px solid #AACCFF; border-right: 2px solid #AACCFF; border-top-width: 0px; border-bottom-width: 0px; }



.hidden { display: none; }



.div_display_image { width: 100%; text-align: center; }



.linea_punteada_h { background-image: url('images/linea_punteada_h.gif'); background-repeat: repeat-x; background-position: center; }

.linea_h_top { background-image: url('images/_line_h_gray_degraded.jpg'); background-repeat: repeat-x; background-position: left top; }