@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

/* Reset */
.contenido *,
.contenido *:after,
.contenido *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.contenido .clearfix:before,
.contenido .clearfix:after {
	content: " ";
	display: table;
}

.contenido .clearfix:after {
	clear: both;
}

/* Generales */
.contenido body {
	background: #fff;
	background-image: url("/../images/fondos/back.jpg");
	background-repeat: repeat-x;
	background-position: center top;
	font-family: 'Open Sans', Calibri, Arial, sans-serif;
	color: #666;
	font-size: 13px;
	padding-bottom: 50px;
}

.contenido a {
	color: #444;
	text-decoration: none;
}

	.contenido a:hover {
		color: #000;
	}

/*Main*/
.contenido .principal {
	padding: 0;
	margin: 0 auto;
	border: 0 !important;
}

.contenido p {
	margin-bottom: 10px;
}

.contenido h1,
.contenido h2,
.contenido h3,
.contenido h4,
.contenido h5 {
	letter-spacing: normal !important;
}

.contenido h1 {
	margin: 20px 0 10px;
	font-size: 30px;
	padding: 5px 0;
	font-weight: 600 !important;
	border-bottom: 1px solid #ccc;
}

.contenido h2 {
	margin: 70px 0 50px;
	background: #0091bb !important;
	color: #fff !important;
	font-size: 22px;
	text-transform: uppercase;
	padding: 5px 10px;
	text-shadow: 0 1px 1px #000C66 !important;
}

.contenido h3 {
	margin: 50px 0 20px;
	font-size: 23px;
	border-top: #555 1px solid;
	padding-top: 15px;
	text-transform: uppercase;
	font-weight: 400 !important;
}

.contenido h4 {
	margin: 25px 0 20px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 600 !important;
}

.contenido h5 {
	margin: 20px 0 10px;
	color: #444 !important;
	font-size: 22px;
	font-weight: 500 !important;
}

.contenido #contenidoGral a {
	color: #00A4C2;
	text-decoration: none;
	font-weight: 700;
}

	.contenido #contenidoGral a:hover {
		color: #999;
	}

.contenido .Titulo {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 800;
	/*color: #AFDEEC;*/
	color: #000;
	line-height: 30px;
	margin: 10px 0px;
}

.contenido .titleMenu {
	margin-left: 32px;
	font-weight: 700;
	font-size: 18px;
}

.contenido .Subtitle {
	color: #000;
	font-family: "Open Sans",sans-serif;
}

.contenido #imageTop {
	margin-top: 15px;
}

.contenido #contMenu {
	/*border-top: 1px solid #999;*/
	padding-top: 20px;
	margin-top: 15px;
}

.contenido .menu {
	float: left;
	width: 32%;
	border-left: 1px solid #ccc;
	padding-left: 1%;
	margin-bottom: 20px;
	margin-left: 1%;
}

	.contenido .menu img {
		float: left;
		margin-top: 1px;
	}

.contenido ul,
.contenido ol {
	padding-left: 10px;
}

.contenido li {
	margin: 20px 0;
}

.contenido .menu ul li {
	margin-bottom: 10px;
}

.contenido ul ul {
	list-style-image: url('../images/flechaDoble.png');
}

.contenido .menu ul ul li {
	margin-top: 10px;
}

.contenido .overflow {
	overflow: hidden;
}

.contenido .sinVineta {
	list-style: none;
}

/*Contenedor*/
.contenido #contenedor {
	position: relative;
}

.contenido {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/*-webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 15px 0px rgba(50, 50, 50, 0.75);*/
	/*z-index:2;
	overflow:hidden;*/
}

	.contenido .recuadro {
		padding: 10px;
		font-size: 12px;
		border: 1px solid #484848;
		background-color: #414141;
		margin: 30px 0;
	}

	/*Botones Sideout*/
	.contenido .principal > section {
		max-width: 260px;
		width: 90%;
		margin: 0 auto;
	}

		.contenido .principal > section button {
			border: none;
			background: #47a3da;
			color: #fff;
			display: block;
			cursor: pointer;
			font-size: 10px;
		}

			.contenido .principal > section button:hover {
				background: #258ecd;
			}

			.contenido .principal > section button.active {
				background: #f00;
			}

			.contenido .principal > section button.disabled {
				background: #aaa;
				2 pointer-events: none;
				display: none;
			}

	.contenido .boton {
		position: fixed;
		width: 50px;
		top: 0;
	}

	.contenido .derecha {
		right: 0;
		transition: all 0.3s ease 0s;
	}

	.contenido .izquierda {
		left: 0;
		transition: all 0.3s ease 0s;
	}

	.contenido .principal > section button.active.derecha {
		right: 240px;
		transition: all 0.3s ease 0s;
	}

	.contenido .principal > section button.active.izquierda {
		left: 240px;
		transition: all 0.3s ease 0s;
	}

	.contenido #contenidoGral {
		margin-top: 50px;
	}

	.contenido table {
		width: 100% !important;
		text-align: center !important;
		border-collapse: collapse !important;
		margin-top: 10px !important;
		text-align: left !important;
		margin-bottom: 50px !important;
	}

	.contenido table, table td, table th {
		border: 1px solid #ccc !important;
	}

		.contenido table td {
			padding: 10px;
			vertical-align: top;
		}

		.contenido table tr:first-child {
			background-color: #00A2C0;
			color: #fff;
		}

			.contenido table tr:first-child td a; {
				color: #BBB !important;
			}

	.contenido #contenidoGral table tr td a {
		color: #BBB !important;
	}

	.contenido table tr:first-child td a:hover {
		color: #000 !important;
	}

	.contenido #contenidoGral table tr td a:hover {
		color: #000 !important;
	}

	.contenido table p {
		margin-top: 0;
	}

	.contenido table ul {
		margin-top: 0;
	}

	.contenido .banner {
		width: 100%;
		padding: 0 10px;
		background-image: url("../images/backrgound02.jpg");
		background-repeat: repeat-x;
		background-position: center top;
		overflow: hidden;
	}

		.contenido .banner .p1 {
			font-size: 20px;
			font-weight: bold;
			border-bottom: 1px solid #00DCFF;
			text-align: right;
			padding-bottom: 5px;
			margin: 5px 0;
		}

		.contenido .banner .p2 {
			font-size: 14px;
			text-align: right;
			margin: 2px 0px;
		}

	.contenido .masinfo {
		background: #00a0bd;
		padding: 5px;
		cursor: pointer;
		display: inline-block;
		float: right;
		margin: 10px 0;
	}

	.contenido .on {
		display: block !important;
	}

	.contenido .off {
		display: none;
	}

	.contenido input[type="text"] {
		padding: 5px;
	}

	.contenido .respuesta {
		margin: 0;
		position: absolute;
		bottom: 0;
	}

	.contenido .indice {
		list-style: decimal;
		margin-bottom: 50px;
	}

	.contenido .sinDecimal {
		list-style: circle !important;
	}


		.contenido .sinDecimal li {
			border-bottom: 1px solid #CCC !important;
		}

	.contenido .columnas {
		width: 24% !important;
		float: left;
		padding: 1%;
		list-style: circle !important;
	}

	.contenido .indice a {
		font-weight: 600 !important;
	}

	.contenido .indice li {
		margin: 5px 0;
	}

	.contenido .indice span {
		color: #E15A01;
		cursor: pointer;
		margin-left: 10px;
	}

/* Cuando la resolución de pantalla es menor a 480px. Ej: celulares */
@media (max-width:480px) {
	.menu {
		width: 100%;
	}

	.principal {
		padding: 0 5%;
	}
}

/* Cuando la resolución de pantalla es mayo que 1400px. */
@media (min-width:1400px) {
}