@charset "utf-8";
body {	
	margin: 0px;
	/* For any browser that can't create a gradient  */ 
    background-color: #25272F; 
    /*//mozilla*/ 
    background: -moz-linear-gradient(top, #25272F, #3F4656); 
    /* Chrome/Safari     */ 
    background: -webkit-gradient(linear, left top, left bottom, from(#25272F), to(#3F4656)); 
    /*IE 6/7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#25272F',EndColorStr='#3F4656'); 
    /*IE 8 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#25272F, endColorstr=#3F4656)"; 
	}

#container{
    margin:0px auto;
	border: 1px solid #B0B0B1;
	min-height: 600px;
	width: 1000px;
	background-color: #FFFFFF;  
	clip: rect(auto,auto,auto,auto);
	}
#pie{
    margin:0px auto;	
	min-height: 100px;	
	background-color: #767676;  
	clip: rect(auto,auto,auto,auto);
	}
#piebody{
    margin:0px auto;	
	width: 1000px;
	padding: 10px 0px 10px 0px;
	background-color: #767676;
    font: Arial, Helvetica;
	font-size:12px;
	color: #E5E6EF;	
	clip: rect(auto,auto,auto,auto);
	}
#marco{
    margin-top:4px;
    margin-bottom:4px;
    margin-right:20px;
    margin-left:20px;
	background-color: #FFFFFF;	
	}
#marcoindex{
    margin-top:0px;
    margin-bottom:4px;
    margin-right:1px;
    margin-left:20px;
	background-color: #FFFFFF;	
	}
#marcogris{
    min-height: 400px;
	margin: 12px 50px 25px 50px;
    padding: 0px 10px 0px 10px;
	background-repeat: repeat-x;
    background-image: url(../images/backmarco.jpg);	
	}
#marconormal{
    min-height: 400px;
	margin: 0px 20px 25px 20px;
    padding: 0px 10px 0px 10px;	
	}
#demobox{
    margin: 12px 12px 10px 6px;	
	width: 245px;
    height: 176px;   	
	background-repeat: repeat-x;
	display:inline-block;
	}
.titubox{
    display: block;	
    padding: 12px 14px 0px 14px;
    font: Arial, Helvetica;
	font-size:20px;
	font-weight:bold;
	color: white;	
   }
.textbox{   
	display: block;
    padding: 10px 0px 0px 14px;
    font: Arial, Helvetica;
	font-size:17px;
	font-weight: normal;
	color: white;	
   }

h1 {   
	margin: 0px 0px 10px 0px;	
	font: Tahoma,Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;	
	padding: 0px 0px 0px 0px;	
	color:#5D5D5D;  
	}
h2{
    margin: 0px 10px 20px 0px;	
    font: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;	
	padding:0px;	
	color:#000000;   
	}
h3{    
    margin: 4px 10px 4px 20px;	
    font: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;	
	color:#FFFFFF;   
	}
#rotulo{
    margin: 20px 0px 48px 0px;	
    width: 800px;
    height: 42px;
	background-image: url(../images/rotulo.gif);
	}
.enlaces{
	font-weight: bold;
	}
	
.txtCaja{
    padding: 0px 0px 10px 80px;
    font: Verdana, Helvetica, sans-serif;
	font-size:21px;
	color:black;
}	
.txtDes{
    padding: 0px 8px 0px 8px;
    font: Arial,Helvetica, sans-serif;
	font-size: 14px;
	color:black;
}
ul.propiedades {
    margin: 0px;
	padding: 0px 0px 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*line-height: 26px; */
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
	text-indent: 0px;
	list-style-type: none;
	}
li.checked{
	background-image: url(../images/check.gif);
	background-repeat: no-repeat; 
	background-position: 0 10%; 
	padding: 3px 0 12px 28px;
	margin: .4em 0;
	}
ul.listado {
    margin: 0px;
	padding: 0px 0px 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*line-height: 26px; */
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;	
	text-indent: 0px;
	list-style-type: none;
	}
li.bullet{
	background-image: url(../images/bullet.gif);
	background-position: 0 .3em; 
	background-repeat: no-repeat; 
	/* background-position: 0 4%;  */
	padding: 3px 0 12px 28px;
	margin: .4em 0;
	}	
li.bullet a{
	text-decoration: none;
	}
li.bullet a:visited{
	color: black;
	}
li.bullet a:hover{ 
	color: #506898;	
	}	
/* --------------- Credits: Dynamic Drive CSS Library --------------------------------- */
/* ----------------URL: http://www.dynamicdrive.com/style/  ------------------------ */
/* ---------------  Estilos del menu Superiror --------------------------------------------- */ 
.indentmenu{
	font: bold 13px Arial;
	width: 100%; /*leave this value as is in most cases*/
	overflow: hidden;
	}
.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*width of menu*/
	border: 1px solid #564c66; /*dark purple border*/
	border-width: 1px 0;
	background: black url(../images/indentbg.gif) center center repeat-x;
	}
.indentmenu ul li{
	display: inline;
	}

.indentmenu ul li a{
	float: left;
	color: white; /*text color*/
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid #564c66; /*dark purple divider between menu items*/
	}
.indentmenu ul li a:visited{
	color: white;
	}
.indentmenu ul li a:hover, .indentmenu ul li .current{
	color: white !important; /*text color of selected and active item*/
	padding-top: 6px; /*shift text down 1px for selected and active item*/
	padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background: black url(../images/indentbg2.gif) center center repeat-x;
	}
/* ------------------------------ Formulario de Login en cabecera  ---------------------------------------------- */
#datosLogin {
	font-family:Arial, Helvetica, sans-serif;
	margin-right: 10px;
	padding-top: 6px;
	float: right;
	font-size: 12px;
	font-weight: normal;
	color: #DBDEE0;	
	}
		
#datosLogin input {
	background-color: #DEDEDE;
	color: #000000;
	border: 1px solid #666666;
	font-size: 13px;
	font-weight: normal;
	}
	
/* ------------------------------------- Mainlinks ----------------------------------------------------------------------*/
.mainlink
{
	font: normal 12px Arial;	
	color: #757676;	
}
.mainlink a{
	text-decoration: none;
}
.mainlink a:visited{
	text-decoration: none;
	color: #757676;
}
.mainlink a:hover{
	text-decoration: none;
	color: #A6A6A6;
}