/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
/* CSS Document for main page layout */


html, body { background-image: url(images/bg.png); }

body { font: 76% Calibri, arial, sans-serif; }

hr
{
	color: #CCC;
	;
	height: 0.2px;
}

/* ADMINISTRATION STYLES */
div#adminRight
{
	float:right;
	margin-right: -160px;
	width: 150px;
}

div#adminLeft
{
	float: left;
	margin-right: 10px;
	width:160px;
	background:#FF0000;
}

/* ------------------------------------------ */

div#complete
{
	text-align: center; /* for IE */
	margin: 0 auto;   /* align for good browsers */
	margin-top: 5px;
	width: 893px;
	text-align: left; /* counter the body center */
}

div#header
{
	margin-top: -39px;
	margin-left: 3px;
	height:100%;
	width: 670px;
}

div#headerBG
{
	margin-top: -84px;
	margin-left: 208px;
	width: 685px;
	height: 27px;
	background: #fff;
}

div#headerTop
{
	height:47px;
	background: url(images/headerTop.png);
	color: #79B30B;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#headerLogo
{
	background: url(images/headerLogo.png) no-repeat;
	/*height: 84px;*/
	height: 26px;
	width: 208px;
	margin: 0px;
	padding-bottom: 54px;
}

div#headerBottom
{
	height:12px;
	background: url(images/headerBottom.png);
	color: #79B30B;
	width: 100%;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* CSS for main menu content */

div#MenuColorBar
{
	background: url(images/menuColorBar.png) no-repeat;
	height: 4px;
	width: 893px;
	padding-top:0px;
	padding-bottom: 0px;
	z-index: -4;
}

/**************** menu coding *****************/
#header
{
	width: 100%;
	float: left;
}

#header ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	float: left;
}

#header a, #header h2
{
	font: 12px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	width: 100%;
}

#header h2 a { color: #fff; }

#header a
{
	color: #000;
	text-decoration: none;
}

#header a:hover { color: #a00; }

#header li { }

#header ul ul li
{
	margin-left: -15px;
	padding-right: 10px;
}

#header ul ul li a
{
	padding-top: 2px;
	background: #eee;
}

#header ul ul
{
 *margin-top: 15px;
 *margin-left: -50px;
	position: absolute;
	z-index: 500;
}

#header ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
}

div#header ul ul { display: none; }

div#header ul ul, div#header ul li:hover ul ul div#header ul ul li:hover ul ul { display: none; }

div#header ul li:hover ul, div#header ul ul li:hover ul, div#header ul ul ul li:hover ul { display: block; }

/* ------------------------- */

/* CSS for main page content */


div#footer
{
	background: #333;
	color: #FFF
}

div#footer p
{
	margin:0;
	padding:5px 10px
}

div #contentBG
{
	background: #fff;
	width: 100%;
}

div#content
{
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding-top: 5px;
	min-height: 100px;
	width: 837px;
	border: #e6e6e6 thin solid;
	text-align: justify;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

div#contentHome
{
	color: #333333;
	min-height: 280px;
	margin-bottom: 0px;
	margin-left: 375px;
	margin-right: auto;
	background: #fff;
	padding-top: 5px;
	height: 100%;
	width: 500px;
	border: #e6e6e6 thin solid;
	text-align: left;
}

div#contentHome ul
{
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
}

div#contentHome il
{
	margin-left: 0px;
	padding-left: 0px;
}

div#contentHomeNews
{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: #e6e6e6 thin solid;
	padding-left: 5px;
	padding-right: 5px;
}

div#contentVideos
{
	background-color: #fff;
	float: left;
	height: 100%;
	width: 340px;
	margin-top: 0px;
	margin-left:  15px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: #e6e6e6 thin solid;
}

div#content ul.faq, li.faq a
{
	list-style: disc;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-size: 0.95em;
	height: 19px;
}

div#content li.faq a:hover
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	height: 50px;
}

div#contentsep
{
	height: 2px;
	width: 837px;
}

div#content h1
{
	font: Calibri, Arial, Helvetica, sans-serif;
	color: #333333;
}

div#contentBanner
{
	background:url(images/expandedcontentTopBanner.png);
	margin: 0px;
	height: 31px;
	width: 716px;
	margin-left: 14px;
	margin-top: -31px;
}

div#contentBannerBG
{
	background-color: #fff;
	margin: 0px;
	height: 31px;
	width: 850px;
	margin-left: 0px;
}

div#contentBanner h1
{
	display: table-cell;
	vertical-align:middle;
	padding-top: 6px;
	padding-left: 13px;
	color: #fff;

	font-size: 0.9em;
	font-family:century gothic;
}


div#contentBannerSection
{
	background:url(images/contentTopBannerSection.png) no-repeat;
	margin: 0px;
	height: 31px;
	margin-left: 730px;
	margin-top: -31px;
	width: 163px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	font: Calibri, Arial, Helvetica, sans-serif;
}

div#contentBannerSection h1
{
	display: table-cell;
	vertical-align:middle;
	padding-top: 6px;
	padding-left: 13px;
	color: #fff;

	font-size: 0.9em;
	font-family:century gothic;
}


div#contentBottom
{
	background: url(images/contentBottom.png);
	height: 9px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div#flashContentTop
{
	margin-top: 3px;
	background: url(images/FlashTop.png);
	height: 11px;
	width: 100%;
}

div#flashContentBottom
{
	background: url(images/FlashBottom.png);
	height: 13px;
	width: 100%;
	margin:0px;
	margin-bottom: 10px;
}

div#flashContent
{
	background: #fff;
	height: 271px;
	width: 100%;
	z-index: 600
}

div#miniFlashContent
{
	background: #fff;
	height: 120px;
	width: 100%;
	z-index: 600;
}

div#flashContentBg
{
	margin-top: -272px;
	background: #000;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 865px;
}

div#miniFlashContentBg
{
	margin-top: -120px;
	background: #000;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	width: 865px;
}

div#flashContentBgTop
{
	background: url(images/flashBgTop.png);
	height: 14px;
	width: 100%;
}

div#flashContentBgBottom
{
	background: url(images/flashBgBottom.png);
	height: 14px;
	width: 100%;
}

div#pageContentTop
{
	background: url(images/contentTop.png);
	height: 9px;
	width: 893px;
	margin-top: 10px;
}

div#braker
{
	background: #FFF;
	width: 42px;
	height: 100px;
	margin-top: 0px;
	margin-left: 210px;
	margin-right:0px;
	min-height: 210px;
	position: relative;
	float: left;
}

/* ----------------------------- */

div#extra
{
	float:left;
	width:211px;
	min-height: 10px;
}

div#footerTop
{
	background:url(images/footerTop.png);
	clear:both;
	width:100%;
	height: 10px;
	margin-top: 0px;
}

div#footerMiddle
{
	background: url(images/footerMiddle.png);
	clear:both;
	width:100%;
	height: 9px;
}

div#footerBottom
{
	background: url(images/footerBottom.png);
	clear:both;
	width:100%;
	height: 10px;
	margin-bottom: 10px;
}

div#braker2
{
	background: #FFF;
	width: 10px;
	min-height: 100px;
}

div#filler
{
	background: #fff;
	width: 42px;
	margin: 0px;
	margin-left: 210px;
	height: 31px;
	margin-top: 0px;
	padding: 0px;
}

/* ------------------------- */

/*     CSS for Rates page    */

div#rates
{
	margin-left: -15px;
	width: 866px;
}

div#rates form
{
	background-color: #CCCCCC;
	color: #000000;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
}

div#rates select
{
	max-width: 844px;
	background-color: #333;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	text-align: justify;
}

div#title
{
	padding-left: 10px;
	margin-bottom: 5px;
	background-color:#333;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.1em;
	text-align: left;
}

div#rates hr
{
	width: 95%;
	color: #3333CC;
}

/* ------------------------- */




























/*
** drupal template
*/




tr.odd td, tr.even td { padding: 0.3em; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }

h1 { font-size: 1.3em; }

h2 { font-size: 1.2em; }

h3, h4, h5, h6 { font-size: 1.1em; }

p
{
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}

a
{
	text-decoration: none;
	font-weight: bold;
}

a:link { color: #39c; }

a:visited { color: #369; }

a:hover
{
	color: #39c;
	text-decoration: underline;
}

fieldset { border: 1px solid #ccc; }

pre
{
	background-color: #eee;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ddd;
}

.form-item label
{
	font-size: 1em;
	color: #222;
}

.item-list .title
{
	font-size: 1em;
	color: #222;
}

.links { margin-bottom: 0; }

.comment .links { margin-bottom: 0; }

/*
** Page layout blocks / IDs
*/

#logo
{
	vertical-align: middle;
	border: 0;
}

#logo img
{
	float: left; /* LTR */
	padding: 0 1em;
	border: 0;
}

#menu
{
	padding: 0.5em 0.5em 0 0.5em; /* LTR */
	text-align: right; /* LTR */
	vertical-align: middle;
}

#navlist
{
	font-size: 1.0em;
	padding: 0 0.8em 1.2em 0; /* LTR */
	color: #9cf;
}

#navlist a
{
	font-weight: bold;
	color: #fff;
}

#subnavlist
{
	padding: 0.5em 1.2em 0.4em 0; /* LTR */
	font-size: 0.8em;
	color: #9cf;
}

#subnavlist a
{
	font-weight: bold;
	color: #9cf;
}

ul.links li { border-left: 1px solid #9cf; /* LTR */ }

ul.links li.first { border: none; }

#search .form-text, #search .form-submit
{
	border: 1px solid #369;
	font-size: 1.1em;
	height: 1.5em;
	vertical-align: middle;
}

#search .form-text
{
	width: 8em;
	padding: 0 0.5em;
}

#mission
{
	background-color: #369;
	padding: 1.5em 2em;
	color: #fff;
}

#mission a, #mission a:visited
{
	color: #9cf;
	font-weight: bold;
}

.site-name
{
	margin: 0.6em 0 0;
	padding: 0;
	font-size: 2em;
}

.site-name a:link, .site-name a:visited { color: #fff; }

.site-name a:hover
{
	color: #369;
	text-decoration: none;
}

.site-slogan
{
	font-size: 1em;
	color: #eee;
	display: block;
	margin: 0;
	font-style: italic;
	font-weight: bold;
}

#main { /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px; }

#mission, .node .content, .comment .content { line-height: 1.4em; }

#help
{
	font-size: 0.9em;
	margin-bottom: 1em;
}

.breadcrumb { margin-bottom: .5em; }

.messages
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.3em;
	margin-bottom: 1em;
}

.error { border-color: red; }

#sidebar-left, #sidebar-right
{
	background-color: #ddd;
	width: 16em;
	/* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
	vertical-align: top;
}

/*
*
*
*	News Style
*
*/
.newsShort
{
	float: left;
	border-bottom: 1px dotted #BBE0EB;
	padding: 10px 0 0 0;
	height: 100%;
}

.newsShort .newsPreview
{
	float: left;
	margin:0 0 0 10px;
	font-size: 0.95em;
	width: 90%;
	border-left: 1px dotted #BBE0EB;
	padding: 0 5px 0 12px;
	list-style: none;
}

.newsShort .newsPreview .newsTitle
{
	margin:0 0 0 10px;
	font-family:century gothic;
    font-size: 15px;
	word-spacing: 0.1em;
	color:#4E443C;
	font-variant: small-caps; 
	text-transform: lowercase;
	padding: 0 5px 0 12px;
}

.newsShort .newsPreview .newscontent p
{
	margin:5px 0 7px 10px;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
	line-height: 1.5em;
	padding: 0 5px 0 12px;
}

.newsShort:hover { background:#C4D5D6; }

.newsShort .newsdate
{
	float: left;
	font-family:century gothic;
	text-align: center;
	margin:0;
	width: 25px;
	height: 27px;
}

.newsShort strong { font-weight: normal; }

.newsShort .month
{
	float: left;
	width: 23px;
	font-size: 0.8em;
	color: #3399CC;
	clear: both;
}

.newsShort .day
{
	float: left;
	width: 23px;
	font-size: 1.2em;
	color: #3399CC;
}

.fullNews{
	background: #C1C9C9;
	float: left;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	height: 110%;
}

.newsDetails{
	list-style: none;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background: #E7F1F1;
}

.newsDetails .title{
	font-family:century gothic;
    font-size: 15px;
	word-spacing: 0.1em;
	color:#4E443C;
	text-transform: capitalize;
	margin-bottom: 0;
	margin: 0 0 15px 10px;
	border-bottom: 1px #4C5E5F dotted;
	width: 90%;
}

.newsDetails .newscontent p
{
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
	line-height: 1.6em;
    margin-top: .5em; color: #666;
	margin: 0 0 0 -20px;
	padding: 0 30px 0 30px;
}

/*
*
*
*	Story Style
*
*/
.story
{
	float: left;
	border-bottom: 1px dotted #BBE0EB;
	padding: 10px 0 0 0;
	height: 100%;
}

.story .storyItems
{
	float: left;
	margin:0 0 0 10px;
	font-size: 0.85em;
	width: 90%;
	padding: 0 5px 0 12px;
	list-style: none;
}

.story .storyItems .storyTitle
{
	margin:0 0 0 10px;
	font-family: Trebuchet MS;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.3em;
	font-weight: bolder;
	padding: 0 5px 0 12px;
}

.story .storyItems .fullStory
{
	margin:0 0 0 10px;
	font-family: Trebuchet MS;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	word-spacing: 0.1em;
	text-align: justify;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 0 5px 0 12px;
}

.story strong { font-weight: bold; }



/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a
{
	font-weight: bold;
	font-size: 1.3em;
	color: #777;
	margin: 0 auto;  /* decrease default margins for h<x>.title */
}

.submitted
{
	color: #999;
	font-size: 0.8em;
}

.links { color: #999; }

.links a { font-weight: bold; }

.block, .box { padding: 0 0 1.5em 0; /* LTR */ }

.block
{
	/* border-bottom: 1px solid #bbb; */
  padding-bottom: 0.75em;
	margin-bottom: 1.5em;
}

.block .title { margin-bottom: .20em; }

.box .title { font-size: 1.1em; }

.node { margin: .5em 0 2em;overflow: hidden; /* LTR */ }

.sticky
{
	padding: .5em;
	background-color: #eee;
	border: solid 1px #ddd;
}

.node .content, .comment .content { margin: .5em 0 .5em; }

.node .taxonomy
{
	color: #999;
	font-size: 0.8em;
	padding-left: 1.5em; /* LTR */
}

.node .picture
{
	border: 1px solid #ddd;
	float: right; /* LTR */
	margin: 0.5em;
}

.comment
{
	border: 1px solid #abc;
	padding: .5em;
	margin-bottom: 1em;
}

.comment .title a
{
	font-size: 1.1em;
	font-weight: normal;
}

.comment .new
{
	text-align: right; /* LTR */
	font-weight: bold;
	font-size: 0.8em;
	float: right; /* LTR */
	color: red;
}

.comment .picture
{
	border: 1px solid #abc;
	float: right; /* LTR */
	margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0;
}

#aggregator .news-item .categories, #aggregator .source, #aggregator .age
{
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}

#aggregator .title
{
	margin-bottom: 0.5em;
	font-size: 1em;
}

#aggregator h3 { margin-top: 1em; }

#forum table { width: 100%; }

#forum td { padding: 0.5em; }

#forum td.forum, #forum td.posts { background-color: #eee; }

#forum td.topics, #forum td.last-reply { background-color: #ddd; }

#forum td.container { background-color: #ccc; }

#forum td.container a { color: #555; }

#forum td.statistics, #forum td.settings, #forum td.pager
{
	height: 1.5em;
	border: 1px solid #bbb;
}

#forum td .name { color: #96c; }

#forum td .links
{
	padding-top: 0.7em;
	font-size: 0.9em;
}

#profile .profile
{
	clear: both;
	border: 1px solid #abc;
	padding: .5em;
	margin: 1em 0em;
}

#profile .profile .name { padding-bottom: 0.5em; }

.block-forum h3 { margin-bottom: .5em; }

div.admin-panel .description { color: #999; }

div.admin-panel .body { background: #f4f4f4; }

div.admin-panel h3
{
	background-color: #69c;
	color: #fff;
	padding: 5px 8px 5px;
	margin: 0;
}

/*
/* Tarifarios style 
*/

#itsthetable
{
	background: #fff url(bg_caption.gif) repeat-x;
	padding: 0 2em 2em 2em;
}

table
{
	color:#333;
	margin: 1em auto;
	border-spacing: 0;
}

table caption
{
	background: url(caption_title.jpg) no-repeat 50% 0;
	color: #2442b1;
	font-size: 130%;
	letter-spacing: .1em;
	padding: 3.5em 0.2em 2em 0;
	text-align: right;
	text-transform: uppercase;
}

thead th, tbody th
{
	background: #2442b1 url(left_corner.gif) no-repeat;
	color: #333;
	font-weight: bold;
	padding: .2em .7em .2em .8em;
	text-align: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
}

thead th { font-size: 1em; }

tbody th { background: #dee2e9; }

tbody tr.odd th
{
	background: #e2e2e2;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

tbody th a, tbody th a:link, tbody th a:visited, tbody th a:hover, tbody th a:active
{
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}

tbody th a:hover { text-decoration: underline; }

th a:hover, td a:hover { text-decoration: none; }

td
{
	background: #f3f8fd url(bg_col2.gif) repeat-x;
	color: #333;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	padding: 1.5em 0.5em 1.5em 0.8em;
}

td:hover { background: #f3f8fd; }

tr.odd td
{
	background: #f8f8f8 url(bg_col3.gif) repeat-x;
	color: #444;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

tr.odd td:hover { background: #f8f8f8; }

tfoot th, tfoot td
{
	background: #444 !important;
	padding: .5em .5em .5em .5em !important;
	color: #fff;
}