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

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/* body index*/
body#index {
	background-image: url(images/bg-index.jpg);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-color: #8EB7F9;
	margin:0;
	height:100%;
}
body,td,th#index {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

/* body paginas*/
body {
	background: #3561a0 url(images/bg.gif) repeat-x top left; 
	margin:0;
	height:100%;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #222222;
}

/*index*/
#page-index {
	width:100%;
	height:100%;
	_height:0;
	margin:0 auto;
	/*background-image: url(images/bg-page-indexIE.gif);
	background-repeat: repeat-x;
	background-position: center top;
	*background-position: center 296px;*/
}

#content-index { width:908px; height:100%; margin:0 auto; margin-top:276px;}

#menu-index { background-color:#5997cd; height:21px; margin-bottom:9px; padding:8px 0px 8px 300px; text-align:right; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; }
#menu-index a { color:#FFF; font-weight:bold;   }
#menu-index .boton {width:91px; border-left: solid #fff 1px; padding: 0px 4px; float:left; }
#menu-index .boton2 {width:191px; border-left: solid #fff 1px; padding: 0px 4px; float:left;}
#menu-index .boton3 {width:95px; border-left: solid #fff 1px; padding: 0px 2px 0px 2px; float:left;
} /*antes width:103px; border-left: solid #fff 1px; border-right: solid #fff 1px; padding: 0px 2px 0px 1px; float:left;*/
#menu-index .boton4 {width:98px; border-left: solid #fff 1px; padding: 0px 4px; float:left; border-right: solid #fff 1px;
}

/*barra todas paginas old*/
#barra { height:200px; }
#barra #logo-index { width:299px; border-left: solid 1px #7b95c0; height:200px; background-color:#3561a0; float:left;}
#barra #foto-menu { width:100px; height:200px; background-color:#3561a0; border:none; float:left;} 
#barra #foto-menu2 { width:108px; height:200px; background-color:#3561a0; border:none; float:left;} 
#barra a img { border:none;}

#barra2 { height:36px; text-align:right; font-weight:bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px;}
#barra2  a{ color:#000; line-height:12px; }

#barra2 #complejos { width:264px; float:left; background-color:#4f7dc2; color:#FFF;  font-size:14px;  padding:8px 18px; height:20px;}
#barra2 #complejos a { color:#FFF; letter-spacing:3px;}

#barra2 #coro, #deportes, #golf, #reserva, #bosque, #artes {width:91px; border-left: solid #676767 1px; padding: 0px 4px; float:left; padding:6px 4px; height:24px;}

#barra2 #coro {background-color:#6fd9b0;}
#barra2 #deportes {background-color:#a6d553;}
#barra2 #golf {background-color:#ffc939;}
#barra2 #reserva {background-color:#ff9833;}
#barra2 #bosque {background-color:#85cecc;}
#barra2 #artes {background-color:#33c5d5; width:99px;}

/*barra todas paginas NEW*/
#barra-new { height:236px; width:300px;text-align:right; font-weight:bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; float:left; }
#barra-new #logo-index { width:299px; border-left: solid 1px #7b95c0; height:200px; background-color:#3561a0; float:left;}
#barra-new a img { border:none;}
#barra-new  a{ color:#000; line-height:12px; }
#barra-new #complejos{width:264px; float:left; background-color:#4f7dc2; color:#FFF;  font-size:14px;  padding:8px 18px; height:20px;}
#barra-new #complejos a { color:#FFF; letter-spacing:3px;}

/*paginas*/
#page {width:908px; height:100%; margin:0 auto;}
#content{ width:908px;  margin-top:21px; background: url(images/bg-content.gif) repeat-y; height:100%; float:left;
_height:0;}

#content #menu-vert { width:200px; height:100%; float:left; background:#87a1cc url(images/logo-lasgaviotas.jpg) no-repeat center bottom; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding-bottom:100px;}
#content #menu-vert ul { color:#FFF; margin-right:20px;
*margin-top:20px;}
#content #menu-vert ul li { padding: 8px 0px; border-top: solid 1px #a5bee6;}
#content #menu-vert ul li a { color:#FFF;}

#content #center { width:480px; height:100%; float:left; background-color:#FFF; padding: 0px 0px 20px 20px;
_height:0;}
#content #center img { float:right; margin-left:20px; margin-bottom:20px;}
#content #center h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; color:#ff9833; border-bottom: solid 2px #ff9833; padding: 0px 0px 6px 0px; margin-right:20px; line-height:24px; 
*margin-top:20px;}
#content #center p { margin-right:20px; }
#content #center p a {color:#3493c9;}
#content #center h2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; color:#3493c9; margin-right:20px; line-height:18px; }
#content #center h2 strong { color:#989b33;}
#content #center h2 b { color:#000; font-size: 14px;}
#content #center h3 { color:#9ac745; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold;} 
#content #center ul { list-style:url(images/bullet.gif); padding-left:15px;  
*margin-left:5px;}

#content #col-der { width:208px; height:100%; float:left; background-color:#d1dbeb;}
#content #col-der ul {  margin-right:20px;}
#content #col-der ul li a { color:#222222;}
#content #col-der h2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color:#3561a0; border-bottom: solid 2px #fff; margin: 20px; padding-bottom:6px;}

/*bottom*/
#bottom { background-color: #5997cd ; float:left; height:37px; width:100%; }
#bottom .bottom-in { width:908px; margin:0 auto; color:#fff; padding-top:10px; font-size:10px; text-align:center; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
#bottom .bottom-in a{ color:#fff; font-weight:bold;}
#bottom .bottom-in img { }
#bottom .bottom-in img a { border:none;}

hr {  height:1px; background-color:#a5bee6; color:#a5bee6; border: solid 1px #a5bee6; width:480px; }

.tabla { border: solid 1px #ccc;}