@charset "utf-8";
/* CSS Document */

/*********************************************************[ RESETS ]**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*********************************************************[ HTML REDEFS ]**/
body {
	text-align:center; /*center hack*/
	font: 76%/1.5em Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	}

/*reset this, so they get their sizes from parent tag*/
h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	}

a {
	text-decoration:none;
	color:#FF6600;
	}

a:hover {
	text-decoration:none;
	color:#FF9900;
	}
			
/*********************************************************[ LAYOUT ]**/
.clr {
	clear:both;
	}
	
#wrapper {
	width:780px;
	margin:5px auto; /*center hack*/
	text-align:left; /*center hack*/
	}

#header {
	width:100%;
	height:90px;
	background: url(../images/header.png) no-repeat left top;
	}	

	#titleblock {
		/*background:#003333;*/
		width:250px;
		height:75px;
		margin-left:50px;
		}
	
	#titleblock a {
		outline:none;
		}
		
.shadow-left {
	background: url(../images/shadow-left.png) repeat-y left top;
	}

.shadow-right {
	background: url(../images/shadow-right.png) repeat-y right top;
	}	

#main-content {
	margin:0px 20px;
	background:#E4E4E4;
	}

	#col-left, #col-center, #col-right {
		float:left;
		}
	
	#col-left {
		width:160px;
		}
		
	#col-center {
		width:420px;
		}

	#col-right {
		width:160px;
		text-align:center;
		}
	
	.content {
		/*background:#009933;*/
		padding:5px 5px;
		}		
		
#footer {
	padding-bottom:40px;
	background: url(../images/bottom.png) no-repeat left bottom;
	}	

#footer-content {
	margin:0px 20px;
	padding:0px 10px;
	text-align:right;
	background: #E4E4E4 url(../images/dashes.png) repeat-x left top;
	}

#pubbar {
	margin-top:5px;
	padding:0px 5px;
	}
	
	#pubbar img {
		margin-bottom:5px;
		}

.separator {
	margin:5px auto;
	}
		
/*********************************************************[ MENU ]**/
#menubox {
	padding:3px 3px;
	margin: 0px 5px;
	background:#E3B118;
	border:2px solid #FFFFFF;
	}
	
ul.menu {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	}	

ul.menu li {
	margin: 0;
	}

ul.menu span {
	display:block;
	margin:0 !important;
	padding:0 !important;
	}
	
ul.menu li a{
	display: block;
	padding: 2px 3px 2px 4px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}

ul.menu a.active {
	color:#FFFFFF;
	background: #735A08 url(../images/arrow.png) no-repeat right center;
	}
	
html>body ul#menu li a {
	width: auto;
	}

ul.menu li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#735A08;
	}

/*2nd level*/
ul.menu li.parent ul li a {
	padding: 2px 3px 2px 14px;
	/*padding: 2px 3px 2px 4px;*/
	font-weight:normal !important;
	}
/*********************************************************[ FORMS ]**/	
#formulario {
	border:1px solid  #C0C5CD;
	}

#formulario form {
	padding:5px;
	}
	
#formulario label {
	float: left;
	width: 140px;
	text-align: right;
	clear: left;
	margin-right: 5px;
	font-weight:bold;
	font-size:0.9em;
	color:#6C6F74;
	background:#E2E5EA;
	padding:2px 4px;
	}

#formulario div.inputline {
	clear:both;
	margin-bottom:5px;
	/*text-align:right;*/
	}

#formulario input,
#formulario textarea {
	border:2px solid #B2B7C3;
	background:#F8FAFC;
	padding:1px;
	width:220px;
	outline:none; /*remove safari halo*/
	}

#formulario .inputbutton {
	width:120px;
	padding:2px;
	color:#666699;
	font-weight:bold;
	}


/*********************************************************[ Text Styles ]**/
h3 {
	text-align:center;
	padding:5px;
	background:#666699;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	}

h4 {
	text-align:left;
	padding:4px;
	background:#F4F4F4;
	color:#000;
	font-weight:bold;
	font-size:1.05em;
	margin-bottom:10px;
	}
	
p {
	margin-bottom:1.4em;
	}

p.tips {
	margin:0.2em 90px 0.2em 0px;
	padding:2px 2px 2px 20px;
	background:#F4F4F4 url(../images/lightbulb.png) no-repeat 2px 4px;
	border:1px solid #E9E9E9;
	color:#666666;
	font-size:0.8em;
	font-style:italic;
	}
	
strong {
	font-weight:bold;
	}
	
ul.list-servicios {
	margin:5px 0px 5px 5px;
	font-size:0.9em;
	}

ul.list-servicios li{
	padding:0px 0px 0px 18px;
	background: url(../images/bullet_blue.png) no-repeat left 2px;
	margin-bottom:6px;
	}
		
a.readon {
	font-weight:bold;
	}
		
.contentblock {
	background:#FFFFFF;
	padding:10px 5px 5px 5px;
	}

.imgfloatright {
	float:right;
	margin-left:10px;
	}

.imgfloatleft {
	float:left;
	margin-right:10px;
	}

.imgborder {
	border:3px solid #DDD;
	}
	
#googleicon {
	background: url(../images/googlemapsicon.gif) no-repeat top center;
	padding:35px 5px 5px 5px;
	}		

/************ Lista de servicios */	
#listaservicios li{
	display:block;
	width:50%;
	float:left;
	font-weight:bold;
	}	

#listaservicios li span{
	display:block;
	padding:10px;
	background:#F4F4F4;
	text-align:center;
	border:2px solid #EEE;
	}		

#listaservicios li a:hover span{
	border:2px solid #DDD;
	}	
	
#listaservicios li.listleft span{
	margin:5px 5px 0px 0px;
	}		

#listaservicios li.listright span{
	margin:5px 0px 0px 0px;
	}		

/*************** Reseva */
#reserva {
	margin-top:5px;
	font-size:1.5em;
	font-weight:bold;
	background:#FFFFFF url(../images/concertar.png) no-repeat left center;
	line-height:100%;
	padding:5px;
	border:2px solid #C0E2FE;
	}
	
#reserva a{
	display:block;
	padding:10px 5px 10px 50px;
	}	

#homead {
	margin-top:5px;
	font-size:1.1em;
	font-weight:bold;
	background:#FF9900 url(../images/homeadbg.png) no-repeat left center;
	color:#FFFFFF;
	line-height:140%;
	padding:10px 5px 10px 60px;
	border:2px solid #C0E2FE;
	}
		
#homead strong{
	font-size:1.1em;
	}