@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
*{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: italic;
	font-weight: bold;
}

h2,h3,h4,h5,h6 {	
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}

p {			
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align:center;
}
.logo {		
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
.negritas{
	font-weight: bold;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

#header {
	margin:center;
	width:10%px;
	font-family:Arial, Helvetica, sans-serif;
}
ul, ol {
	list-style:none;
	border-radius:5px;
}

.nav > li {
	float:left;
	border-radius:5px;
}

.nav li a {
	background-color: #000032;
	color: #FFF;
	text-decoration: none;
	padding: 10px 12px;
	display: block;
	border-radius: 5px;
}
.nav li a:hover {
	background-color: #000032;
	border-radius: 5px;
}

.nav li ul {
			display:none;
			position:absolute;
			min-width:140px;
			border-radius:5px;
}

.nav li:hover > ul {
			display:block;
			border-radius:5px;
}

.nav li ul li {
			position:relative;
			border-radius:5px;
}

.nav li ul li ul {
			right:-140px;
			top:0px;
			border-radius:5px;
}
.caja{
	background:white;
	color:auto;
	float:left;
	width:170px;
	height:210px;
	margin:5px;
	text-align:center;
	border:1px solid #333;
	border-radius:15px;
	padding:10px;
}
.contenedor{
	background:#CCC;
	width:90%;
	margin:10px;
	border:1px solid #333;
	border-radius:100px;
	padding:30px;
}
.contenedor2{
	background:#CCC;
	width:90%;
	margin:10px;
	border:1px solid #333;
	border-radius:10px;
	padding:30px;
}
.ajustar{
clear:both;
} 	
.tabla{
	border:0px solid #ccc;
	width:90%;
}
.tablares{
	border:1px solid #ccc;
	width:50%;
}
.colu{
	
	border:1px solid #666;
	border-radius:20px;
	margin:5px;
	padding:10px;
}
.formu{
	
	border:1px solid #666;
	border-radius:20px;
	margin:2px;
	padding:20px;
}
label{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
	display:block;
	width:100%;
}
input{
	border-radius:10px;
	background:white;
	font-size:16px;
	margin-bottom:5px;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
input-focus{
	border:1px solid #1668C4;
}
textarea{
	border-radius:10px;
	background:white;
	font-size:16px;
	margin-bottom:5px;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
textarea-focus{
	border:1px solid #1668C4;
}

input[type="submit"]{
	margin:5px;
	width:90%;
	margin-bottom:0px;
	background:#999;
	color:#fff;
	border:1px solid #333;
}
input[type="submit"]:hover {
	background:#434343;
	cursor:pointer;
}

select{
	border-radius:10px;
	background:white;
	font-size:16px;
	margin-bottom:5px;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
	}
	
input [type="date"],input [type="time"]{
	border-radius:10px;
	background:white;
	font-size:16px;
	margin-bottom:5px;
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.marcos{
	border:0px;
}
.consul{
	background:white;
	border:1px solid #333;
	border-radius:5px;
}
.tablah{
  border: 1px solid white;
  border-collapse: collapse;
}
.celda{
  background-color: ##0D113C;
}
table tr td {
	font-size: 12px;
}
.fuente {
	font-family: Arial, Helvetica, sans-serif;
}
.titulos2 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.SGS {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}