@charset "utf-8";







/* CSS Document */







* {
	padding:0;
	margin:0;
}

body{
	background:#FFF;
	font-family: 'Open Sans', sans-serif;
}

.index{
	margin: 60px;
}
.content-popup label {
	font-size:17px;
	margin-bottom:4px;
	display:block;
	color:rgba(7, 104, 145,1);
	font-weight:700;
	text-align: center;
}


.content-popup input {

    display:block;
	text-align:center;
	margin-bottom:15px;
	width:100%;
	padding:10px 5px;
	box-sizing:border-box;
	border: 2px solid #BCBCBC;
	border-radius:5px;
	background: rgba(7, 104, 145,0.1);
	font-size:17px;
}
.content-popup input:focus{
	border:3px solid rgba(7, 104, 145,0.9);
}

.content-popup form  {
	
	padding:20px;
	margin-top: 10px;
	
}

.content-popup form .button{
	width:100%;
	border-radius:5px;
	background:rgba(7, 104, 145,1);
	color:white;
	border:none;
	margin:15px 0px;
	font-weight:700;
	}

.content-popup form input[type="submit"]:hover{
	cursor:pointer;
	background:rgba(7, 104, 145,0.7);
}


.content-popup a {
	display:block;
	color:rgba(7, 104, 145,1);
	text-decoration: underline;
	font-weight:700;
	
	}


/*MENU*/
.encabezado{
	background: rgb(109,179,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
	display: block;
}

.encabezado h1{
	color: aliceblue;
	font-weight: bold;
	
}
.encabezado #usuario{
	display:block;
	color:white;
	text-align:center;
	padding:22px 21px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #fcb314;
	
}
.encabezado #exit{
	display:block;
	color:white;
	text-align:center;
	padding:22px 21px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #ff3c41;
	
}
.encabezado #exit:hover, #usuario:hover {

    color:rgba(3,100,143,1);
	background: rgb(242,246,248); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );

}

.menu {
	padding-top: 150px;
	padding-bottom: 30px;

}
.menu .duf {
	display:block;
	color:white;
	text-align:center;
	padding:62px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #ffdd00;
	
}
.menu .ddis{
	display:block;
	color:white;
	text-align:center;
	padding:62px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #a0ac48;
	
}

.menu .dse {
	display:block;
	color:white;
	text-align:center;
	padding:62px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #2db928;
}
.menu .int {
	display:block;
	color:white;
	text-align:center;
	padding:62px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #261d9c;
}
.menu .ext {
	display:block;
	color:white;
	text-align:center;
	padding:62px;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	background: #98980a;
}

 .duf:hover, .ddis:hover , .dse:hover,.int:hover,.ext:hover{
	color:rgba(3,100,143,1);
	background: rgb(242,246,248); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}



/*formulario uf*/
.formulariouf input{
	margin: 3px;
	border: 2px solid #BCBCBC;
	border-radius:4px;
	padding:4px
}
.formulariouf label{
	font-size:15px;
	color: #191919;
	font-weight:700;
	padding-top:5px;
	
}
.literal{
	margin-bottom: 4px;
	margin-top: 4px;
	border: 2px solid #BCBCBC;
	border-radius:4px;
	padding-top: 3px;
	padding-bottom: 4px;
	
}
.formulariodis input{
	margin: 3px;
	border: 2px solid #BCBCBC;
	border-radius:4px;
	padding:4px
}
.formulariodis label{
	font-size:15px;
	color: #191919;
	font-weight:700;
	padding-top:5px;
	
}
.literal{
	margin-bottom: 4px;
	margin-top: 4px;
	border: 2px solid #BCBCBC;
	border-radius:4px;
	padding-top: 3px;
	padding-bottom: 4px;
	
}
.formulariose input{
	margin: 3px;
	border: 2px solid #BCBCBC;
	border-radius:4px;
	padding:4px
}
.formulariose label{
	font-size:15px;
	color: #191919;
	font-weight:700;
	padding-top:5px;
	
}