html{
		/*height: 90%;
		min-height: 90%;*/
	}
	
	body {
		margin:0 auto;
		background-color:#001636;
	}
	
	hr {
		border: none;
		background-color: transparent;
		height: 1px;
		border-bottom: 1px dotted #999999;
	}
	
	img {
		border:0pt none;
		vertical-align:middle;
	}
	
	h1{
		color:#000000;
		font-family: "Verdana";
		font-size:16px;
	}
	h2{
		color:#000000;
		font-family: "Verdana";
		font-size:12px;
	}
	
	/* Styles for buttons and inputs*/
	
	
	
	a {
		text-decoration: none;
		color:#999999;
	}

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

	input {
		color:#000000;
		font-size:10px;
		font-family: "Verdana";
	}
	select {
		background-color:#eee;
		border:1px solid #000000; 
		color:#000000;
		font-size:10px; 
	}
	.submit input, .button input, .reset input {
		background-color:#acfff8; 
	}
	textfield {
		background-color:#eee; 
	}
	radio{
		background-color:#eee;
		border:1px solid #000000; 
		color:#000000;
	}	
	
	.label{
		color:#000000;
		font-family: "Verdana"; 
		font-size:10px;
	}
	
	fieldset{
		border: 1px solid #781351;
		width: 20em;
		background: #fff;
	}
		
	legend{
		color: #000;
		background: #FCF1BE;
		border: 1px solid #781351;
		padding: 2px 6px;
		font-weight: bold;
	} 
	
	form
	{
		margin: 0;
		padding: 0;
	}

	/* Containers for decorating the whole page */
	
	#banner 
	{
		background:#FFFFFF url(../images/clinmar.png) no-repeat scroll right bottom;
	}


	#page-container { 
	    /*border: 1px solid #ccc;*/ 
	    margin:0pt auto;
		padding:0pt;
		width:900px;
	} 

	#content-container { 
	    padding: 10px 10px 10px 10px;
	    background-color: white; 
	    color: black;
	    border-left:1px solid #999999;
		border-right:1px solid #999999;
		font: normal 10px Verdana;
		vertical-align: middle;
	} 

	#page-header  { 
	  	background-color: #EEEEEE; 
	    border: 1px solid #999999;
	    /*
        border-bottom: 1px solid gray; 
	    border-top: 1px solid gray; 
	    padding-top:1em; 
	    text-align: center;*/ 
	} 
	#nav-container { 
	    width: 15%; 
	    border-right: 1px solid #cccccc; 
	    padding-top: 20px; 
	    padding-left: 10px; 
	    vertical-align: top; 
	} 
	#nav-container a { 
	    text-decoration: none; 
	    color: white; 
	} 
	/*.selected { 
	    padding: 2px; 
	    color: black; 
	    border: 1px yellow dotted; 
	    font-style: italic; 
	    font-weight: bold; 
	}*/ 
	#nav-container a:visited { 
	    color: lightGray; 
	} 
	#nav-container a:hover { 
	    color: yellow; 
	} 
	#page-footer { 
	    padding: 5px; 
	    text-align: right; 
		background-color:#EEEEEE;
		border:1px solid #999999;
		margin:0pt 0pt 10px;
		/* font-size: x-small;     
	    border-top: 1px solid #cccccc; 
	   	*/ 
	} 
	
	
	/* Main container for displaying contents */
	#pres-text {
		padding: 5px;
		background-color:#EEEEEE;
		border:1px solid #000000;
	}
	#index-text {
		padding: 5px;
		border:1px solid #000000;
		background-color:#FFFFFF;

	}

	/* Applied on a div for left or right aligment */
	
	div#left { 
		float: left;
		color:#000000;
		font-family: "Verdana";
		font-size:12px;
		font-weight:bold;
	}
	div#right { 
		margin-left: 50%; 
		text-align: right;
	} 
	
	div#subleft { 
        float: left;
        color:#000000;
        font-family: "Verdana";
        font-size:10px;
    }
    div#subright { 
        margin-left: 50%; 
        text-align: right;
        font-size:10px;
        font-weight:bold;
    } 
	
	div#tabcontent{
		display:table;
		width:100%;
	}
    .tabcontent{
        display:table;
        width:100%;
    }
    
    

	

	div#breadcrumbs {
		float: left;
	}

	div#infotab {
		padding: 3px; 
		color:#999999;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		border-bottom: 1px solid #999999;
		border-top: 2px solid #999999;
	}
	
	
	
	.errores{
		text-align: center;
		height:100%;
	}
	
	/* Styles of the main menu tab */

	/*
	.menutab{
		margin-bottom: 1em;
	}
	*/
	.menutab ul{
		padding: 3px 9px 2px 5px;
		margin-left: 0;
		margin-top: 1px;
		margin-bottom: 0;
		font: bold 10px Verdana;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		border-bottom: 1px solid #929492;
		background-color:#fff;
	}
	
	.menutab li{
		display: inline;
		margin: 0;
	}
	
	.menutab li a{
		text-decoration: none;
		padding: 3px 9px 2px 5px;
		margin: 0;
		margin-right: 1px; /*distance between each tab*/
		border-left: 1px solid gray;
		color: black;
		font-size: 10px;
		background: #FCF1BE url(../images/menuborder.gif) top right no-repeat;
	}
	
	.menutab li a:visited{
		color: black;
	}
	
	.menutab li a:hover, .menutab li.selected a{
		background-color: #FFCC00;
	}
	
	
	.desplegarmenu{
		position:absolute;
		top: 0;
		border: 1px solid #FFCC00; /*THEME CHANGE HERE*/
		border-width: 0 1px;
		font:normal 9px Verdana;
		line-height:16px;
		z-index:100;
		background-color: #FCF1BE;
		width: 150px;
		visibility: hidden;
	}
		
		
	.desplegarmenu a{
		width: auto;
		display: block;
		text-indent: 5px;
		border: 0 solid #FFCC00; /*THEME CHANGE HERE*/
		border-bottom-width: 1px;
		/*padding: 2px 0;*/
		text-decoration: none;
		color: black;
	}
		
	* html .desplegarmenu a{ /*IE only hack*/
		width: 100%;
	}
		
	.desplegarmenu a:hover{ /*THEME CHANGE HERE*/
		background-color: #FFCC00;
	}
	
	/* END of main's menu tab styles */
	
	/* Footer styles */
	
	div.footer, div.footer a{
		color:#999999;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	span.mapaweb{
		padding: 2px 1px 4px 20px;
		/*padding: 0 4px 1px 20px;*/
		display: inline;
		cursor: pointer;
		background: url(../images/sitemap.png) no-repeat;
	}
	
	span.mapaweb:hover{
		background: url(../images/sitemap_color.png) no-repeat;
	}
	
	span.ayudaweb{
		padding: 2px 1px 4px 20px;
		/*padding: 0 4px 1px 20px;*/
		display: inline;
		cursor: pointer;
		background: url(../images/help_off.png) no-repeat;
	}
	
	span.ayudaweb:hover{
		background: url(../images/help.png) no-repeat;
	}
	
	span.oepmweb{
        padding: 2px 1px 4px 20px;
        /*padding: 0 4px 1px 20px;*/
        display: inline;
        cursor: pointer;
        background: url(../images/oepm_icon_off.gif) no-repeat;
    }
    
    span.oepmweb:hover{
        background: url(../images/oepm_icon.gif) no-repeat;
    }
	
	
	/*
	Styles for greyed backgroud and poppingup div wins	
	DONT TOUCH	
	*/
	#greyed {
		display:none;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background:gray;
		filter:alpha(Opacity=50);
		opacity:0.5;
		-moz-opacity:0.5;
		-khtml-opacity:0.5;
	}
	#popupwin {
		display:none;
		
		left:50%;
		top:50%;
		width:900px;
		height:750px;
		margin-top:-380px;
		margin-left:-455px;

		position:absolute;
		z-index:100;
		background:white;
		padding:2px;
		border:2px solid gray;
		overflow: auto;
	
	}
	
	/*
	Error messages on validation
	*/

	.errorMessage {
		color:red;
		font-weight:bold;
		text-align:center;
	}

	/*
	Styles for outline lines in different colors
	*/
	
	.tdodd {
		background-color: #fff;
	}
	
	.tdeven {
		background-color: #eee;
	}	

	
	/*
    Buttons with link and image style
    */
    .btn_nueva_clasificacion
    {
    /*position: absolute;*/
    background: transparent url(../images/application_form_add.png) no-repeat;
    background-position: 5px 3px;
    color: #999999;
    /*float: left;
    margin: 0px;
    width: 90px;
    height: 25px;
    top: 65%;
    left: 34%;*/
    
    cursor: hand;
    cursor: pointer;
    
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 2px;
    padding-right: 0px;
   
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    
    border-bottom-color:#dcdcdc;
    border-bottom-style:solid;
    border-bottom-width: 0px;
    
    border-left-color:#dcdcdc;
    border-left-style: solid;
    border-left-width:0px;
    
    border-right-color:#dcdcdc;
    border-right-style:solid;
    border-right-width:0px;
    
    border-top-color:#dcdcdc;
    border-top-style:solid;
    border-top-width:0px;
    
    }
    
    .btn_nueva_clasificacion:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }
    
    
    .btn_actualizar_clasificacion
    {
    /*position: absolute;*/
    background: transparent url(../images/refresh.png) no-repeat;
    background-position: 5px 3px;
    color: #999999;
    /*float: left;
    margin: 0px;
    width: 90px;
    height: 25px;
    top: 65%;
    left: 34%;*/
    
    cursor: hand;
    cursor: pointer;
    
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 2px;
    padding-right: 0px;
   
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    
    border-bottom-color:#dcdcdc;
    border-bottom-style:solid;
    border-bottom-width: 0px;
    
    border-left-color:#dcdcdc;
    border-left-style: solid;
    border-left-width:0px;
    
    border-right-color:#dcdcdc;
    border-right-style:solid;
    border-right-width:0px;
    
    border-top-color:#dcdcdc;
    border-top-style:solid;
    border-top-width:0px;
    
    }
    
    .btn_actualizar_clasificacion:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }
    
    .btn_verificar
    {
    /*position: absolute;*/
    background: transparent url(../images/accept.png) no-repeat;
    background-position: 5px 3px;
    color: #999999;
    /*float: left;
    margin: 0px;
    width: 90px;
    height: 25px;
    top: 65%;
    left: 34%;*/
    
    cursor: hand;
    cursor: pointer;
    
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 2px;
    padding-right: 0px;
   
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    
    border-bottom-color:#dcdcdc;
    border-bottom-style:solid;
    border-bottom-width: 0px;
    
    border-left-color:#dcdcdc;
    border-left-style: solid;
    border-left-width:0px;
    
    border-right-color:#dcdcdc;
    border-right-style:solid;
    border-right-width:0px;
    
    border-top-color:#dcdcdc;
    border-top-style:solid;
    border-top-width:0px;
    
    }
    
    .btn_verificar:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }
    
    
    
     
    .btn_eliminar
    {
		background: transparent url(../images/delete.png) no-repeat;
		background-position: 5px 3px;
		color: #999999;
		cursor: hand;
		cursor: pointer;
		padding: 3px 0 5px 20px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-weight: bold;
		font-size: 10px;
		text-align: center;
		border:0px solid #000000;
	}
    
    .btn_eliminar:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }


	

	.btn_cargar
    {
	    background: transparent url(../images/table_add.png) no-repeat;
	    background-position: 5px 3px;
	 	color: #999999;
	    cursor: hand;
	    padding: 3px 0 5px 20px;
	    font-family: Verdana,Arial,Helvetica,sans-serif;
	    font-size: 10px;
	    text-align: center;
		border:0px solid #000000;
    }
    
    .btn_cargar:hover
    {
        color:#000000;
        cursor: hand;
    	cursor: pointer;
    }

    .btn_guardar
    {
        background: transparent url(../images/disk.png) no-repeat;
        background-position: 5px 3px;
        color: #999999;
        cursor: hand;
        padding: 3px 0 5px 20px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        text-align: center;
        border:0px solid #000000;
    }
    
    .btn_guardar:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }
        
   .btn_busquedaNiza
    {
        background: transparent url(../images/zoom.png) no-repeat;
        background-position: 5px 3px;
        color: #999999;
        cursor: hand;
        padding: 3px 0 5px 20px;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 10px;
        text-align: center;
        border:0px solid #000000;
    }
    
    .btn_busquedaNiza:hover
    {
        color:#000000;
        cursor: hand;
        cursor: pointer;
    }