/* Start of CMSMS style sheet 'barcelonabeso' */
/* CSS Document */

/* =Reset
----------------------------------------------- */
body, div, dl, img, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, iframe, fieldset, input, p, blockquote, th, td, span {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
li a {
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =start
----------------------------------------------- */
p {
	font:13px "Times New Roman", Times, Georgia, serif;
	color:#333333;
	line-height:17px;
	display:block;
letter-spacing: 0.03em;
	font-family: "Times New Roman", Times, Georgia, serif;
}

td {
font:13px "Times New Roman", Times, Georgia, serif; color:#333333;
line-height:17px;
}


strong {
font:13px  "Times New Roman", Times, Georgia, serif; color:#FFFFFF;
line-height:17px; font-weight: bold
}

H4{font:9px "Times New Roman", Times, Georgia, serif; color:#333333;}

H3{
	font:17px "Times New Roman", Times, Georgia, serif;
	color:#333333;
	line-height:22px;
	display:block;
	font-family: "Times New Roman", Times, Georgia, serif;
font-weight: nomal;
}

/* SS BEGIN */
h3 a {
 font: 17px/22px "Times New Roman",Times,Georgia,serif !important;
}

.photos_link_brown:link, .photos_link_brown:visited {
  color: #a06824;
}

.photos_link_blue:link, .photos_link_blue:visited {
  color: #1a427a;
}
/* SS END */

H5{
	font:19px "Times New Roman", Times, Georgia, serif;
	color:#4874BC;
	display:block;
	border-bottom: 1px dotted #CDCDC3;
padding:0px 0px 7px 0px;
margin:0px 0px 7px 0px;
/* SS BEGIN */
width: 460px;
/* SS END */
}

H6{
	font:14px "Times New Roman", Times, Georgia, serif;
	color:#4874BC;
	display:block;
	border-bottom: 1px dotted #CDCDC3;
padding:0px 10px 7px 0px;
}




a:link {  
	color: #4874BC;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; text-decoration: none; line-height: 17px}

a:visited {  
	color: #4874BC;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; text-decoration: none; line-height: 17px}

a:active{  
	color: #4874BC;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13p-x; text-decoration: none; line-height: 17px}

a:hover {  
	color: #4874BC;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; 
/* SS BEGIN */
text-decoration: underline; 
/* SS END */
line-height: 17px}



/*
p a:link, p a:visited {
  text-decoration: none; color: #0099FF;
}

 */




body{text-align:left;background:#BBB;font-family:"Times New Roman", Times, Georgia, serif;margin:0 auto; background: #F5F5DD url(images/background_tile.gif) repeat}
#container{width:769px;margin:0 auto;background:url(images/background.gif) repeat-y}
form, p, ul, li, h1, h2, h3, h4,label, div, a{margin:0;padding:0}

.text {font:11px "Times New Roman", Times, Georgia, serif; color:#444;
line-height:12px;}

#left{
	width:15px;
    height: 100%;
	margin:0 auto;
	float:left;
	background: url(images/bg_left.png) repeat-y;
}
#center{width:763px;margin:0 auto;float:center;background:#F5F5DD }
#right{width:15px;margin:0 auto;float:left;background:#FFF }


#menu{position:relative;width:763px;height:32px;float:center;margin-left: 0px;margin-right: 0px; z-index: 2;background:#F5F5DD}

.main_menu  {position:absolute;width:120px;height:20px;top:0px;left:600px;margin:0px 0px 0px 0px; padding: 4px 8px 4px 8px;}

#top{position:relative;width:763px;height:100px;margin:0 auto ;background:#F5F5DD url(images/background_header.jpg) no-repeat}
#top h1 span {display: none;}
#top h1 a {
display:block; width:270px;
height:80px; position:relative; z-index:111;
top:10px; left:30px;
}

#top h2 {position:relative; z-index:112;top:-18px; left:490px;
font:15px "Times New Roman", Times, Georgia, serif; color:#FFFFF5;
padding:0px 0px 0px 0px; letter-spacing: 0.04em;}



.top_menu  {position:absolute;width:120px;height:20px;top:10px;left:630px;margin:0px 0px 0px 0px; padding: 4px 8px 4px 8px;}

.top_menu a:link {  
	color: #FFFFFF;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; text-decoration: none; line-height: 14px}

.top_menu a:visited {  
	color: #FFFFFF;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; text-decoration: none; line-height: 14px}

.top_menu a:active{  
	color: #FFFFFF;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13p-x; text-decoration: Underline; line-height: 14px}

.top_menu a:hover {  
	color: #FFFFFF;
	font-weight: normal; font-family: "Times New Roman", Times, Georgia, serif; font-size: 13px; text-decoration: Underline; line-height: 14px}



#menu ul {
	position:relative;
	top: 0px;
	left:  0px;
	width: 763px;
	z-index: 500;
	height: 0;
}

#menu ul  span {
	display: none;}
	
li#home a, li#photos a, li#topten a, li#soul a, li#souvenirs a, li#journal a, li#besos a, li#about a {
	background: transparent;
	position: absolute;
	height: 32px;
	outline:none;
	top: 0px;
	background-color: 0;
	z-index: 0;
	background-image: url(images/nav.png);
	overflow: visible;
}
	
/* li#services a { left: 0; width: 68px; background: url(/images/nav.png) no-repeat 0 0; } */
/*
#menu ul li#home a { left: 0px; width: 90px; background: url(images/nav.jpg) no-repeat 0px 0; }
#menu ul li#barcelona a { left: 90px; width: 120px; background: url(images/nav.jpg) no-repeat -90px 0; }
#menu ul li#topten a { left: 210px; width: 92px; background: url(images/nav.jpg) no-repeat -210px 0; }
#menu ul li#soul a { left: 302px; width: 70px; background: url(images/nav.jpg) no-repeat -302px 0;}
#menu ul li#souvenirs a { left: 372px; width: 115px; background: url(images/nav.jpg) no-repeat -372px 0; }
#menu ul li#journal a { left: 487px; width: 100px; background: url(images/nav.jpg) no-repeat -487px 0; }
#menu ul li#besos a { left: 587px; width: 82px; background: url(images/nav.jpg) no-repeat -587px 0; }
#menu ul li#about a { left: 669px; width: 94px; background: url(images/nav.jpg) no-repeat -669px 0;}
*/

/* SS Begin */
#menu ul li#home a {
  left: 0px;
  width: 128px;
  background: url(images/nav.png) no repeat 0px 0;
}

#menu ul li#journal a {
  left: 128px;
  width: 128px;
  background: url(images/nav.png) no-repeat -128px 0;
}

#menu ul li#topten a {
  left: 256px;
  width: 128px;
  background: url(images/nav.png) no-repeat -256px 0;
}

#menu ul li#soul a {
  left: 384px;
  width: 128px;
  background: url(images/nav.png) no-repeat -384px 0;
}

#menu ul li#photos a {
  left: 512px;
  width: 128px;
  background: url(images/nav.png) no-repeat -512px 0;
}

#menu ul li#about a {
  left: 640px;
  width: 125px;
  background: url(images/nav.png) no-repeat -640px 0;
}

/* SS End  */
/* li#services a:hover { background-position: 0 -23px;} */
/*
#menu ul li#home a:hover { background-position: -0px -32px;}
#menu ul li#barcelona a:hover { background-position: -90px -32px;}
#menu ul li#topten a:hover { background-position: -210px -32px;}
#menu ul li#soul a:hover { background-position: -302px -32px;}
#menu ul li#souvenirs a:hover { background-position: -372px -32px;}
#menu ul li#journal a:hover { background-position: -487px -32px;}
#menu ul li#besos a:hover { background-position: -587px -32px;}
#menu ul li#about a:hover { background-position: -669px -32px;}
*/

#menu ul li#home a:hover { background-position: -0px -32px; }
#menu ul li#journal a:hover { background-position: -128px -32px; }
#menu ul li#topten a:hover { background-position: -256px -32px; }
#menu ul li#soul a:hover { background-position: -384px -32px; }
#menu ul li#photos a:hover { background-position: -512px -32px; }
#menu ul li#about a:hover { background-position: -640px -32px; }

	


#home_grayline_1{width:763px;height:2px;background:#585858}
#home_grayline{width:763px;height:12px;background:#EAEAE8}

#home_image{
	width:763px;
	height:354px;
	margin:0 auto;
	background:#F5F5DD;
	visibility: visible;
	overflow: hidden;
z-index: 0;
}
#home_image_shadow{width:763px;height:32px;background:url(images/home_shadow.jpg) repeat-x}
#blog_image_shadow{width:765px;height:32px;background:url(images/home_shadow.jpg) repeat-x}

#content{ width:763px;height: auto;margin:5px 0px 0px 0px;padding:0;overflow:hidden;}

#contentpage_image{
	width:763px;
	height:10px;
	margin:0 auto;
	background:#F5F5DD;
	visibility: visible;
	overflow: hidden;
z-index: 0;
}

.home_column_image  {
width:246px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 17px 34px 34px; background:#F5F5DD}

.home_column  {
width:410px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 34px 34px 17px; background:#F5F5DD}

.home_column p {
font:12px "Times New Roman", Times, Georgia, serif; color:#333333;
margin:0px 0px 0px 0px; padding:0; line-height:16px;
}

.home_column H2{font:12px "Times New Roman", Times, Georgia, serif; color:#EDA82E; margin:0px 0px 0px 0px; text-transform:uppercase;}
.home_column H3{font:12px "Times New Roman", Times, Georgia, serif; color:#1A427A; margin:0px 0px 0px 0px; text-transform:uppercase;}


#content_image{
	width:763px;
	height:90px;
	margin:0 auto;
	background:#000;
	visibility: visible;
	overflow: hidden;
}

.content_column_wide  {
width:460px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 17px 34px 34px; background:#F5F5DD}

.content_column_wide img {float:left;margin:4px 12px 5px 0px; padding: 2px 2px 2px 2px; border: 1px solid #777777;}


.content_column_narrow {
width:186px; height: auto; float:left;margin:5px 0px 0px 0px; padding: 0px 30px 34px 27px; background:#F5F5DD}

.content_column_gallery  {
width:760px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 0px 5px 34px; background:#F5F5DD}
.content_column_gallery img {float:left;margin:0px 23px 23px 0px; padding: 2px 2px 2px 2px; border: 1px solid #777777;}

.content_column_gallery2  {
width:760px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 0px 5px 34px; background:#F5F5DD}
.content_column_gallery2 img {float:left;margin:0px 13px 13px 0px; padding: 2px 2px 2px 2px; border: 1px solid #777777;}

.content_column_gallery3  {
width:760px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 0px 0px 5px 34px; background:#F5F5DD}
.content_column_gallery3 img {float:left;margin:0px 9px 9px 0px; padding: 2px 2px 2px 2px; border: 1px solid #777777;}

.content_column_menu  {
width:180px; height: auto; float:left;margin:8px 10px 15px 0px; padding: 10px 10px 10px 25px}

.content_column_menu  H2{font:13px Arial, Tahoma; color:#ccc;margin:0px 0px 0px 0px; padding: 0px 0 6px 0px; border-bottom: 2px solid #333;}

ul.leftnav li {
	font-size: 105%;
	line-height: 0;
}
ul.leftnav li a, ul.leftnav li a:hover {
	border-bottom: 1px solid #333;

	display: block;
	padding: 4px 5px 4px 10px;
	line-height: 1.4;
}
ul.leftnav li a.currentpage {
	color: #FFFFFF;
}
ul.leftnav {
  padding-bottom: 20px;
}

.content_title {width:510px; height: auto; float:left;margin:0px 0px 0px 0px; padding: 10px 20px 10px 10px;background:#F5F5DD;}
.content_title H2{font:17px "Times New Roman", Times, Georgia, serif; color:#FFFFFF; margin:0px 0px 3px 0px}

.content_column {width:763px; height: auto; float:left;margin:0px 0px 15px 0px; padding: 10px 5px 5px 10px;background:#F5F5DD;}
.content_column H2{font:17px "Times New Roman", Times, Georgia, serif; color:#FFFFFF; margin:0px 0px 15px 0px; font-weight: bold}
.content_column H3{font:12px "Times New Roman", Times, Georgia, serif; color:#FFE200; margin:0px 0px 5px 0px; padding: 0px 0px 3px 0px; text-transform:uppercase; border-bottom: 1px solid #222;font-weight: bold}






.content_column ul {
	margin: 0 0 0px 25px;
	font:11px "Times New Roman", Times, Georgia, serif; color:#CCCCCC;
 display:block;
}
.content_column ul li {
	padding: 3px 0;
	list-style: square;
	line-height:15px; 
}
.content_column ol {
	margin: 0 0 0px 35px;
	font:11px "Times New Roman", Times, Georgia, serif; color:#CCCCCC;
 display:block;
}
.content_column ol li {
	padding: 3px 0;
	list-style-type: decimal;
	line-height:15px; 
}



#footer{width:763px; height: 36px; float:center; margin: 0px 0px 0px 0px; background:#F5F5DD url(images/footer.png) repeat-x; }
#footer_blog{width:765px; height: 36px; float:center; margin: 0px 0px 0px 0px; background:#F5F5DD url(images/footer.png) repeat-x; }
.footer_content{width:730px; height: 36px; margin:0px 0px 0px 15px; padding: 12px 0px 0px 0px; font:11px Arial, Tahoma; color:#666;}



#shadow{width:769px;height: 3px; margin:0 auto;background:url(images/shadow.png) no-repeat}



input, textarea, select {
		font-family: arial,verdana, sans-serif;
		color: #666666;
		border: solid 1px #CCCCCC;
	}
	
	.send {
	color:#FFFFFF;
	background-color:#999966;
	border: solid 1px #999966;
	font-size:1.0em;
	width:46px;
	height:20px;
	padding-bottom:2px;
	}
	
	.drop 
	{
	width:144px;
	border: solid 0px #CCCCCC;
	}

input.box
	{
	width:250px;
	height:16px;
	}

	textarea.box
	{
	width:250px;
	height:123px;
	font-size:11px;
	padding:0px;
	}



/* End of 'barcelonabeso' */