/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		margin: 10px auto 10px auto;
		/*background-image:url('../images/bg.png');*/
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 0.75em;
		font-weight: normal;
		color: #333333;
	}
	
	#header{
		background-color: #FFFFFF;
		/*background-image:url('../images/logo_dane-presidencia.png');*/
		background-position: 0px -30px;
		background-repeat: no-repeat;
		height: 100px;		
	}
	
	#header #periodo{
		text-align: right;
		padding-right: 20px;
		font-size: 14px;			
	}
	
	#header #usuario{
		text-align: right;
		padding-right: 20px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: normal;
	}
	
	#header #textlogo{		
		text-align: right;
		padding-right: 20px;
		padding-top: 22px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 1em;
		font-weight: bolder; 
	}
	
	#menu{
		height: 25px;
		background-color: #DFDFDF;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #333333;
	}
	
	#menu ul{
		padding-top: 3px;
   		padding-left: 8px;
   		margin: 0px;   		
   		list-style: none;   		
   		width: 100%;
   		height: 30px;
   		float: left;
	}
	
	#menu ul li{
		display: inline;
		padding-left: 2px;
		padding-right: 8px;		
		border-right: 1px solid #E00078;
	}
	
	#menu a:link {text-decoration:none; color: #E00078;} 
	#menu a:visited {text-decoration:none; color:#E00078; } 	
	#menu a:hover {text-decoration:underline; color:#E00078;}
	
	#menu select{
		background-color: #DFDFDF;
		font-size: 12px;
		
	}
	
	#container{
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		color: #333333;
	}
	
	#container2{
	    background-color: #FFFFFF;
		text-align: justify;
		line-height: 18px;		
	}
	
	#container2 #contenido{
		padding: 8px 8px 8px 8px;
	}
	
	#container2 #contenido #login{
		padding-left: 38%;
	}
	
	#container2 h1{
		padding-bottom: 10px;
		font-size: 18px;
		color: #E00078;
	}
	
	#container2 .table{
		border-collapse: collapse;
		border: none;
	}
	
	#container2 .table thead{
		background-color: #DFDFDF;
		border: 1px solid #CCCCCC;
	}
	
	#container2 .table tbody{
		border: 1px solid #CCCCCC;
	}
	
	#container2 .table th{		
		padding-left: 10px;
	}
	
	#container2 .table td{		
		padding-left: 10px;
	}
	
	#container2 .table .row1{
		height: 20px;
		background-color: #FFFFFF;	
	}
	
	#container2 .table .row2{
		height: 20px;
		background-color: #EFEFEF;
	}
	
	#container2 #contenido #content #tabs{
		color: #0000ff;
	}
	
	#footer{
		background-color: #FFFFFF;	
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		line-height: 18px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 0.9em;
		font-weight: normal;
		color: #333333;
	}
	
/*** CSS FORMULARIOS ***/	
	
	form label{
		color: #333333;
		padding-right: 20px;
	}
	
	form .txtLogin{
		border: 1px solid #DFDFDF;
		border-radius: 5px;
		padding: 2px 5px 2px 5px;
		text-align: center;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #333333;
	}
	
	form .textbox{
		border: 1px solid #DFDFDF;
		border-radius: 2px;
		padding: 2px 5px 2px 5px;
		font-family: Tahoma, Geneva, sans-serif;
		font-weight: normal;
		color: #333333;
	}
	
	form .button{
		border: 1px solid #BCBCBC;
		border-radius: 3px;
		text-align: center;
		padding: 2px 5px 2px 5px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
	}
	
	.textbox{
		border: 1px solid #DFDFDF;
		border-radius: 2px;
		padding: 2px 5px 2px 5px;
		font-family: Tahoma, Geneva, sans-serif;
		font-weight: normal;
		color: #333333;
	}
	
	.button{
		border: 1px solid #BCBCBC;
		border-radius: 3px;
		text-align: center;
		padding: 2px 5px 2px 5px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
	}
	
	.select{
		border: 1px solid #DFDFDF;
		border-radius: 3px;		
		padding: 2px 2px 2px 2px;
		font-family: Tahoma, Geneva, sans-serif;		
		font-weight: normal;
		color: #333333;
	}

	.fieldset{
		padding: 10px 10px 10px 10px;
		border: 1px solid #BCBCBC;
	}

	.redText{
		color: #E00078;
	}
	
	
	/* Tooltip tomado de: http://jqueryui.com/tooltip/#custom-style */
	.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
	}
	.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
	}
	.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
	}
	.arrow.top {
	top: -16px;
	bottom: auto;
	}
	.arrow.left {
	left: 20%;
	}
	.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	.arrow.top:after {
	bottom: -20px;
	top: auto;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

/*
@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}
*/

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

/*
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

/* } */

.titulo-formulario > .normal-weight {
    color: #8d143d;
    font-weight: 700;
}
.titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight {
    margin: 0;
    font-family: 'Roboto Slab';
    font-size: 20px;
    line-height: 20px;
}
.titulo-formulario> .normal-weight, .titulo-formulario> .bold-weight {
    font-size: 22px;
}
.titulo-formulario {
    padding-top: 30px;
    float: right;
    text-align: right;
}

.container-footer {
    background-color: #FFF;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    z-index: -1;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.region-footer {
    background-color: #424242;
    bottom: 10px;
    color: #FFF;
}

.footer-browser {
    font-size: x-small;
    text-align: center;
}

.texto-navegadores {
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Open Sans', Arial, Verdana;
    line-height: 1.42857143;
    /*color: #333;*/
    /*background-color: #fff;*/
}