@charset "utf-8";

/* CSS Document */

body {
	
	text-align:center;
	
	
}
html {
	background: rgba(0,76,152,1);
	background: -moz-linear-gradient(left, rgba(0,76,152,1) 0%, rgba(0,148,148,1) 48%, rgba(0,102,173,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,76,152,1)), color-stop(48%, rgba(0,148,148,1)), color-stop(100%, rgba(0,102,173,1)));
	background: -webkit-linear-gradient(left, rgba(0,76,152,1) 0%, rgba(0,148,148,1) 48%, rgba(0,102,173,1) 100%);
	background: -o-linear-gradient(left, rgba(0,76,152,1) 0%, rgba(0,148,148,1) 48%, rgba(0,102,173,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,76,152,1) 0%, rgba(0,148,148,1) 48%, rgba(0,102,173,1) 100%);
	background: linear-gradient(to right, rgba(0,76,152,1) 0%, rgba(0,148,148,1) 48%, rgba(0,102,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c98', endColorstr='#0066ad', GradientType=1 );
	
	
}

table.tableF  {
	-moz-border-radius: 0px 0px 14px 14px;
	-webkit-border-radius:0px 0px 14px 14px;
	border-radius:0px 0px 14px 14px;
	background-color: #ededed;
	padding: 10px;
	border-collapse: separate;
    border-spacing: 8px 0;
	color: #454545;
	resize: none;
}
table.tableF th {
	padding: 4px;
	color: #009bdb;
	text-align: left;
	font-size: 14px;
}
table.tableF td   {
	padding: 4px;
	padding-left: 10px;
}

.trF{
	
	background-color: #a1c038;
	color: white;
	padding: 6px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	
}
.trF2{
	
	background-color: #009bdb;
	color: white;
	padding: 6px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	
}
.trF3{
	padding: 4px;
	color: #009bdb;
	text-align: center;
	font-size: 14px;	
	font-weight: bold;
}
.tableTitulo{
	background: rgba(186,0,124,1);
	background: -moz-linear-gradient(top, rgba(186,0,124,1) 0%, rgba(88,22,125,1) 98%, rgba(88,22,125,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(186,0,124,1)), color-stop(98%, rgba(88,22,125,1)), color-stop(100%, rgba(88,22,125,1)));
	background: -webkit-linear-gradient(top, rgba(186,0,124,1) 0%, rgba(88,22,125,1) 98%, rgba(88,22,125,1) 100%);
	background: -o-linear-gradient(top, rgba(186,0,124,1) 0%, rgba(88,22,125,1) 98%, rgba(88,22,125,1) 100%);
	background: -ms-linear-gradient(top, rgba(186,0,124,1) 0%, rgba(88,22,125,1) 98%, rgba(88,22,125,1) 100%);
	background: linear-gradient(to bottom, rgba(186,0,124,1) 0%, rgba(88,22,125,1) 98%, rgba(88,22,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba007c', endColorstr='#58167d', GradientType=0 ); 
	-moz-border-radius:14px 14px 0px 0px;
	-webkit-border-radius:14px 14px 0px 0px;
	border-radius:14px 14px 0px 0px;
	color: white;
	padding: 6px;
	font-size: 16px ;
	text-align: center;
	font-weight: bold;
	resize: none;
	
}

html {
		font-family: Arial;
		font-size:12px;
	}

input {
	border-width: 1px;
	padding: 8px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color: #000000;
	border-color: #C0C0C0;
}
select {
	
	border-width: 1px;
	padding: 8px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color: #000000;
	border-color: #C0C0C0;
}
input[type=radio]{
	height: 20px;
	width: 20px;
}
.checkbox2 {
	width: 36px; height: 36px
}
file {
	border-radius:5px 5px 5px px;
	border-width: 1px;
	padding: 6px !important;
	color: white !important;
}			
        
a {color:#4285ae;}
a:hover{
	text-decoration:none;
	text-align: justify;
}
p {padding-top:16px;}


h3 {
	color:#000;
	font-weight:normal;
	font-size:1.333em;
	line-height:1.5em;
	margin-bottom:19px;
}

textarea{
	border-width: 1px;
	padding: 8px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color: #000000;
	border-color: #C0C0C0;
}

/* ============================== BOTONES ====================== */
.BRojo {
	background-color: red;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-color: red;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	padding:4px;
	min-width: 100px;
	font-weight: bold;
}
.BRojo:hover {
	background-color:#f29100;
}.BRojo:active {
	position:relative;
	top:1px;
}

/* ============================== BOTONES ====================== */
	.BNaranjo {
		background-color: #f29100;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border-color: #f29100;
		display:inline-block;
		color:#ffffff;
		font-size:20px;
        font-weight: bold;
		padding:4px;
		min-width: 50px;
	}.BNaranjo:hover {
		background-color:#FFAF2F
	}.BNaranjo:active {
		position:relative;
		top:1px;
	}
	.BAzul {
		background-color: #009bdb;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border-color: #009bdb;
		display:inline-block;
		color:#ffffff;
		font-size:20px;
        font-weight: bold;
		padding:4px;
		min-width: 50px;
	}.BAzul:hover {
		background-color:#57b1ff
	}.BAzul:active {
		position:relative;
		top:1px;
	}
	.BCeleste {
		background-color: #a1c038;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border-color: #a1c038;
		display:inline-block;
		color:#ffffff;
		font-size:20px;
        font-weight: bold;
		padding:4px;
		min-width: 80px;
		
	}.BCeleste:hover {
		background-color: #3C6;
	}.BCeleste:active {
		position:relative;
		top:1px;
	}
	.BVerde {
		background-color: #a1c038;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		border-color: #a1c038;
		display:inline-block;
		color:#ffffff;
		font-size:20px;
        font-weight: bold;
		padding:4px;
		min-width: 80px;
		
	}.BVerde:hover {
		background-color: #3C6;
	}.BVerde:active {
		position:relative;
		top:1px;
	}
	.BRojo2 {
		  background-color: red;
		  border-radius:10px;
		  -moz-border-radius:10px;
		  -webkit-border-radius:10px;
		  
		  border:1px solid #041166;
		  display:inline-block;
		  color:#ffffff;
		  font-family:arial;
		  font-size:20px;
          font-weight: bold;
		  text-decoration:none;
		  text-shadow:1px 1px 0px #000000;
		  padding:3px;
		 }.BRojo2:hover {
		  background-color: #F30;
		 }.BRojo2:active {
		  position:relative;
		  top:1px;;
		  font-weight: bold;
	}