/*	Nombre del proyecto: Marina del Sur
		Url: 
		Programador: Karel Díaz
		Fecha: Sat, Mar 13, 2010
*/
body {
	font:11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#333;
	background:white url(images/backgnd.jpg) center top no-repeat;
}
a:link, a:active, a:hover, a:visited {
	font:12px Arial, Helvetica, sans-serif; 
	color:black;
	text-decoration:underline;
}
img {
	border:none;
	vertical-align:middle;
}
form {
	display:inline;
}
h1 {
	font:20px Arial, Helvetica, sans-serif;
	color:black;
	margin:0 0 10px;
	padding:0;
}
h2 {
	font:16px Verdana, Helvetica, sans-serif;
	height:30px;
	line-height:25px;
	margin:0 0 5px;
	padding:0 0 0 25px;
	color:#ff7b00;
	background:url(images/star.jpg) left center no-repeat;
}
h3 {
	font:13px Verdana, Helvetica, sans-serif;
	margin:0 0 5px;
	padding:0;
}
p {
	font:12px Arial, Helvetica, sans-serif; 
	color:#333;
	margin:0 0 5px;
	padding:0;
}
/* Main divs */
#container {
	width:926px;
	overflow:hidden;
	margin:0 auto;
}
#header {
	width:926px;
	height:215px;
	clear:both;
	overflow:hidden;
}
#header-left {
	width:646px;
	height:215px;
	float:left;
	overflow:hidden;
}
#topmenu {
	width:518px;
	height:39px;
	clear:both;
	overflow:hidden;
	margin-left:48px;
	background:url(images/topmenu.png) left top no-repeat;
}
#header-bottom {
	width:646px;
	height:176px;
	clear:both;
	overflow:hidden;
}
#corner {
	width:90px;
	height:176px;
	float:left;
	overflow:hidden;
	background:url(images/corner.png) left top no-repeat;
}
#menu-and-search {
	width:241px;
	height:110px;
	float:left;
	overflow:hidden;
	margin-top:66px;
	background:white;
}
#xtra-menu {
	width:230px;
	height:16px;
	line-height:16px;
	overflow:hidden;
	padding:18px 0 11px 11px;
	/*padding:18px 0 11px;*/
	/*text-align:center;*/
}
#searchwrap {
	width:230px;
	height:65px;
	padding-left:11px;
}
#logo {
	width:315px;
	height:176px;
	float:left;
	overflow:hidden;
}
#login {
	width:140px;
	height:147px;
	padding:78px 80px 0 60px;
	float:right;
	overflow:hidden;
	background:url(images/login.png) left top no-repeat;
}
#home-banners-area {
	width:840px;/*926*/
	height:260px;/*287*/
	clear:both;
	padding:8px 43px 19px;
	overflow:hidden;
	background:white url(images/mainbanner.jpg) left top no-repeat;
}
#mainbanner {
	width:745px;
	height:260px;
	float:left;
	overflow:hidden;
}
#carrousel {
	width:90px;
	height:260px;
	float:right;
	overflow:hidden;
}
#home-content {
	width:926px;
	clear:both;
	overflow:hidden;
	background:white url(images/sky_gradient.jpg) left repeat-y;
}
#home-content-left {
	width:179px;
	float:left;
	/*overflow:hidden;*/
}
#products, #services, #usermenu, #admin-menu {
	width:155px;
	padding:25px 7px 5px 17px;
	background:url(images/products.jpg) left top no-repeat;
}
#services {
	background:url(images/services.jpg) left top no-repeat;
}
#usermenu {
	margin-top:10px;
	background:url(images/usermenu.jpg) left top no-repeat;
}
#admin-menu {
	margin-top:10px;
	background:url(images/admin.jpg) left top no-repeat;
}
#products h3 {
	color:#51aca7;
}
#services h3 {
	color:#ff7b00;
}
#usermenu h3 {
	color:#007eb1;
}
#admin-menu h3 {
	color:#fe0c00;
	text-transform:capitalize;
}
#home-content-wide {
	width:747px;
	float:right;
	overflow:hidden;
}
#home-content-center {
	width:390px;
	float:left;
	overflow:hidden;
}
#home-content-center-top {
	width:375px;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
#home-content-center-bottom {
	width:390px;
	padding-bottom:15px;
	overflow:hidden;
}
#events {
	width:160px;
	float:left;
	overflow:hidden;
}
#minicalendar {
	width:230px;
	float:right;
	overflow:hidden;
}
#home-content-right {
	width:357px;
	float:left;
	overflow:hidden;
}
#subscribe {
	width:357px;
	clear:both;
	overflow:hidden;
	padding:4px 0 7px;
}
#banner3 {
	width:325px;
	padding:4px 0;
	overflow:hidden;
}
#weather {
	width:357px;
	overflow:hidden;
}
#home-content-right-bottom {
	width:357px;
	clear:both;
	overflow:hidden;
}
#bottom {
	width:926px;
	height:65px;
	overflow:hidden;
	background:url(images/bottom.png) center top no-repeat;
}
#copyright {
	width:926px;
	height:45px;
	line-height:10px;
	overflow:hidden;
	color:#333;
	font-size:12px;
	text-align:center;
}
#copyright p {
	margin:0;
}
#copyright a {
	color:#333;
	text-decoration:none;
}
/* Menus */
/* Top Menu */
#topmenu ul.links {
	margin:0;
	padding:0 4px;
	list-style:none;
}
#topmenu ul.links li, #topmenu ul.links li.first, #topmenu ul.links li.last {
	width:85px;
	height:38px;
	line-height:38px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
}
#topmenu ul.links li a:link, #topmenu ul.links li a:active, #topmenu ul.links li a:hover, #topmenu ul.links li a:visited {
	color:#037db1;
	font:12px Verdana, sans-serif;
	text-decoration:none;
}
#topmenu ul.links li.active {
	background:white url(images/starlittle.jpg) left center no-repeat;
}
/* Auxiliary Menu */
#xtra-menu a:link, #xtra-menu a:active, #xtra-menu a:hover, #xtra-menu a:visited {
	font:12px Verdana, sans-serif;
	color:#037db1;
	text-decoration:none;
}
#xtra-menu span {
	color:#037db1;
	padding:0 2px;
}
/* Leftnav Menus */
ul.nice-menu, ul.nice-menu ul {
	margin:0;
	padding:0;
	border:none;
}
ul.nice-menu {
	padding-left:8px;
}
ul.nice-menu ul {
	border:1px dotted #999;
	border-top:none;
}
ul.nice-menu-right li.menuparent, ul.nice-menu-right li li.menuparent, ul.nice-menu-right li, ul.nice-menu-right li li {
	margin:0;
	padding:2px 0;
	list-style:none;
	border:none;
	border-top:1px dotted #999;
	background-color:white;
}
ul.nice-menu-right li.menuparent:hover, ul.nice-menu-right li li.menuparent:hover {
	background-color:white;
}
ul.nice-menu a:link, ul.nice-menu a:active, ul.nice-menu a:hover, ul.nice-menu a:visited {
	color:#666;
	font-family:Verdana, sans-serif;
	text-decoration:none;
	padding:0;
}
ul.nice-menu a:hover{
	text-decoration:underline;
}
ul.nice-menu-right li li a, ul.nice-menu-right li li.menuparent a {
	margin-left:8px;
}
/* Extra styles for non-nice leftnav menus and site map */
div.content ul.menu {
	margin:0;
	padding:0 0 0 8px;
}
div.content ul.menu li.leaf, div.content ul.menu li.first, div.content ul.menu li.last, div.content ul.menu li.collapsed, div.content ul.menu li.expanded {
	margin:0;
	padding:2px 0;
	list-style:none;
	border-top:1px dotted #999;
}
div.content ul.menu li.leaf a:link, div.content ul.menu li.leaf a:active, div.content ul.menu li.leaf a:hover, div.content ul.menu li.leaf a:visited, div.content ul.menu li.collapsed a:link, div.content ul.menu li.collapsed a:active, div.content ul.menu li.collapsed a:hover, div.content ul.menu li.collapsed a:visited, div.content ul.menu li.expanded a:link, div.content ul.menu li.expanded a:active, div.content ul.menu li.expanded a:hover, div.content ul.menu li.expanded a:visited {
	color:#666;
	font-family:Verdana, sans-serif;
	text-decoration:none;
}
div.content ul.menu li.leaf a:hover, div.content ul.menu li.collapsed a:hover {
	text-decoration:underline;
}
/* Misc classes */
.breadcrumb {
	width:94%;
	padding:0 3% 10px;
	overflow:hidden;
}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:hover, .breadcrumb a:visited {
	font:10px Verdana, sans-serif;
	margin-right:8px;
	color:#666;
	text-decoration:none;
}
#home-content-wide .content {
	padding:0 30px 0 10px;
	text-align:justify;
}
#home-content-wide .content .gallery_assist {
	text-align:center;
}
.gallery_assist li a:link, .gallery_assist li a:active, .gallery_assist li a:hover, .gallery_assist li a:visited {
	font-size:11px;
	color:#333;
	text-decoration:underline;
}
.gallery_assist li a:hover {
	text-decoration:none;
}
ul.pager {
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #999;
}
ul.pager li a:link, ul.pager li a:active, ul.pager li a:hover, ul.pager li a:visited {
	color:#666;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul.pager li a:hover {
	text-decoration:underline;
}
.welcome {
	font-size:14px;
	color:#ff7b00;
	padding-top:3px;
	text-align:center;
}
.rightbanner {
	width:150px;
	overflow:hidden;
	float:right;
}
#ShadowBox table {
	border:none;
	border-collapse:separate;
}
#ZoomBox {
	padding:8px 8px 3px 3px;
}
/* Contact and other forms */
.content form.webform-client-form {
	width:450px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
.content form.webform-client-form label {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#037db1;
}
.content input.form-text, textarea.form-textarea {
	width:400px;
	height:18px;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #d1dbdc;
	background-color:white;
}
.content textarea.form-textarea {
	width:400px !important;
	height:150px;
}
.content input.form-submit, a.button {
	width:60px;
	height:20px;
	padding-bottom:2px;
	border:none;
	color:white;
	font-size:11px;
	background:url(images/shortbutton.png) left top no-repeat;
}
a.button {
	display:block;
	line-height:20px;
	text-align:center;
	text-decoration:none;
}
/* Subscribe form /Home/ */
#subscribe .content p {
	height:19px;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-right:8px;
	line-height:18px;
	color:#6cb1b0;
}
#subscribe .content label, #subscribe .content input.form-radio {
	display:none;
}
#subscribe input#edit-mail {
	width:120px;
	height:15px;
	float:left;
	margin-right:10px;
	font-size:11px;
	color:#6cb1b0;
	border:1px solid #d1dbdc;
	background:white;
}
#subscribe input.form-submit {
	width:42px;
	height:19px;
	float:left;
	padding-bottom:2px;
	color:white;
	font-size:10px;
	cursor:pointer;
	border:none;
	background:url(images/aquabutton.jpg) left top no-repeat;
}
/* Search form */
#searchwrap h3, #searchwrap label, #home-content-wide .search-advanced, p.search-info {
	display:none;
}
#searchwrap strong {
	font:13px Arial, Helvetica, sans-serif;
	color:#037DB1;
}
#searchwrap input.form-text {
	width:160px;
	height:13px;
	padding:4px;
	margin-right:5px;
	color:#037db1;
	font:11px Arial, Helvetica, sans-serif;
	border:1px solid #d1dbdc;
	background-color:white;
}
#searchwrap input.form-submit {
	width:25px;
	height:25px;
	border:none;
	cursor:pointer;
	text-indent:-666px;
	background:url(images/go.png) left top no-repeat;
}
/* Login form */
#login h3, #login form label span.form-required {
	display:none;
}
#login form .form-item {
	clear:both;
	overflow:hidden;
	text-align:left;
	margin:0 0 10px;
}
#login form label {
	width:60px;
	height:16px;
	line-height:16px;
	font:11px Arial, Helvetica, sans-serif;
	color:#037db1;
	float:left;
	text-align:right;
	padding-right:3px;
}
#login form input.form-text {
	width:70px;
	height:14px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	border:1px solid #d1dbdc;
	background-color:white;
}
#login form input.form-submit {
	width:60px;
	height:20px;
	padding-bottom:2px;
	cursor:pointer;
	color:white;
	font-size:11px;
	border:none;
	background:url(images/shortbutton.png) left top no-repeat;
}
#login form ul {
	margin:0;
	padding:28px 0 0;
}
#login form ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#login form ul li a {
	color:#037db1;
	text-decoration:none;
}
/* Item list styles */
.node {
	padding:15px 15px 0;
}
h2.news, h2.news a:link, h2.news a:active, h2.news a:hover, h2.news a:visited, h2.event, h2.event a:link, h2.event a:active, h2.event a:hover, h2.event a:visited {
	font:14px Verdana, Helvetica, sans-serif;
	height:16px;
	line-height:16px;
	margin:0;
	padding:0;
	color:#ff7b00;
	text-decoration:none;
	background:none;
}
h2.news a:hover, h2.event a:hover {
	text-decoration:underline;
}
.newsdate {
	font-size:12px;
	padding:2px 0;
	color:#666;
}
.newsdate a {
	font-size:11px;
	color:#666;
}
.news_thumb_holder, .news_image_full {
	width:150px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}
.news_image_full {
	width:400px;
	margin:0 20px 10px 0;
}
.news_teaser {
	width:450px;
	float:left;
	overflow:hidden;
}
.news_full {
	text-align:justify;
}
.news-break {
	width:100%;
	height:15px;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #999;
}
.news-back {
	padding:30px 10px 0;
	text-align:right;
}
.withbutton a {
	width:120px;
	height:18px;
	color:white;
	padding:2px 0 0;
	display:block;
	float:right;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	background:url(images/longbutton.png) left top no-repeat;
}
/* Front page news and events (required some overrides) */
#home-content-center-top h3.title, #home-content-center-top .newsdate, #home-content-center-top .news-break, #banner3 h3 {
	display:none;
}
#home-content-center-top .node, #events .node {
	padding:0;
}
#home-content-center-top h2.news {
	height:18px;
	white-space:nowrap;
	overflow:hidden;
}
#home-content-center-top .news_teaser {
	width:215px;
}
#home-content-center-top .news_teaser p {
	height:65px;
	overflow:hidden;
}
#events h2.event {
	height:18px;
	padding:6px 0 2px;
	white-space:nowrap;
	overflow:hidden;
}
/* Weather extras */
#weather .today {
	font-size:14px;
	color:#3ba6ca;
	padding-right:25px;
	text-align:center;
}
#weather .weatherbox {
	width:300px;
	padding:0 11px 6px;
	background-color:#3ba6ca;
}
#weather .tides a {
	font-size:14px;
	font-weight:bold;
	color:#3ba6ca;
	padding-top:4px;
	text-decoration:underline;
}
/* Calendars styles */
.month-view, .week-view, .day-view {
	padding:0 40px 0 25px;
}
#minicalendar .month-view, #minicalendar .week-view, #minicalendar .day-view {
	width:200px;
	padding:0 0 0 2px;
}
#minicalendar h3 {
	font:16px Verdana, Helvetica, sans-serif;
	height:30px;
	line-height:25px;
	margin:0 0 5px;
	padding:0 0 0 25px;
	color:#ff7b00;
	background:url(images/star.jpg) left center no-repeat;
}
.calendar-calendar th, .calendar-calendar th.days {
	font-size:12px;
	color:white;
	background-color:#6cb1b0;
}
.calendar-calendar tr td.today {
	background-color:#ffc;
}
.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a, .mini-day-on, .mini-day-on a {
	background-color:#c6e5e8;
}
.calendar-calendar table.mini td.mini {
	border:1px solid #ccc;
}
.calendar-nav {
	width:200px;
	clear:both;
	overflow:hidden;
}
.calendar-nav-left {
	width:30px;
	float:left;
}
.calendar-nav-center {
	width:140px;
	float:left;
	text-align:center;
}
.calendar-nav-right {
	width:30px;
	float:right;
	text-align:right;
}
.calendar-nav a {
	color:#037db1;
	text-decoration:none;
}
/* Node-specific settings */
#node-20 p {
	text-align:center;
}
#node-20 label {
	float:none;
}