body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000333;
	z-index: auto;
	 background-image: url(../imgs/backio.jpg);
	 background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
}

.input_text {
	font-family: Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #313F62;
	text-indent: 4px;
	border: 1px solid #455678;	
	background-image: url(../imgs/formInside.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #313F62;
	text-indent: 2px;
	border: 1px solid #455678;
	background-image: url(../imgs/formInside.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #313F62;
	text-indent: 2px;
	border: 1px solid #455678;	
	background-image: url(../imgs/formInsideReq.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
	
select {
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #d8d8d8;		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #d8d8d8;
	-webkit-box-shadow: 2px 2px 3px #d8d8d8;
	box-shadow: 2px 2px 3px #d8d8d8;
	font-size: 10px;
	font-weight: lighter;
	/* padding: 0px 5px; */
	outline: 0;
	height: 18px;
	}
	
select:focus {
	border: 1px solid #A9D0F5;
	box-shadow: 2px 2px 3px #A9D0F5;
	/* border-color: #d8d8d8; */
}
    
.but {
	background-image: url(../imgs/rose.jpg);
	border: 1px solid #EF9BA0;
}

table.radius { 
	border: 2px solid #d8d8d8; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-left-radius: 5px;
	
	/* propiedades de la sombra */
	box-shadow: 6px 6px 6px #ABC;
	/* box-shadow: 5px 5px 5px #ABC, -5px -5px 5px #ABC; */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5);
} 

td.radius {	
	border: 0px; 
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
}

td {	
    font-size: 10px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: lighter;
}

td.head {
		background:-o-linear-gradient(bottom, #0057af 5%, #007fff 100%);
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #007fff) );
		background:-moz-linear-gradient( center top, #0057af 5%, #007fff 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#007fff");
		background: -o-linear-gradient(top,#0057af,007fff);

		background-color:#0057af;
		border:0px solid #0057af;
		text-align:center;
		border-width:1px 1px 1px 1px;
		font-size:12px;
		font-weight:bold;
		font-family: Calibri, Arial, Verdana;
		color:#ffffff;
		
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius:5px 5px 0px 0px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
}

td.headt {
		background:-o-linear-gradient(bottom, #0057af 5%, #E6E6E6 100%);
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #E6E6E6) );
		background:-moz-linear-gradient( center top, #0057af 5%, #E6E6E6 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#E6E6E6");
		background: -o-linear-gradient(top,#0057af,#E6E6E6);

		background-color:#E6E6E6;
		border:0px solid #E6E6E6;
		text-align:center;
		border-width:1px 1px 1px 1px;
		font-size:16px;
		font-weight:bold;
		font-family: Calibri, Arial, Verdana;
		color:#ffffff;
		
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius:5px 5px 0px 0px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
}

.printingback {
	background-image: url(images/printing.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

.printingStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #2D385B;
}

a:link {
	text-decoration: none;
	color: #455678;
}
a:visited {
	text-decoration: none;
	color: #455678;
}
a:hover {
	text-decoration: none;
	color: #990000;
}

.border {
	border: 1px solid #657AB3;
}
a:active {
	text-decoration: none;
}

input.btn {	
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #313F62;
	text-indent: 4px; 
} 

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}

/*<mx:Style>
      Alert {
         borderColor: #666666;
         background-color: #ffffff;
         color: #999999;
      }
   </mx:Style>*/


.alert {
   background: #fff6bf url(imgs/exclamation.png) center no-repeat;
   background-position: 15px 50%;
   text-align: left;
   padding: 5px 20px 5px 45px;
   border-top: 2px solid #ffd324;
   border-bottom: 2px solid #ffd324;
}

.main_cont
{
float:left;
width:220px;
background-color:#4d7986;
padding:10px;
}

.menu_top_bg
{
width:223px;
background:url(../grfx/menu_top_bg.gif) repeat-x;
height:22px;
padding-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
margin-bottom:1px;
}

.sub_menu ul
{
padding:0px;
margin:0px;
}

.sub_menu ul li
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
line-height:32px;
border-bottom:1px dotted #93bcc3;
list-style-type:none;
text-indent:8px;
}

.sub_menu ul li a
{
text-decoration:none;
color:#FFFFFF;
}

.sub_menu ul li a.selected
{
background:url(../grfx/menu_selected.gif) no-repeat;
float:left;
width:242px;
height:32px;
}

.sub_menu ul li a:hover
{
background:url(../grfx/menu_selected.gif) no-repeat;
float:left;
width:242px;
height:32px;
}

.rounded {
	border: 1px solid #d8d8d8;		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #d8d8d8;
	-webkit-box-shadow: 2px 2px 3px #d8d8d8;
	box-shadow: 2px 2px 3px #d8d8d8;
	font-size: 9px;
	padding: 2px 7px;	
	/* outline: 0; */
	-webkit-appearance: none;
	font-size:10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* background-image: url(../imgs/formInside.gif); */
}
	
.rounded:focus {
	border: 1px solid #A9D0F5;
	box-shadow: 2px 2px 3px #A9D0F5;
	/* border-color: #d8d8d8; */
}

._required {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #ffa853;		
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #DF7401;
	-webkit-box-shadow: 2px 2px 3px #DF7401;
	box-shadow: 2px 2px 3px #F7BE81;	
	font-size:10px;
	font-weight: lighter;
	padding: 2px 7px;
	outline: 0;	
	/* height: 18px; */
	/* -webkit-appearance: none; */		
	/* background-image: url(../imgs/formInside.gif); */
}
	
._required:focus {
	border: 1px solid #ffa853;	
	box-shadow: 0 0 2px 2px #ffa853;
	/* box-shadow: 2px 2px 3px #F7BE81; */
}


/* estilo 02 */
li.check_02 { width: auto;}
li.check_02 br { margin-bottom: 10px;}
label.check_02 { float: left; font-weight: bold; padding-right: 10px;}
input[type=checkbox].check_02 {display: none;}
input[type=checkbox].check_02 + label { 
	background: #fff; 
	display: inline-block; 
	width: 17px; 
	height: 17px; 
	background: url(../imgs/check_02.png) 0px 0px no-repeat; 
	text-indent: -1000em;
}
input[type=checkbox].check_02:checked  + label { background: url(../imgs/check_02.png) 0px -16px no-repeat;}


.button_done
{
	border: 1px solid #DBE1EB;
	font-size: 12px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
	
	/*
	padding-top: 5px;
	padding-bottom: 5px;
	*/
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	
	/*
	background: #4972B5;
	background: linear-gradient(left, #4972B5, #618ACB);
	background: -moz-linear-gradient(left, #4972B5, #618ACB);
	background: -webkit-linear-gradient(left, #4972B5, #618ACB);
	background: -o-linear-gradient(left, #4972B5, #618ACB);
	*/
	
	background: #298A08;
	background: linear-gradient(left, #298A08, #0B610B);
	background: -moz-linear-gradient(left, #298A08, #0B610B);
	background: -webkit-linear-gradient(left, #298A08, #0B610B);
	background: -o-linear-gradient(left, #298A08, #0B610B);
	
	color: #FFFFFF;
}

.button_done:hover
{
	background: #365D9D;
	background: linear-gradient(left, #0B610B, #298A08);
	background: -moz-linear-gradient(left, #0B610B, #298A08);
	background: -webkit-linear-gradient(left, #0B610B, #298A08);
	background: -o-linear-gradient(left, #0B610B, #298A08);
	color: #FFFFFF;
	border-color: #A9D0F5;
}

.button_done:focus
{
	background: #5FB404;	
	color: #FFFFFF;
	border-color: #A9D0F5;
}



/***FIRST STYLE THE BUTTON***/
.gobutton{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:4px 25px; /*add some padding to the inside of the button*/
	background:#35b128; /*the colour of the button*/
	border:1px solid #33842a; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	/*style the text*/
	color:#ffffff;
	font-size:12px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
.gobutton:hover, .gobutton:focus{
	background-color :#399630; /*make the background a little darker*/
	/*reduce the drop shadow size to give a pushed button effect*/
	-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
	box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.green_button{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	background-color:#35b128;
	border:1px solid #35b128; /*same colour as the background*/
	color:#ffffff;
	font-weight: bold;
	font-size:12px;	
	font-family: Calibri, Arial, Verdana;
	/*set the border-radius at half the size of the width and height*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*give the button a small drop shadow*/
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 5px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.green_button:hover, .green_button:focus{
	background:#35b128;
	border:1px solid #35b128;
	/*reduce the size of the shadow to give a pushed effect*/
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}

.red_button{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	background-color:#ff0000;
	border:1px solid #ff0000; /*same colour as the background*/
	color:#ffffff;	
	font-weight: bold;
	font-size:12px;	
	font-family: Calibri, Arial, Verdana;
	/*set the border-radius at half the size of the width and height*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*give the button a small drop shadow*/
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 5px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.red_button:hover, .red_button:focus{
	background:#c20b0b;
	border:1px solid #c20b0b;
	/*reduce the size of the shadow to give a pushed effect*/
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}

.blue_button{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	background-color:#4972B5;
	border:1px solid #4972B5; /*same colour as the background*/
	color:#ffffff;	
	font-weight: bold;
	font-size:12px;	
	font-family: Calibri, Arial, Verdana;
	/*set the border-radius at half the size of the width and height*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*give the button a small drop shadow*/
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 5px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.blue_button:hover, .blue_button:focus{
	background:#4972B5;
	border:1px solid #4972B5;
	/*reduce the size of the shadow to give a pushed effect*/
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}

.button_r{
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	background-color:#ff0000;
	border:1px solid #ff0000; /*same colour as the background*/
	color:#ffffff;
	font-weight: bold;
	font-size: 10px;
	/*set the border-radius at half the size of the width and height*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*give the button a small drop shadow*/
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 5px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.button_r:hover, .button_r:focus{
	background:#c20b0b;
	border:1px solid #c20b0b;
	/*reduce the size of the shadow to give a pushed effect*/
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
	box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}

.button_round{
	width:100px; /*same as the height*/
	height:100px; /*same as the width*/
	background-color:#ff0000;
	border:1px solid #ff0000; /*same colour as the background*/
	color:#fff;
	font-size:1.6em;
	/*set the border-radius at half the size of the width and height*/
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/*give the button a small drop shadow*/
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 15px rgba(0,0,0, .75);
}
/***NOW STYLE THE BUTTON'S HOVER STATE***/
.button_round:hover{
background:#c20b0b;
border:1px solid #c20b0b;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
box-shadow: 0px 0px 5px rgba(0,0,0, .75);
}

a.ref {
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	/* background:#35b128;*/ /*the colour of the button*/
	border:1px solid #FA2; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	/*style the text*/	
	color:#ffffff;
	background-color:#FA2;
	font-size:10px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;	
}

a.ref-red {
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	/* background:#35b128;*/ /*the colour of the button*/
	
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	/*style the text*/	
	
	background-color:#ff0000;
	border:1px solid #ff0000; /*same colour as the background*/	
	
	color:#ffffff;
	font-size:10px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

a.ref-yellow {
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	/* background:#35b128;*/ /*the colour of the button*/
	border:1px solid #FA2; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	
	/*style the text*/	
	color:#ffffff;
	background-color:#FA2;
	font-size:10px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

a.ref-blue {
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding:5px 25px; /*add some padding to the inside of the button*/
	/* background:#35b128;*/ /*the colour of the button*/
	border:1px solid #4972B5; /*required or the default border for the browser will appear*/
	/*give the button curved corners, alter the size as required*/
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	/*give the button a drop shadow*/
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
	box-shadow: 0 0 4px rgba(0,0,0, .75);
	/*style the text*/	
	color:#ffffff;
	background-color:#4972B5;
	font-size:11px;
	font-weight: bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

a.w7 {
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/	
	color: #2e64fe;
	font-size: 12px;
	font-weight: bold;
	/* text-shadow: 1px 1px 1px #333333; */
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

a.w7:hover{
	color: #81bef7;
	text-decoration: underline;
}

.box {
	/* propiedades normales */
	
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #D0D0D0;
	border-radius: 10px;
	
	/* propiedades de la sombra */
	box-shadow: 6px 6px 6px #ABC;
	/* box-shadow: 5px 5px 5px #ABC, -5px -5px 5px #ABC; */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,direction=125,strength=5);
}