/*CSS Document - Author: Shaibal Mandal
Main Styles that apply to body*/
*
{
	margin: 0px;
	padding: 0px;
}
BODY
{
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin: 0px;
	/*padding-left: 50%;*/
	/*position: absolute;
	background-color: #FFFFEC;*/
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
/*This is the page container built and centered using -ve margins*/
#container
{
	width: 789px;
	/*margin-left: -500px;*/
	background-color: #FFFFFF;
	/*background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: center;*/
	border: 1px solid #999999;
	margin:auto;
}
/*The topmost faded bar*/
#topbar
{
	width: auto;
	background: #EEE;
	height: 20px;
	padding: 10px 5px 5px 2px;
	font: 9px verdana;
	font-weight: bold;
	color: #CCCCCC;
	text-align: right;
}
/*This holds the two heading blocks, the title and the login form*/
#headerwrapper
{
	width: auto;
}
/*class that styles the holder div of the forms*/
.userform
{
	width: auto;
	color: #DD7CB4;
	padding: 5px 0px 5px 3px;
	background: #FBFBFB;
	border: 1px solid #EFEFEF;
	border-top: none;
	text-align: justify;
	margin-bottom: 1px;
}
/*This will style the login and search*/
.userform INPUT
{
	border: 1px solid #DDD;
	font-family: verdana;
	font-size: 10px;
	color: #BBB;
	font-weight: bold;
}
H1
{
	margin: 0px;
}
H6
{
	font: 10px verdana;
	font-weight: bold;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
}
/*This holds the tabs*/
#tabholder
{
	width: auto;
}
/*Container for the article box, and the pic box*/
.articleboxouter
{
	width: auto;
	padding: 20px 6px 0px 5px;
	clear: both;
}
/*Content holder for the articles*/
.articleboxinner
{
	width: auto;
	line-height: 20px;
	color: #061646;
	background: #FBFBFB;
	border: 1px solid #EFEFEF;
	text-align: left;
	padding-top: 20px;
	padding-right: 6px;
	padding-bottom: 20px;
	padding-left: 6px;
	margin-top: 0px;
}


/*The title style for the main article*/
.articleheader
{
	font-size: 18px;
	font-weight: bold;
}
/*This will style the read more thing at the bottom*/
.readmore
{
	text-align: right;
	display: block;
	width: auto;
}
/*This controls the main pic in the main article box*/
.mainpiccontrol
{
	border: 1px solid #03268B;
	float: left;
	margin-right: 10px;
}
/*Container for the pic thumbnails*/
.picboxouter
{
	width: auto;
	padding: 0px 6px 0px 5px;
	clear: both;
}
/*Content holder for the pic box*/
.picbox
{
	width: auto;
	line-height: 22px;
	color: #DD7CB4;
	padding: 5px 6px 6px;
	border: 1px solid #EFEFEF;
	border-top: none;
	text-align: center;
}
/*This controls the thumbnails in the picbox div*/
.pickboxcontrol
{
	border: 1px solid #DDD;
	vertical-align: middle;
	padding: 0px;
	margin: 4px;
}
/*Sometimes, I don't want borders around my hyperlink images*/
.noborder
{
	border: none;
}
/*For taming those leeeeeeetle arrows*/
IMG
{
	vertical-align: text-bottom;
	padding: 1px;
	margin: 0px;
}
/*Style-up those ugly default hyperlinks*/
A
{
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #03268B;
}
/*And their ugly hover states too*/
A:hover
{
	text-decoration: none;
	color: #020E30;
	background-color: #F1F5F5;
}
/*Why should the humble footer be left out?*/
#footer
{
	background-color: #333333;
	color: #EBEBEB;
	text-align: center;
	vertical-align: middle;
	height: 60px;
	padding-top: 5px;
	clear: both;
	padding-bottom: 5px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
/*This will contain the three columns*/
#newsContainer2
{
	width: auto;
	background-color: #E0E0E0;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*First column of the three columns*/
.c1
{
	width: 227px;
	border: 1px solid #DDD;
	border-top: none;
	line-height: 22px;
	color: #061646;
	float: left;
}
/*Second column of the three columns*/
.c2
{
	width: 320px;
	float: left;
	border-bottom: 1px solid #DDD;
	line-height: 22px;
	color: #061646;
}
/*Third column of the three columns*/
.c3
{
	width: 227px;
	border: 1px solid #DDD;
	border-top: none;
	line-height: 22px;
	color: #061646;
	float: right;
}
/*This controls the titles for each column*/
.noteheader
{
	width: auto;
	border-bottom: 1px solid #DDD;
	border-top: none;
	color: #333333;
	height: 24px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(images/headerBG.jpg);
}
/*And this gives the column text some breathing space*/
.spacy
{
	text-align: left;
	margin: 3px;
	padding: 3px;
}
/*CSS Tabs*/
#tabs8
{
	float: left;
	width: 100%;
	background: #F1F1F1;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #CCC;
}
#tabs8 UL
{
	margin: 0;
	padding: 10px 10px 0 5px;
	list-style: none;
}
#tabs8 LI
{
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs8 A
{
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background-image: url(images/headerBG.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#tabs8 A SPAN
{
	float: left;
	display: block;
	background: url(images/tabright8.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #000000;
	font-weight: bold;
}
/*Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 A SPAN
{
	float: none;
	color: #20507B;
}
/*End IE5-Mac hack*/
#tabs8 A:hover SPAN
{
	color: #03268B;
}
#tabs8 A:hover
{
	color: #000000;
	background-image: url(images/headerBG.jpg);
}
#tabs8 A:hover SPAN
{
	background-position: 77% -42px;
	color: #222;
}
#tabs8 #current A
{
	background-position: 0% -42px;
	color: #333333;
}
#tabs8 #current A SPAN
{
	background-position: 100% -42px;
	color: #333333;
}
#tabs8 A:visited {

	color: #999999;
}

/*End of CSS Tabs*/
.noteheaderClientes
{
	width: auto;
	color: #333333;
	height: 20px;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	background: url(images/headerBG.jpg) repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.FormularioTitulo
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.FormContenido
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

.FormCampo
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color:#00C;
}

.FormMensaje
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#00C;
}
.spacy a {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	margin: 3px;
	padding: 3px;
}
.spacy a:hover {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-decoration: underline;
	margin: 3px;
	padding: 3px;
	color: #000000;
	background-color: #CCCCCC;
}