/* import fancybox style */
@import "jquery.fancybox-1.3.1.css";
@import "nivo-slider.css";
@import "../font/stylesheet.css";

html { font: normal 75%/1.5em Lucida, Verdana, sans-serif; color: #484848; background: #181818 }
body { text-align: left; background: url(../images/bg.png); }
#gradient { background: url(../images/gradient.png) repeat-x; padding-top: 42px; }

/* FRAMEWORK
========================================================================= */
.clear { clear:both; display:block; overflow:hidden; width:0; height:0 }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.align_center { text-align: center; }
.one_sixth, .one_third, .one_fourth, .half_page, .two_third, .full_page, .full_box, .small_box, .content_box, .sidebar, .sidebar_col, .big_slider { float: left; display: inline; position: relative; }

/* MARGIN & PADDING*/
.padd { padding: 20px 0; }
.margin { margin-left: 21px; margin-right: 21px; }
.m_top { margin-top: 42px; }
.m_bottom { margin-bottom: 42px; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 10px; }
.one_sixth, .one_third, .one_fourth, .two_third, .half_page, .full_page { margin-right: 21px; margin-left: 21px; }

/* BOX */
.full_box { width: 1002px; }
.small_box { width: 334px; }
.content_box { width: 668px; margin-right: 41px; }
.sidebar { width: 272px; }
.sidebar_col { width: 125px; margin-right: 21px; }

.full_box, .small_box, .content_box, .big_slider { background: #fff; }

.wrapper { width: 1002px; margin: 0 auto; padding: 0; }

/* COLUMNS */
.one_sixth { width: 125px; }
.one_third { width: 292px; }
	.small_box .one_third { padding-bottom: 10px; }
	.feature_col { width: 238px; }
.one_fourth { width: 208px; }
.half_page { width: 459px; }
.two_third { width: 626px; }
.full_page { width: 960px; }

.last { margin-right: 0; }

/* TYPOGRAPHY
========================================================================= */
hr { display: none; }

h1, h2, h3, h4, h5 { font-family: Lucida, Verdana, serif; }

h1 { font-size: 26px; text-transform: uppercase; }
h2 { font-size: 23px; }
	.content_box h2, .full_box h2 { clear: both; font-size: 24px; line-height: 28px; text-transform: uppercase; }
	.content_box h2 .cufon-canvas, .full_box h2 .cufon-canvas { margin-top: 3px; }
	.square_block { display: block; height: 28px; float: left; position: relative; width: 10px; background-color: #359acd; left: -22px; margin-right: -10px; }
	.slide_desc h2 { background: #fff; padding: 20px 30px; text-transform: uppercase; font-size: 38px; display: inline; float: left; }	
	
h3 { font-size: 21px; text-transform: uppercase; line-height: 21px; }
	.small_box h3 { background: url(../images/smallbox_h3_back.png) no-repeat left top; height: 36px; margin-bottom: 15px; padding: 20px 21px 0; }
	#feature_box h3 { line-height: 34px; }
		#feature_box h3 .cufon-canvas { padding-top: 7px; }
	.sidebar h3 { clear: both; background-color: #359acd; font-size: 18px; padding: 5px 21px 5px 10px; margin-left: -10px; color: #fff; text-transform: uppercase; margin-bottom: 13px; }
	.feature_head h3, .post_head h3 { float: left; position: absolute; bottom: 30px; background-color: #fff; line-height: 18px; padding-left: 10px; padding-right: 10px; margin-left: 1px; margin-right: 1px; left: 0; }
	.feature_head h3 .cufon-canvas, .post_head h3 .cufon-canvas { padding: 7px 0; }

h4 { font-size: 19px; text-transform: uppercase; }
	.small_box h4, .gallery_altstyle h4 { background-color: #359acd; font-size: 18px; padding: 5px 21px 5px 0; margin-left: -22px; color: #fff; margin-bottom: 13px; float: left; position: relative; display: inline; clear: both; }
	.gallery_altstyle h4 { padding-left: 21px; }

h5 { font-size: 17px; }

p { }
	#feature_box p { clear: both; color: #5e5e5e; }
	.slide_desc p { background: #fff; padding: 13px 30px; text-transform: uppercase; font-size: 18px; float: left; }
	.light { color: #8f8f8f; }
	.gallery_altstyle p { clear: both; }

em { font-style: italic; font-family: Lucida, Verdana, serif; }
del { text-decoration: line-through; }
acronym { border-bottom: 1px dotted #484848; }
blockquote { border-left: 2px solid #484848; padding-left: 10px; margin: 20px; }
q { font-style: italic; color: #8f8f8f; }
cite { font-style: italic; }
	cite a { color: #484848; }
pre, code { font-size: 13px; line-height: 20px; font-family: mono-space,monospace; white-space: pre; overflow: auto; }
pre { padding: 10px 0; }
code { background: #f6f6f6 url(../images/code.png) repeat scroll 0 0; display: block; border: 1px solid #ddd; padding: 0 20px; border-bottom-style: none; margin: 10px 0; }
ins { background-color: #fdfe7c; margin: 0 2px; padding: 2px 5px; }

table { width: 100%; }
caption { height: 16px; text-align: center; background-color: #eaeaea; font-size: 16px; text-transform: uppercase; padding: 10px 5px; }
th { height: 1.5em; font-size: 13px; line-height: 2em; padding: 5px; background-color: #484848; color: #fff; text-transform: uppercase; }
tr { border-bottom: 1px solid #d4d4d4; }
tr:nth-child(2n) { background-color: #f6f6f6; }
tr:hover { background-color: #eaeaea; }
td { height: 2em; padding: 5px; }
		
a { text-decoration: none; color: #359acd; }
	a:hover { text-decoration: underline; }
	a:active {  }
	
form { margin-top: 20px; }
form p { position: relative; }
form input, .condomino_form  select { padding: 10px 12px; border: 1px solid #484848; width: 266px; position: relative; }
.contact_form input { width: 600px; border-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #f4f4f4; }
.contact_form textarea { width: 604px; max-width: 604px; border-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #f4f4f4; }
.cliente_form textarea, .noticia_form textarea, .condomino_form textarea { width: 604px; max-width: 604px; border-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #f4f4f4; }
.cliente_form input, .noticia_form input, .condomino_form input { width: 600px; border-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #f4f4f4; }
.condomino_form select { text-transform:uppercase; border-style: none; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #f4f4f4; height:40px; }
form textarea { padding: 10px; border: 1px solid #484848; width: 270px; }
form label { position: absolute; top: 10px; left: 12px; color: #bfbfbf; text-transform: uppercase; display: inline; z-index: 1; }

input.error, textarea.error { background-color: #ffe5e6; border-color: #cba2a4; }
label.error { display: none; }
label.error { color: #b10003; margin-bottom: 15px; text-align: right; display: block; position: static; padding-top: 3px; }
#result { font-size: 16px; text-align: center; margin-bottom: 20px; margin-top: 20px; }
#success { background-color: #c0febe; border-color: #87b386; color: #336532; }
#errors { background-color: #ffe5e6; border-color: #cba2a4; color: #8e0d0e; }

strong { font-weight: bold; font-family: Lucida, Verdana, serif;  }
ul li { list-style-image: url(../images/arrow.png); list-style-position: inside; }
ol li { list-style: decimal; list-style-position: inside; }
li { margin-bottom: .4em; }

.testimonials li { list-style: none; list-style-image: none; list-style-position: inside; background-color: #fff; margin-bottom: 1em; float: left; }
.testimonial_message { display: block; padding: 10px; margin: 0;  }
.sign { display: block; padding: 5px 10px; background-color: #eaeaea; text-align: right; margin: 0; }

/* buttons */
a.btn, span.btn { background: transparent url(../images/btn_right.gif) no-repeat scroll top right; height: 19px; display: block; text-decoration: none; padding-right: 2px; float: right; overflow: hidden; }
	a.btn span, .btn input { background: transparent url(../images/btn_left.gif) no-repeat; line-height: 19px; border: none; color: #fff; text-shadow: #195e7f 0 -1px 0; width: auto; height: 19px; padding: 0 10px 2px 12px; font-size: 11px; float: left; }
	a.btn:hover, span.btn:hover { opacity: .8; cursor: pointer; text-decoration: none; }
	a.btn:active, span.btn:active { position: relative; bottom: -1px; text-decoration: none; }
a.arrow_btn { background: url(../images/arrow_btn.png) no-repeat; width: 34px; height: 34px; display: block; text-indent: -999em; overflow: hidden; padding: 0; margin: 0; }
	a.arrow_btn:hover { background: url(../images/arrow_btn_hover.png) no-repeat; }
		
/* alternative sidebar navigation */
.alt_subnav li { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
.alt_subnav a { color: #484848; border-bottom: 1px dotted #484848; display: block; padding: 10px; margin: 0; }
.alt_subnav ul li a { margin-left: 20px; }
.alt_subnav ul { margin: 0; padding: 0;  }
.alt_subnav a:hover { text-decoration: none; background-color: #eaeaea; }
	
.number { background: url(../images/circle.png) no-repeat; width: 34px; height: 34px; display: block; line-height: 34px; text-align: center; float: left; color: #fff; margin-right: 21px; margin-bottom: 10px; vertical-align: middle; position: relative; }
	
/* BIG SLIDER
========================================================================= */
#slider_container2 { position: relative; overflow: hidden; background-color: #eaeaea;  border: 5px solid #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
#slider_container2 img { position: absolute; top: 0; left: 0; }

#slider_container { width: 1002px; height: 376px; position: relative; overflow: hidden; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
#slider_box img { margin: 0; padding: 0; border: none; -webkit-box-shadow: 0 0 0; }
#slider_box ul {  }
#slider_box li { list-style: none; list-style-image: none; }
.slide { width: 992px; height: 366px; overflow: hidden; background-color: #eaeaea; margin: 0; position: relative; border: 5px solid #fff; -webkit-box-shadow: 0 1px 5px #b9b9b9; -moz-box-shadow: 0 1px 5px #b9b9b9; box-shadow: 0 1px 5px #b9b9b9; }
.slide img { position: relative; top: 0; left: 0; }
.slide_desc { position: absolute; z-index: 1; bottom: 30px; left: 0; }
.slide_desc h2 { font-family: Lucida, Verdana, serif; background: #fff; padding: 20px 30px; text-transform: uppercase; font-size: 38px; display: inline; float: left; }	
.slide_desc p { font-family: Lucida, Verdana, serif; background: #fff; padding: 13px 30px; text-transform: uppercase; font-size: 18px; float: left; }

#slide_nav, .nivo-controlNav { position: absolute; bottom: 20px; right: 0; z-index: 100; background-color: #fff; padding-left: 10px; padding-right: 5px; }
#slide_nav a, .nivo-controlNav a { text-indent: -999em; width: 9px; height: 9px; display: block; margin-top: 7px; background: url(../images/slide_off.gif) no-repeat; margin-right: 7px; overflow: hidden; float: left; padding-bottom: 7px; padding-right: 0; cursor: pointer; }
#slide_nav a.activeSlide, .nivo-control.active { background: url(../images/slide_on.gif) no-repeat; }
#slide_nav a:hover, .nivo-controlNav a:hover { opacity: .7; }

/* IMAGES */
#ad li img { border: none; background-color: #fff; padding: 4px; margin-bottom: 5px; margin-right: 5px; }
#ad li a { float: left; }
#ad li a:hover img { background-color: #359acd; }
#ad img.alt { margin-right: 0; } 

a img { padding: 5px; border: 1px solid #cccccc; }
a:hover img { background-color: #359acd; border: 1px solid #359acd; }

.content_box img.left { margin-right: 21px; }
.content_box img.right { margin-left: 21px; }

.img_box.square { margin-right: 21px; width: 135px; height: 135px; }
	.img_box.square img { width: 125px; padding: 5px; }	
.img_box.medium { width: 290px; }
	.img_box.medium img { width: 280px; padding: 5px; }
.img_box.large { width: 624px; margin: 0; }
	.img_box.large img { width: 614px; padding: 5px; }
.img_box, #ad img { background: #fff; border: 1px solid #cccccc; -webkit-box-shadow: 0 1px 5px #b9b9b9; -moz-box-shadow: 0 1px 5px #b9b9b9; box-shadow: 0 1px 5px #b9b9b9; margin-bottom: 21px; overflow: hidden; float: left; }
	.img_box a:hover { background-color: #359acd; }
	
.big_img { width: 626px; margin-bottom: 21px; }
.small_img { width: 135px; margin-bottom: 21px; }

.thumb { display: block; }

/* PAGE
========================================================================= */	

/* HEADER */
#header { background: url(../images/bg_menu.png) repeat-x; }
.border { display: block; background-color: #454545; height: 1px; width: 100%; overflow: hidden; clear: both; }
#logo h1 { cursor:pointer; margin-top:10px; text-indent: -999em; display: block; background: url(../images/logo.png) no-repeat; width: 211px; height: 62px; position: relative; }

/* NAV SECTION */
.main_nav, .main_nav * { margin: 0; padding: 0; list-style: none; position: relative; z-index: 100; }
.main_nav { line-height: 1em; }
.main_nav ul { position: absolute; top: -999em; width: 13em; /* left offset of submenus need to match (see below) */ }
.main_nav ul li { width: 100%; }
.main_nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */  z-index: 999; }
.main_nav li { float: left;	position: relative; }
.main_nav a { display: block; position: relative; }
.main_nav li:hover ul,
.main_nav li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 100; }
ul.main_nav li:hover li ul,
ul.main_nav li.sfHover li ul { top: -999em; }
ul.main_nav li li:hover ul,
ul.main_nav li li.sfHover ul { left: -13em; /* match ul width */ top: 0; }
ul.main_nav li li:hover li ul,
ul.main_nav li li.sfHover li ul { top: -999em; }
ul.main_nav li li li:hover ul,
ul.main_nav li li li.sfHover ul { right: 13em; /* match ul width */ top: 0; }

/*** NAV SKIN ***/
.main_nav { float: left; font-size: 14px; }
.main_nav ul a { padding: .75em 1em; text-decoration: none; color: #484848; }
.main_nav ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #484848; }
.main_nav a.main { text-align:center; font-family: Lucida, Verdana, serif; margin-left:3px; padding-top:30px; color: #59c9f3; text-decoration: none; background: url(../images/menu1.png) no-repeat; width:172px; height:48px;  }
.main_nav a.main:hover { color: #484848; text-decoration: none; }
.main_nav li li, .main_nav li:hover a.main { background: url(../images/menu2.png) no-repeat; color: #59c9f3; text-decoration: none; }
.main_nav ul li.sfHover, .main_nav a:hover { background: #eaeaea; color: #484848; }

a.main span.sf-sub-indicator { display: none; }
span.sf-sub-indicator { position: absolute; right: 1em; }
/* end NAV ===================================== */

.small_box h4 img { border: none; -webkit-box-shadow: none; background: transparent; padding: 0; position: relative; left: 6px; display: inline; margin: 0 12px 0 0; bottom: 1px; }

.dot_line { clear: both; display: block; margin-bottom: 21px; background: url(../images/dot.gif) repeat-x left bottom; height: 9px; }
	.alt_dot_line { margin-bottom: 21px; background: url(../images/dot.gif) repeat-x left bottom; height: 9px; clear: right; display: block; margin-left: 158px; }
.solid_line { clear: both; display: block; margin-bottom: 21px; background: url(../images/solid_line.gif) repeat-x left top; height: 2px; padding: 0; margin-top: 0; }

#feature_box { background: #fff url(../images/feat_back.png) no-repeat top center; padding: 0; border-style: none; position: relative; z-index: 1; }
#feat_shadow { background: url(../images/feature_shadow.png) no-repeat left top; height: 14px; margin-bottom: -14px; border-style: none; display: block; padding: 0; position: relative; top: -1px; z-index: 0; clear: both; }
#small_box_shadow { clear:both; background: url(../images/small_box_shadow.png) left no-repeat; height: 17px; display: block; margin-bottom: -17px; }
#flag { background: url(../images/feat_flag.png) no-repeat; width: 36px; height: 39px; display: block; float: right; position: relative; top: -1px; right: 21px; z-index: 99; }

#ad li { list-style-type: none; list-style-image: none; }

/* FEATURE PAGE
========================================================================= */
.feature_head { position: relative; float: left; display: block; }	

.feature_altstyle { margin-bottom: 42px; display: block; }
.feature_altstyle.last { margin-bottom: 0; }
.altstyle_content { }
.altstyle_head { height: 20px; }
.altstyle_head h3 { display: inline; float: left; }
.altstyle_head sd {  }

/* Google map */
#map { border: 1px solid #cccccc; margin-bottom: 13px; width: 290px; height: 200px; }

/* BLOG PAGE
========================================================================= */
.blog_nav li { display: inline; }
.blog_nav li a { background-color: #eaeaea; color: #484848; padding: 2px 6px; text-decoration: none; border: 1px solid #d1d1d1; }
	.blog_nav li a:hover { background-color: #359acd; color: #fff; border: 1px solid #359acd; }

.post_head { position: relative; float: left; display: block; }	
.post_meta { margin: 10px 0 15px; font-size: 10px; }
.post_meta a {  }
.comments_number a { background-color: #359acd; color: #fff; padding: 2px 6px; text-decoration: none; border: 1px solid #359acd; }
	.comments_number a:hover { background-color: #eaeaea; color: #484848; border: 1px solid #d1d1d1; }
	
.social ul { margin: 0; height: 16px; }
.social img { opacity: .7; }
.social li { display: inline; }	
.social p { line-height: 16px; float: left; padding-right: 15px; text-transform: uppercase; margin: 0; }
.social .dot_line { margin: 0 0 9px 0; }
.social img { padding: 0; border: none; margin-right: 3px; }
.social a:hover img { background: none; border: none; opacity: 1; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-shadow: 0 1px 3px rgba(0,0,0,0.4); }

/* comments */
#comment_list li { list-style: none; }
.comment { padding: 10px 10px 10px 0; margin-left: 30px; }
	.comment.admin { background-color: #eaeaea; }
.comment_leftcol { text-align: center; width: 88px; float: left; display: inline; }
	.avatar { background: #fff; border: 1px solid #cccccc; margin: 0 auto 15px; padding: 5px; clear: both; }
	a.reply { background-color: #359acd; color: #fff; padding: 2px 6px; text-decoration: none; border: 1px solid #359acd; text-transform: uppercase; }
		a.reply:hover { background-color: #eaeaea; color: #484848; border: 1px solid #d1d1d1; }
.comment_rightcol { border-left: 1px solid #d3d3d3; padding-left: 19px; display: inline; width: 478px; float: left; }
	.comment_head { font-size: 10px; color: #8f8f8f; }
	.user { font-size: 14px; color: #484848; }

ul li .comment { margin-left: 60px; }
ul li .comment_rightcol { width: 448px; }

ul li ul li .comment { margin-left: 90px; }
ul li ul li .comment_rightcol { width: 418px; }

ul li ul li ul li { margin-left: 120px; }
ul li ul li ul li .comment_rightcol { width: 388px; }

ul li ul li ul li ul li { margin-left: 150px; }
ul li ul li ul li ul li .comment_rightcol { width: 358px; }

/* FOOTER
========================================================================= */	
#footer { background: #181818 url(../images/head_back.gif) repeat; border-top: 1px solid #8c8c8c; color: #919191; padding: 10px 0; margin: 0; }
#footer_nav { text-align: right; }
#footer_nav a { color: #919191; cursor:pointer; }
#footer_nav a:hover { text-decoration: none; color: #fff; }
#footer_nav ul li { display: inline; padding-left: 10px; }
#copy { font-size: 10px; letter-spacing: 1px; }