.waveBg {
	background-image: url(../imgs/wavebg.jpg);
	background-repeat: repeat-x;
}


.sml {font-size: 10px; padding-bottom: 8px; padding-right: 20px;}

.toptext {font-size: 12px;padding-bottom: 8px;}

/*Site specific*/

body
{
	margin: 10px 0px 20px 0px;
	/* set font */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../menu/bg.jpg);
	background-repeat: repeat-x;
	background-color: white;
}

/*
#ptitlediv
{
	color: #993300;
	font-family: Times, serif;
	font-size: 26px;
	line-height: 26px;
	font-style: italic;
	position: absolute;
	top: 17px;
	left: 210px;
}
*/

.hptitle
{
	color: #990000;
	font-family: Garamond, Times, serif;
	font-size: 22pt;
	line-height: 28pt;
	font-style: italic;
}

.hptext
{
	color: black;
	font-family: Garamond, Times, serif;
	font-size: 14pt;
	line-height: 20pt;
	font-style: italic;
}

a:link {text-decoration:none;color: #CC3333;}

a:visited {text-decoration: none;color: #CC3333;}

a:hover {text-decoration: none; color: #999999;}

a:active {color: #CC0000;outline: none; text-decoration: none;}

a:focus {-moz-outline-style: none;}

img {
	border: 0;
}

/* Main Text in the Middle version for 3 colum with news:

.mainTxt {
	padding: 6px 10px 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 14pt;
}

*/

.mainTxt
{
	font-family: 'Garamond-LightItalic', Garamond, Times, serif;
	font-style: italic;
	font-size: 13pt;
	color: #000066;
	line-height: 200%;
	font-weight: normal;
	margin-top: 20pt;
}

.imTitle
{
	font-family: 'Garamond-BookItalic', Garamond, serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	font-style: italic;
	padding-top: 6px;
	color: #000066;
}

.topBg {
	background-image: url(../imgs/color_bg.jpg);
	background-repeat: repeat-x;
	background-color: #A09887;
}


/* Left Side Style and Links */
/* changes have to be also made in sidemenu */


/* Section Style and Links */

.pagTop {
	background-image: url(../imgs/_shadow_top.gif);
	background-repeat: repeat-y;
	background-color: #B7B7B7;
}

.pagBg {
	background-image: url(../imgs/_shadow_side.gif);
	background-repeat: repeat-y;
	background-color: #E5E5E5;
}

/* -------------------------------------- Section side menu */
/* changes have to be also made in edit index */

#flashElement
{
	padding-left: 48px;
	width: 95%;
	background-color: #f3ed70;
}

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

#flashElement
{
	position: relative;
	display: block;
}
/* only used for titles in faq page */	
.faqLink {
color: #666666;
cursor:pointer;
}

.bmpTxt {
	
	padding-top: 4px;
	
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* ------------------ only used in design and edit index */
.greyline {
	background-image: url(../imgs/_greyline.gif);
	background-repeat: repeat-y;
}

/* ------------------ not used in backend */
a.greyLink:link {color: #ABABAB;}

a.greyLink:visited {color: #ABABAB;}

a.greyLink:hover {color: #666666;text-decoration: none;} 

a.greyLink:active {color: #CC0000;text-decoration: none;} 

/* ------------------- default cms styles also needed in backend*/
.img_align_left { margin-right: 20px; }
.img_align_right { margin-left: 20px; }
.img_link_left { margin-right: 20px; cursor: pointer;}
.img_link_right { margin-left: 20px;  cursor: pointer;}
.img_link_bottom { margin-right: 10px;  cursor: pointer;}
.grey {font-size: 12pt;font-weight: normal;color: #333333;}



.costs1 {
	color: #A64D20;
	font-weight: bold;
}
.costs
{
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	border: 1px grey solid;
	font-style: normal;
	margin-bottom: 6px;
}
.costs2 {
	color: #FFFFFF;
	font-weight: bold;
}


/* menu css */

.glossymenu
{
	margin: 0;
	padding: 0;
	width: 200px;
/*
	background-image: url(../imgs/mbgw.gif);
	background-repeat: repeat-y;
	background-position: 0px -56px;
*/
}

.glossymenu_all {
	border-bottom: 1px dotted #666666;
	/*border-top: 1px solid #EEEEEE;*/
	font-family: Garamond, Times, serif;
	font-size: 20px;
	display: block;
	padding: 6px 8px 6px 0px;
}

.glossymenu a.menuitem
{
	/*background: black url(../imgs/glossyback.gif) repeat-x bottom left;
*/
	color: #666666;
	position: relative;
	/*height: 16px;
	To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 6px 16px 6px 12px;
	margin-left: -20px;
	text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #666666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	/*background-image: url(../imgs/openbg.gif);*/
	color: #999999;
}

.glossymenu div.submenu
{
	/*DIV that contains each sub menu*/
	margin-left: 15px;
	
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	
/*background-image: url(../imgs/openbg.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	clip: rect(0, 0, 0, 20px);*/
}

.glossymenu div.submenu ul li a
{
	
	color: #666666;
}

.glossymenu div.submenu ul li a:hover{
	/*background: #CCCCCC;*/
	color: #999999;
}

.currSub {
	color: #999999;
	position: relative;
	display: block;
}

.glossymenu span.currPage {
	color: #999999;
	margin-left: -8px;
}

.glossymenu a.currmenuitem {
	position: relative;
	width: auto;
	margin-left: -8px;
	/*
		background: black url(../imgs/glossyback.gif) repeat-x bottom left;color: #999999;
	*/
}

.glossymenu a.currmenuitem:visited, .glossymenu .currmenuitem:active{
	color: #999999;
}

.glossymenu a.currmenuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.currmenuitem:hover{
	/*background-image: url(../imgs/openbg.gif);*/
	color: #CCCCCC;
}

#footer
{
	clear: both;
	border-top: 1px #DDDDDD solid;
	margin-top: 50px;
	position: relative;
	padding-top: 4px;
	padding-left: 22px;
	color: #999999;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* Sangraal layout styles */
.maincontainer
{
	overflow: hidden;
	margin: 0px 22px 20px 22px;
}	
	/* Left column */
	.maincontainer .column01
	{
		float: left;
	}
		/* Width is set in inner div of column to avoid the use of negative margins */
		.maincontainer .column01 .restraint
		{
			width: 250px;
			/*background-color: #efefef;*/
		}
		
		.maincontainer .column03 .restraint
		{
			width: 10px;
					
		}
		
		.maincontainer .restraint .padding
		{
			padding: 10px;
		}
	/* Left column */
	.maincontainer .column03
	{
		float: right;
	}
	/* Middle column */
	.maincontainer .column02
	{
		overflow: hidden;
	}
		.maincontainer .column02 .restraint
		{
			width: 100%;
		}
		* html .maincontainer .column02
		{
			/* cause hasLayout so middle column will sit between left and right */
			display: inline-block;
		}

#freeDiv
{
	margin-left: -10px;
	width: 160px;
	color: #8dc53f;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#mailDiv
{
	margin-left: -10px;
/*
	border-top: 1px #666666 dotted;
*/
	border-bottom: 1px #666666 dotted;
}

#nwsdiv
{
	font-family: times, serif;
	font-size: 16px;
	font-style: italic;
	margin-left: -10px;
	width: 220px;

}

.ojo {
color: red;
}
#notify_frame
{
	width: 300px;
	height: 46px;
	border: 1px #999999 dotted;
	background-color: #EEEEEE;

}