/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	RESET CSS
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

strong	{
	font-weight: bold;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	CLASE :X
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.fL		{ float: left; }
.fR		{ float: right; }
.cB		{ clear: both; }
.fS10	{ font: 10px Tahoma;}
.tAC	{ text-align: center;}
.tAR	{ text-align: right;}
.tAJ	{ text-align: justify;}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	GENERAL TEXT FORMAT :)
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

html	{ overflow-y:scroll; }

body {
	font: 12px Arial;
	color: rgb(14, 38, 89);
	background: rgb(193,207,229) url('background.png') no-repeat center top;
}


h1, h2, h3 {
	font-family: Arial;
	/*font-weight: bold;*/
	color: rgb(23, 60, 141);
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding-left:0px;
}

h1		{ font-size: 29px; margin-bottom: 20px; }
h2		{ font-size: 21px; margin-bottom: 15px; }
h3		{ font-size: 19px; }

h3 small	{ font-size: 11px; color: grey; letter-spacing: 0px;}

p		{ line-height: 18px; margin-bottom: 10px; padding-left:10px; }
a		{ color: rgb(23, 60, 141); text-decoration: underline; }
a:hover	{ color: rgb(112,147,204);}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	CONTAINER
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#container {
	width: 950px;
	margin: auto;
	position: relative;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	HEADER
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#header {
	width: 950px;
	height: 180px;
	position: relative;
}

	#header #logo,
	#header #logo img {
		width: 280px;
		height: 125px;
	}
	
	#header #logo {
		background: url('sprite.png') no-repeat 0px 0px;
	}
		
	#header #nav {
		height: 55px;
	}
		
		#header #nav ul {
			width: 950px;
			height: 55px;
			background: url('sprite.png') no-repeat right -125px;
			overflow: hidden;
		}
		
		#header #nav ul li {
			float: left;
			display: block;
			background: url('sprite.png') no-repeat -150px -125px;
		}
		
		#header #nav ul li.first {
			background-position: 0px -125px;
		}
		
		#header #nav ul li:hover {
			background-position: -150px -180px;
		}
		
		#header #nav ul li.first:hover {
			background-position: 0px -180px;
		}
		
		#header #nav ul li a{
			position: relative;
			display: block;
			width: 68px; /*80*/
			height: 30px;
			padding: 13px 5px 12px 15px;
			background: url('menu-cut.png') no-repeat right top;
			color: white;
			font-size: 14px;
			line-height: 13px;
			overflow: hidden;
			text-decoration: none;
		}
		
			#header #nav ul li a span.arrow{
				position: absolute;
				display: block;
				width: 41px;
				height: 18px;
				top: 55px;
				left: 22px; /*28*/
				background: url('sprite.png') no-repeat -280px -89px;
				
			}
			
			#header #nav ul li a:hover span.arrow {
				background-position: -280px -107px;
			}
			
			#header #nav ul li.first a span.arrow {
				left: 118px;
			}
		
		#header #nav ul li.first a{
			padding-left: 100px;
			text-indent: 20px;
		}
		
			#header #nav ul li a:hover{
				/* jquery effect result:
				padding-top: 10px;
				padding-bottom: 15px;
				*/
			}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	CONTENT
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#content {
	position: relative;
	min-height: 100px;
	padding: 40px;
	background: white;
}

	.corner {
		position: absolute;
		width: 10px;
		height: 10px;
		background: url('sprite.png') no-repeat -280px -69px;
	}
	
		.corner.TL	{
			background-position: -280px -69px;
			top: 0px;
			left: 0px;
		}

		.corner.TR	{
			background-position: -290px -69px;
			top: 0px;
			right: 0px;
		}
		
		.corner.BL	{
			background-position: -280px -79px;
			bottom: 0px;
			left: 0px;
		}
		
		.corner.BR	{
			background-position: -290px -79px;
			bottom: 0px;
			right: 0px;
		}

	.navInside {
		position: relative;
		padding: 15px;
		margin-top: 35px;
		background: rgb(229, 239, 255);
	}
		
	.cornerInside {
		position: absolute;
		width: 10px;
		height: 10px;
		background: url('sprite.png') no-repeat -300px -69px;
	}
	
		.cornerInside.TL	{
			background-position: -300px -69px;
			top: 0px;
			left: 0px;
		}

		.cornerInside.TR	{
			background-position: -310px -69px;
			top: 0px;
			right: 0px;
		}
		
		.cornerInside.BL	{
			background-position: -300px -79px;
			bottom: 0px;
			left: 0px;
		}
		
		.cornerInside.BR	{
			background-position: -310px -79px;
			bottom: 0px;
			right: 0px;
		}
		
#contentLeft {
	width: 600px;
	padding-right: 40px;
	float: left;
}

#contentRight {
	width: 230px;
	float: right;
}

#footer {
	position: relative;
	margin-top: 15px;
	padding: 15px 220px 15px 40px;
	background: white;
	text-align: right;
}

	.boxes {
		position: absolute;
		width: 160px;
		height: 125px;
		bottom: 10px;
		right: 40px;
		background: url('boxes.png') no-repeat 0px 0px;
	}
	
		.boxes.v1 {
			background-position: 0px 0px;
		}
		
		.boxes.v1 {
			background-position: -160px 0px;
		}
		
		.boxes.v1 {
			background-position: -320px 0px;
		}
		
		.boxes.v4 {
			background-position: 0px -125px;
		}
		
		.boxes.v5 {
			background-position: -160px -125px;
		}
		
		.boxes.v6 {
			background-position: -320px -125px;
		}
		
	a.back {
		color: #BBBBBB;
	}
		a.back:hover {
			color: #999999;
		}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

	DETAIL PAGES
	
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

ul.button {
	list-style-type: none;
	padding: 0;
}

ul.button li {
	display: block;
	list-style-type: none;
}

	ul.button li a {
		position: relative;
		display: block;
		width: 200px;
		height: 25px;
		background: url('sprite.png') no-repeat -550px -90px;
		color: white;
		text-align: center;
		padding: 5px 0 0 0;
		margin: 0 0 10px 0;
		color: white;
		text-align: center;
	}

	ul.button li a:hover {
		background-position: -750px -90px;
	}


.content_text ul,
.navInside ul {
	margin: 10px;
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: inside;
}

.navInside ul {
	padding-left: 0px;
}

.content_text li,
#navInside li {
	line-height: 18px;
}

.content_text ol {
	margin: 10px;
	padding-left: 20px;
	list-style-type: decimal;
	list-style-position: inside;
}

.content_text ol li{
	margin-bottom: 10px;
}


input, select, textarea { 
	font-family: Arial, Tahoma, Georgia, Trebuchet MS, sans-serif; 
	font-size: 0.7em; 
	color: #444; 
	margin-top: 1px; 
}
h1 span { 
	font-weight: normal; 
	color: #6A7984; 
}

#paritate { 
	margin-bottom: 5px; 
	font-size: 0.7em; 
	width: 200px;
	/*width: 100%;*/
	text-align: center;
}

#paritate tr td.value { 
	text-align: right; 
	width: 100px; 
}

#paritate tr td.date {
 text-align: right;
 width: 50px;
}

.user-input { 
	margin-bottom: 2px; 
	width: 220px;
	text-align: left;
}

.user-input tr td { 
	padding-bottom: 3px; 
}

#suma { 
	width: 100px; 
	margin-right: 5px; 
}

#from { 
	width: 65px; 
	margin-right: 3px;
}

#to { 
	width: 65px; 
	margin-right: -3px; 
	float: left;
}
#modifier { 
	width: 153px; 
	margin-right: 3px; 
}

#submit { 
	background-color: #FF761B; 
	border: 1px solid #F60; 
	color: #FFF; 
	height: 20px; 
	font-weight: bold; 
}


/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}
	/* ----------- stylized ----------- */
	#stylized{
		border:none;
		background:transparent;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
		clear: both;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background: url(img/button.png.htm) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:none;
		
	}
		#stylized textarea {
			border:1px solid #E49D95;
			float:left;
			font-size:12px;
			height:100px;
			margin:2px 0 20px 10px;
			overflow-y:hidden;
			padding:4px 2px;
			width:200px;
			}
	input, textarea {
				color:#404040;
				font-family:Arial,Helvetica,sans-serif;
				font-size:12px;
				}

#omadmedia	{position: absolute; display: block; margin: 0px; padding: 0px; top: 5px; left: 20px; height: 30px; width: 385px;}
#omadmedia p	{position: relative; display: block; float: right; margin: 0px 10px; padding: 0px; height: 30px; line-height: 30px; color: rgb(190,190,190); letter-spacing: 0px;}
#omadmedia a	{margin: 0px; padding: 0px;  line-height: 37px; text-decoration: none; color: rgb(190,190,190);}
#omadmedia a:hover{text-decoration: none; color: rgb(150,150,150);}
#omadmedia a img{position: relative; display: block; float: left; width: 110px; height: 30px; margin: 0px; padding: 0px; border: 0px; background: url('sprite.png') no-repeat -400px 0px;}

#omadmedia-2	{position: absolute; display: block; margin: 0px; padding: 0px; top: 15px; left: 20px; height: 30px; width: 425px;}
#omadmedia-2 p	{position: relative; display: block; float: right; margin: 0px 10px; padding: 0px; height: 30px; line-height: 15px; color: rgb(190,190,190); letter-spacing: 0px; text-align: center;}
#omadmedia-2 a	{margin: 0px; padding: 0px;  line-height: 15px; text-decoration: none; color: rgb(190,190,190);}
#omadmedia-2 a:hover{text-decoration: none; color: rgb(150,150,150);}
#omadmedia-2 a img{position: relative; display: block; float: left; width: 110px; height: 30px; margin: 0px; padding: 0px; border: 0px; background: url('sprite.png') no-repeat -400px 0px;}
#omadmedia-2 a#chlgt-img{position: relative; display: block; float: right; width: 110px; height: 30px; margin: 0px; padding: 0px; border: 0px; background: url('sprite.png') no-repeat -510px 0px;}