/*



Theme Name: Casa Bella



Theme URI: http://www.3bcorp.com



Description: Casa Bella



Version: 1.0



Author: 3B



Tags: hotel, theme, template



*/







* {



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



	margin: 0;



}



body{



	padding: 0;



	font-size: 12px;



	color: #666;



	background: url(images/bg.jpg) repeat-x;



	margin:0px auto;	



	}



	



ol, ul, blockquote  {



	line-height: 22px;



	margin-top: 0px;



}







#header_sub_text h3{



	margin-bottom: 0px;



	font-size: 1.5em;



	font-weight:normal;



}



#header_sub_text  h2 {



	color: #999999;



}



#header_sub a {



color:#319BD8;



}



#header_sub h1 {



	color: #CC6600;



	margin-bottom: 0px;



	font-weight: normal;



	font-size: 2em;



	letter-spacing: 1px;



	padding: 0px 0px 5px 0px;



	border-bottom:solid 1px #CCC;



}



#header_sub h2 {



	color: #666;



	padding: 0px 0px 0px 0px;



	line-height: 25px;



	font-weight: normal;



}







#header_sub h4 {



	color: #666666;



	font-size: 14px;



	font-weight: normal;



}



p {



	line-height: 22px;



	margin-top: 0px;



	margin-bottom:15px;



}



ul {



}



li {



}







#main_content_left_secondary ul {



	padding: 0px;



	margin: 15px 0px 25px 20px;



}



#main_content_left_secondary li {



	background-image:url(images/check.png);



	background-repeat:no-repeat;



	font-weight:bold;



	list-style-type:none;



	margin:0 0 10px;



	padding-left:30px;



}



#main_content_left ul {



	padding: 0;



	margin: 0;



}



#main_content_left li {



	list-style-type: none;



	margin: 0px;



	border-bottom:dotted 1px #eee;



	padding:10px 0 0 0;



}



#main_content_left li small{



	color:#BAADA0;



	font-weight:normal;



}







a:hover {



text-decoration:underline;



}







img {



	border: none;



}



.wrap {







}







#header {



	width: 960px;



	margin: 0 auto;



}



#header_wrap {



	background-repeat: no-repeat;



	margin: 0 auto;



	height: 513px;



	width:980px;



	/*background-image: url(images/header.jpg);*/



	background-position: top center;



}



#header_upper {



	width: 960px;



	height:104px;



	float: left;



}



#header_logo {

	width: 194px;

	float: left;

	height: 75px;

	margin-top: 5px;

}



#header_lower {



	width: 960px;



	float: left;



}



#header_lower h2{



	font-size:2.3em;



	color:#218DD1;



	font-weight:normal;



	}







#header_lower_alt {



	width: 892px;



	float: left;



	padding-left:43px;



}



#header_sub {



	float: right;



	width: 307px;



	height:235px;



	padding:20px 20px 0 20px;



	border-left:solid 1px #fff;



	background:url(images/bg-about.jpg) repeat-x bottom;



}



.header_sub {



	float: left;



	width: 390px;



}



#header_sub_text {



	float: left;



	padding:8px 20px;



	border:solid 1px #CCC;



	background: url(images/bg-btn.gif) repeat-x;



}



#header_sub_text p{



	padding:0;



	margin:0px;



}



#header_sub_text_secondary {



	float: left;



	width: 500px;



	margin-top: 30px;



	color: #333;



}



#header_sub_text_secondary p {



	width: 500px;



	font-size: 2.5em;



	color: #333;



	font-weight: normal;



	margin-bottom: 0px;



}



#header_sub_text_secondary a {



	color:#218DD1;



}



#header_sub_button {



	float: left;



	padding-top:0;



	width:50px;



}



#header_sub_button_alt {



	float: left;



	width:50px;



}



#header_secondary {



	width: 960px;



	height: 187px;



	margin: 0 auto;



}







#header_sub_headline {



	float: left;



}



#header_sub_port {



	float: left;



	margin-top: 8px;



}



#header_sub_secondary {



	float: left;



	padding-top: 0px;



	width: 390px;



}



#header_sub_secondary_right {



	float: right;



	padding-top: 0px;



	width: 390px;



	margin-top: 40px;



	font-size: 1.4em;



	color: #666;



	text-align: right;



	padding-right: 15px;



	font-family:Georgia, "Times New Roman", Times, serif;



}











#topnav {



	float:left;



}







	



#subnav {



	margin-bottom: 25px;



}







#page {



	width: 960px;



	margin: 0 auto;



	padding: 0px 0px 30px 0px;



	background-repeat: repeat-x;



}



#page_secondary {



	width: 960px;



	margin-left:auto;



	margin-right:auto;



	padding:0;



	background:#FFF url(images/left_bg.jpg) no-repeat;



	background-repeat: ;



}











.home_comment{color:#a1a1a1;font-size:10px;}



#blog_home {}



#blog_home ul{margin:0px;padding:0px;}



#blog_home li{



list-style-type:none;



border-bottom:dotted 1px #ddd;



margin-bottom:15px;



}



#featured_wrap {



	float: left;



	width:auto;



}



#featured {



	width: 815px;



	float: left;



	background-repeat: no-repeat;



	padding: 20px 20px 10px 20px;



	background-image: url(images/featurebg.jpg);



	height: 248px;



}



#featured_image {



	padding: 5px;



	float: left;



	border: solid 1px #cacaca;



	min-width: 400px;



	min-height: 190px;



	width:auto;



}



#featured_text {



	float: left;



	margin-left: 20px;



	width: 365px;



}



#featured_bottom {



	width: 855px;



	height: 12px;



	margin: 0 auto;



	background-image: url(images/featurebg_bottom.jpg);



	float: left;



}



#main_content {



	width: 960px;



	padding:0;



	margin:0;



}



#main_content_left {



	float: left;



	width:633px;



}



#main_content_left_secondary {



	width: 670px;



	float: right;



}



#main_content_right {



	width: 307px;



	float: right;



}



#main_content_right  ul {



	padding: 0px;



	margin: 0px 0px 15px 0px;



}



#main_content_right  li {



list-style-type:none;



border-bottom:dotted 1px #ddd;



margin-bottom:10px;



padding-bottom:10px;



}



#logo {

	height: 75px;

	width: 203px;

}



#footer_wrap {

	background-color:#F6F6F6;

	border-top:1px solid #EEEEEE;

	height:140px;

	width:100%;

	position : relative;

}



#footer {

	width: 960px;

	padding: 25px 0px 0px 0px;

	color: #FFFFFF;

	height: 65px;

	position:relative;

	margin:0 auto;

	text-align:center;

}



#footer p {

	color: #999;

	line-height:14px;

}







#footer li {



display:inline;



padding-right:8px;



}



#footer ul {



	padding:10px 0;



	margin:0;



}







#footer a:hover, #footer a:active, #footer li.current_page_parent, #footer li.current_page_parent a, 



#footer li.current_page_parent a:visited, #footer li.current_page_item a, 



#footer li.current_page_item a:visited {



background-image: none;



}



#footer_l  {



	float: left;



	width: 420px;



}



#footer_r  {



	float: right;



	text-align: right;



	width:440px;



}



.inline_image {



	float: left;



	padding: 5px;



	border: solid 1px #a4a4a4;



	margin: 5px 10px 0px 0px;



	width:auto;



}



#products {



	width: 525px;



}



.product_box {



	border-bottom: dotted 1px #a4a4a4;



	float: left;



	width: 525px;



	padding-bottom: 15px;



	margin-top: 15px;



}



.product_box_image {



	float: left;



	padding: 5px;



	border: solid 1px #a4a4a4;



	width:auto;



}



.product_box_description {



	float: left;



	margin-left: 15px;



	width: 320px;



}



.image_wrap {



	float: left;



	margin: 0px 0px 5px 0px;



	width: 180px;



}



.image {



	float: left;



	border: 4px solid #ccc;



	width: 172px;



	height: 120px;



}



.image_caption {



	float: left;



	padding: 3px 0px 3px 0px;



	font-size: 10px;



	color: #424242;



	width: 100%;



	text-align: center;



}







#left {



float:left;



width:220px;



margin-right:25px;



padding-top:20px;



}



#left_navigation {



	float: left;



	width:220px;



}



#left_navigation ul {



	margin-left: 0px;



	padding-left: 0px;



}







.page_column {



	float: left;



	width: 290px;



	margin-right: 20px;



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



	background-repeat: repeat-x;



	padding: 5px 15px 15px 15px;



	border-top: 1px solid #dddddd;



	margin-top: 15px;



}



.page_column  .img  {



	float: left;



	margin-right: 20px;



	margin-top: 5px;



	width:auto;



}



.page_column h4 {



	font-size: 14px;



	color: #1A5A8A;



	font-weight: bold;



	padding: 5px 5px 5px 0px;



	border-bottom: dotted 1px #ccc;



	margin: 0px 0px 5px 0px;



}



.page_column h5 {



	font-size: 14px;



	color: #1A5A8A;



	font-weight: bold;



	padding: 5px 5px 5px 0px;



	border-bottom: dotted 1px #ccc;



	margin: 0px 0px 0px 60px;



}



.portfolio_featured_image {



	float:left;



	margin: 25px 20px 0px 20px;



	width:auto;



}



.portfolio_featured_description {



	float:left;



	margin-bottom: 0px;



	width: 360px;



	margin: 10px 0px 0px 0px;



	padding: 10px 10px 0px 0px;



}



.portfolio_featured_description p {



	margin-bottom:10px;



}



.portfolio_featured_bottom {



	float:left;



	width: 684px;



	height: 19px;



}



.portfolio_cell {



	width: 684px;



	float: left;



	padding-bottom: 15px;



	margin:15px 0px;



	border-bottom: dotted 1px #ccc;



}



.portfolio_image {



	float:right;



	margin: 0px 0px 0px 20px;



	width:auto;



}



.portfolio_description {



	float:left;



	margin-bottom: 0px;



	width: 420px;



	margin: 0px 0px 0px 0px;



}







.image_portfolio_small {



	border: solid 8px #ccc;



}



.image_portfolio_large {



	border: solid 8px #ccc;



	margin:15px 0px;



}



.comment {



	color:#5D5D5D;



	display:block;



	font-family:Georgia;



	font-size:13px;



	height:26px;



	padding-top:4px;



	text-align:center;



	text-decoration:none;



	width:31px;



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



	float: left;



	top: 238px;



	left: 1023px;



	margin-right: 10px;



}



.post_details {



	background-color:#F7F7F7;



	font-size:10px;



	margin:5px 0;



	padding-left:5px;



}







.blog_post {



	border-bottom: dotted 1px #ccc;



	padding: 15px 0px;



}



		



.slider-wrap-alt {



	float: right;



	height: 348px;



	width: 960px;



	overflow: hidden;



	border: solid 1px #ccc;



}



.slider {



	width: 960px;



	height: 348px;



	float: left;



	position:relative;



}



#mySlides {



	



}



.slider_nav {



	width: 960px;



	z-index:800;



	bottom:20px;



	right:5px;



	position:absolute;



	visibility:hidden;



}



.slider_nav_long {



	width: 960px;



	float: right;



	margin-top: 18px;



}



.slider_nav_left {



	float:right;



	margin-top: 12px;



	width:auto;



}



.slider_nav_right {



	width:auto;



}



#slide1 {



	background-image: url(images/slide2.jpg);



	width: 960px;



	height: 348px;



}



#slide2 {



	background-image: url(images/slide1.jpg);



	width: 960px;



	height: 348px;



}



#slide3 {



	background-image: url(images/slide3.jpg);



	width: 960px;



	height: 348px;



}



.slide_headline_wrap {



	float: left;



	width: 345px;



}



.slide_headline_wrap_right {



	float: right;



	width: 345px;



}



.slide_headline {



	float: left;



	width: 300px;



	padding: 30px 0px 0px 30px;



	color: #ffffff;



}



.slide_subheadline {



	float: left;



	width: 330px;



	margin-top: 15px;



	color: #ffffff;



}



.slide_subheadline_text {



	float: left;



	padding-left: 30px;



	width: 240px;



	margin-right: 10px;



	color: #FFFFFF;



	font-size: 14px;



}



.slide_headline h1 {



	margin: 0px 0px 10px 0px;



	color: #ffffff;



	font-size: 34px;



}



.slide_headline h2 {



	margin: 0px 0px 10px 0px;



	color: #ffffff;



	font-size: 18px;



	font-weight: normal;



}



.slide_button {



	float: left;



	width:auto;



}



#comments_template {



	width: 684px;



	float:left;



	margin:25px 0px 0px 0px;



}







#comments_template li {



	border-bottom:dotted 1px #ddd;



	list-style-type:none;



	padding:20px 0px 20px 0px;



	float:left;



	height: auto;



	font-weight:normal;



	background-image: none;



}



#comments_template ol {



	margin:0px;



	padding:0px;



}



#comments_template p {



	margin:0px;



	padding:0px;



}



#comments_template .meta {



	color:#aaaaaa;



	font-size:10px;



}



.avatar {



height:80px;



width:80px;



}



.avatar_name {



font-size:10px;



line-height:12px;



padding-top:5px;



text-align:left;



width:80px;



}







.comment_number_wrap {



float:left;



padding-bottom:5px;



border-bottom:dotted 1px #ddd;



}



.comment_right_wrap {



float:left;



width:564px;



}



.comment_right {



background:transparent url(images/commentbg.jpg) no-repeat scroll 0 0;



float:left;



margin-left:10px;



padding:10px 10px 5px 40px;



width:522px;



}



.comment_left {



float:left;



}



.comment_form {



float:left;



padding:25px 0px;



}



.comment_form p{



float:left;



padding:10px 0px;



}



.comment_right_bottom {



background:transparent url(images/commentbg_bot.jpg) no-repeat scroll 0 0;



float:left;



height:11px;



margin-left:10px;



width:580px;



margin-top:-2px;



}



.comment_name {



float:left;



margin-bottom: 10px;



width:600px;



}



.comment_mail {



float:left;



margin-bottom: 10px;



width:600px;



}



.comment_web {



float:left;



margin-bottom: 10px;



width:600px;



}



#left_widgets {



float:left;



width:220px;



}







.textwidget {



font-size:10px;



text-transform:none;



padding-right:15px;



line-height:20px;



color:#666666;



}



.textwidget_image {



padding: 0px 5px 5px 0px;



float:left;



height:50px;



width:50px;



}



.aktt_tweets {



font-size:10px;



text-transform:none;



padding-right:15px;



line-height:20px;



color:#666666;



width:200px;



}



.aktt_tweets ul {



margin:0;



padding:0;



}



.aktt_tweets li {



border-bottom:1px solid #F0F0F0;



border-top:medium none;



list-style-type:none;



margin-bottom:8px;



margin-left:0;



padding:0 0 8px 0;



}



.aktt_tweets li:hover    {



	border-top: none;



	border-bottom: solid 1px #ddd;



	list-style-type: none;



	margin-left: 0px;



	background: none;



	display:block;



}



.aktt_more_updates {



border-bottom:none;



}



.moretweets {



font-size:14px;



font-weight:normal;



margin-bottom:0;



margin-top:15px;



border-bottom:none !important;



}



/* blog styling */



.blog {



float:left;



}



.blog_description {



	float:left;



	margin-bottom: 0px;



	width: 680px;



	margin: 0px 0px 0px 0px;



}



.blog_cell {



	width: 684px;



	float: left;



	padding-bottom: 10px;



	margin:10px 0px 15px 0px;



	border-bottom: dotted 1px #ddd;



}



.portfolio_large {



	margin:20px 0px;



}



.gallery {



float:left;



}



.gallery img {



border:5px solid #CFCFCF;



float:left;



margin:0 15px 10px 0;



}



#twitter li {



margin-bottom:5px;



margin-top:0;



padding-bottom:5px;



padding-top:0;



}



.alignleft {



float:left;



padding: 0px 15px 10px 0px;



}



.categories {



margin-bottom:25px;



}



.archives {



margin-bottom:25px;



}



.breadcrumb{



margin-bottom:10px;



padding:5px 5px 5px 0;



color:#999;



border-bottom:#CCC dotted 1px;



}



#footer_r .pie-right li{



	font-size:9px;



	text-transform:capitalize;



}







/*Menu navegacion*/



#navs  li {



	display: inline;



}



#navs  ul {



	margin: 0;



	padding-left: 5px;



}



#navs{



	float:right;



	background-repeat: no-repeat;



	width: auto;



	padding-top:15px;



}







#navs a {



	text-decoration:none;



	color:#555;



	font-size:1em;



	display: block;



	float: left;



	padding: 12px 9px;



	width: auto;



	font-weight:bold;



}







#navs a:hover {



	color:#319BD8;



	text-decoration:underline;



}



	



input, button, textarea, select {font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }



legend { display: none; }



fieldset { border: none; }



.search { width: 455px; background: url(images/SearchBkg.png) no-repeat right top; position: absolute; right: 0px; top: 0px;}



.search form { padding: 41px 0px 28px 115px;}



.search input { float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 5px; width: 251px; color:#666;}



.search button { float: left; background: url(images/search-button.png) no-repeat; width: 63px; height: 24px; border: none; cursor: pointer; color:#fff; font-size: 11px; font-weight: bold; vertical-align: middle; padding-top: 2px; padding-bottom: 5px;}







.datos{



	color:#bbb;



	font-size:10px;



	background-color:#F2F3F7;



	border-bottom:#EEEEEE 1px solid;



	



	}



	



	.textosup{width:960px;margin:0 auto; line-height:250%;	}



	.column1{float:left; width:307px;}



	.column2{float:right; width:306px; margin-left:20px;}



	



.tit_home {



	font-size: 1.2em;



	color: #4C5763;



	margin: 25px 0px 5px 0px;



	padding-bottom:10px;



	border-bottom: solid #ddd 1px;



	text-shadow:0 1px 1px #ddd;



}



.imgborde{padding:4px;border:solid 1px #ddd; background-color:#eee}



.sociallinks{clear: both; text-align:center; border-top:solid 1px #eee; padding:30px 0;}



.sociallinks img{margin-right:25px;}



#header_lower .titpagina{position:absolute; padding-top:35px; color:#999; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:100; text-shadow:0 1px 1px #FFFFFF; font-size:1.7em;}







#header_lower .titparrafo{float:right; padding-top:35px; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; font-weight:100; color:#CCC; text-shadow:0 1px 1px #FFFFFF;}







#fdbk_tab{



background-image: url(http://www.3bcorp.com/works/casabella/wp-content/themes/casaweb/images/buttoms/chat-with-us.png);



color: white;



cursor: pointer;



height: 102px;



left: 0px;



margin-left: -7px;



overflow: ;



position: fixed;



text-indent: -100000px;



top: 50%;



width: 42px;



z-index: 100000;



}



#fdbk_tab:hover{margin-left: -4px !important;



}







.tit1{color:#333;}











.flags{



	padding-left:30px;



}



.flags a{



	padding-left:5px;







}







#buttomNav {



background: url(images/vert_separator2.png) top right no-repeat;



height:60px;



margin:0 auto;



padding:10px 0;



position:absolute;



width:960px;



}



#buttomNav li {



display:inline;



}



#buttomNav li a {



background:url(images/buttoms/sprite.png) no-repeat scroll 0 0 transparent;



display:block;



float:left;



height:43px;



position:relative;



text-indent:-9999px;



z-index:600;



}



#buttomNav li.articles a {



background-position:10px 0px;



width:320px;



}



#buttomNav li.articles a:hover{



background-position:10px -45px;



}







#buttomNav li.forums a {



background-position:-310px 0px;



width:320px;



}



#buttomNav li.forums a:hover{



background-position:-310px -45px;



}







#buttomNav li.videos a {



background-position:-630px 0px;



width:320px;



}



#buttomNav li.videos a:hover{



background-position:-630px -45px;



}







.alignright{



	float:right;



	padding-left:10px;



	margin-left:10px;



	}



	



.imgcenter{



margin-left: auto;



margin-right: auto;



display:block;



background: #EFEFEF;



border: 1px solid #CCC;



margin: 20px 0;



padding: 20px;



text-align:center;



}



.aligncenter{



margin-left: auto;



margin-right: auto;



display:block;



	}



	



	#blog_home p{



		line-height:120% !important;



	}



	hr{ clear:both; height:0px; background:#eee; margin-bottom:30px;}



	th{ text-align:left;}



	







.external.celeste:hover {



   background-color:#0082BF;  /*#749A02;*/



   text-decoration:none;



}







.external.celeste {



   background-color: #319BD8; /*#91BD09;*/



}







.celeste {



   -moz-border-radius: 5px 5px 5px 5px;



   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);



   /*background: url("images/overlay-button.png") repeat-x scroll 0 0 #222222;*/



   border-bottom: 1px solid rgba(0, 0, 0, 0.25);



   color: #FFFFFF !important;



   cursor:pointer;



   display: inline-block;



   font-size: 13px;



   font-weight: bold;



   line-height: 1;



   overflow: visible;



   padding: 5px 15px 6px;



   position: relative;



   text-decoration: none;



   text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);



   width:auto;



} 







#left .gc_sh .gc_verticalSh



{ padding: 0px; margin-bottom: 20px; }







#left .gc_sh .gc_verticalSh



{ padding: 0px; margin-bottom: 20px; }



#menu-footer{

color:#000; float:left; font-weight:bold; font-size:14px	

}

#footer2 {

	width:860px; 

	padding-top:10px;

	color: #BBBBBB;

	position:relative;

	margin:0 auto;

	text-align:center;

}



#footer2 p {

	color: #999;

	line-height:14px;

}



#footer2 li {

display:inline;

padding-right:18px;

}



#footer2 ul {

	padding:5px 0;

	margin:0;

}

#footer2 a{

	color:#BBBBBB	

}



#footer2 a:hover, #footer2 a:active, #footer2 li.current_page_parent, #footer2 li.current_page_parent a, 



#footer2 li.current_page_parent a:visited, #footer2 li.current_page_item a, 



#footer2 li.current_page_item a:visited {



background-image: none;



}



.home-sanisidro

{

	float:left; margin-left:20px; margin-top:10px; width:390px; color:#aaa; text-align:justify

}

.home-sanisidro h1

{

	color:#000; text-align:center

}

.home-sanisidro img

{

	border:10px solid #ececec

}

.text-home

{

	float:left; width:100px; color:#319BD8;margin-top:10px;height:100px; padding-top:260px;margin-left:05px;

}

.text-home2

{

	float:left; width:130px; color:#319BD8;margin-top:170px;height:100px; padding-top:100px;margin-left:10px;

}

.home-miraflores{

	padding-left:0px; float:left; margin-top:10px; width:388px; color:#aaa; text-align:justify

}

.home-miraflores h1

{

	color:#000; text-align:center

}

.home-miraflores img

{

	border:10px solid #ececec

}



.developer{ font:normal 10px Arial, Helvetica, sans-serif; color:#999; text-align:center; line-height:200%; padding-top:10px;}
.developer a{font:normal 10px Arial, Helvetica, sans-serif; color:#999; text-decoration:none;}