html{
	padding: 0px;
	margin: 0px;
}

body{
	padding:0px;
	margin: 0px;
	background-image: url("../img/fondo_large.jpg");
	/*background-color: black;
	/*background-attachment: fixed;*/
	/*background-repeat: no-repeat;
	/*background-size: cover;*/
	font-family: Century Gothic, sans-serif;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#contenedor_principal{
	width:100%;
	padding:0px;
	margin: 0px;
	height: auto;
}

#menu{
	width:100%;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-top:0px; 
	padding-right:0px;
	padding-bottom:0px;
	text-align: center; 
	background-color: rgba(255,255,255,0.7); 
	/*filter: blur(2px);*/
	z-index: 100;
	display: block;
	position: fixed;
	border-radius: 0px 0px 0px 0px;
	color: #08088A;
	/*box-shadow: 3px 3px 7px black;*/
}

#menu ul{
	/*text-align: left;*/
	list-style: none;
	/*line-height: 40px;*/
	margin: 0px;
}

#menu ul li{
	display: inline-block;
 	margin-left: 18px;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	padding-left: 5px;
 	padding-right: 5px;
 	font-weight: bold;
 	transition-property:background-color;
 	transition-duration:0.7s;
 	transition-timing-function: ease-out;
}

#menu a{
	text-decoration: none;
	color: #08088A;
	margin: 0px;
	font-weight: bold;
	transition-property:color;
 	transition-duration:0.7s;
 	transition-timing-function: ease-out;
}

#menu a:hover{
color: white;
}

#menu ul li:hover{
color: white;
background-color:#08088A;
}

#btn_nav_responsive{
	display: none;
}	

#nav_responsive{
	display: none;
}

/*#btn_concepcion{
	line-height: 20px;
}*/

#btn_contactenos{
	cursor: pointer;
}

.de_interes{
	width: 100%;
	height: auto;
	display: block;
	padding:0px;
	background-color: #08088A;
	position: fixed;
	margin-top: 40px;
	z-index: 16;
	color: yellow;
	text-align: center;
	/*position: absolute;*/
}


.de_interes ul{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;

}

.de_interes ul li{
	text-decoration: none;
	display: inline-block;
	margin-left: 50px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: transparent;
	transition-property:background-color,color;
 	transition-duration:0.5s;
 	transition-timing-function: ease-out;
}

.de_interes ul li:hover{
	background-color: #B40404;
	color: white;
}

h1{
	color: #FFFF00;
	font-size: 50px;
	padding: 0px;
	margin-left: 260px;
	margin-top: 80px;
}

h2{
	color: #08088A;
	/*font-size: 50px;
	padding: 0px;*/
	margin-left: 140px;
}

#contacto{
	padding-top: 20px;
	width:425px;
	height:auto;
	/*background-color:rgba(255,255,255, 0.5);*/   
	z-index: 99;
	/*position: absolute;*/
	margin-right: auto;
	margin-left: 30px;
	margin-top: 0px;
	border-radius: 10px;
	/*box-shadow: 3px 3px 7px black;*/
	display:inline-block;
	text-align: center;
}

#contacto_formulario {
	line-height: 10px;
}

.form_text_1{
	font-family: Century Gothic, sans-serif;
	width:90%;
	height:22px; 
	line-height: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px rgba(30,87,153,0.8);
}

#contacto_mensaje{
	font-family: Century Gothic, sans-serif;
	width: 90%;
	height:60px;
	/*border-radius: 5px;*/
	border: solid 1px rgba(30,87,153,0.8);
}

#lista_contacto{
	width: 425px;
	height: auto;
	display: inline-block;
	margin-right: auto;
	margin-left: 0px;
}

#lista_contacto ul{
	text-align: left;
}

#lista_contacto ul li{
	list-style: none;
}

.seccion{
	margin-bottom: 300px;
	width:100%;
	height:auto;
	padding-top: 1px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 20px;
}

.contenedor_contenidos{
	text-align: justify;
	margin-left: auto;
	margin-right: 50px;
	padding:0px;
	height: auto;
	color: white;
}


#logo_inicio{
	margin-left:auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 20px;
	display: block;
	width: 400px;
	height:auto; 
}

#slider{
	display: block;
	width: 85%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#div_inicio{
	background-color: rgba(256,256,256,0.3);
}

#div_nosotros{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}

#img_nosotros{
	width: 80%;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#div_nosotros p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


#div_contacto{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}

#organizar_contacto{
	text-align: center;
	width: auto;
	height: auto;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	/*display: block;*/
}

#div_ubicacion{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}
#div_noticias{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}

#contenido_noticias{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.new{
	width: 23%;
	height: auto;
	display: inline-block;
	margin-left: 0px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

#new_1{
	background-color: rgb(3,23,109);	
	transition-property:background-color,color;
	transition-duration:0.8s;
	transition-delay:ease-out;
}

#new_1:hover{
	color:rgb(3,23,109);
	background-color:#FFFF00;
}

#new_2{
	background-color: rgb(3,51,109);
	transition-property:background-color,color;
	transition-duration:0.8s;
	transition-delay:ease-out;
}

#new_2:hover{
	color:rgb(3,23,109);
	background-color:#FFFF00;
}

#new_3{
	background-color: rgb(3,51,109);
	transition-property:background-color,color;
	transition-duration:0.8s;
	transition-delay:ease-out;
}

#new_3:hover{
	color:rgb(3,23,109);
	background-color:#FFFF00;
}

#new_4{
	background-color: rgb(3,23,109);
	transition-property:background-color,color;
	transition-duration:0.8s;
	transition-delay:ease-out;
}

#new_4:hover{
	color:rgb(3,23,109);
	background-color:#FFFF00;
}


#visualizador_noticias{
	background-color: white;
	width: auto;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px; 
	text-align: center;
	padding: 5px;
}

#visualizador_noticias img{
	display: none;
	height: auto;
	width: 90%;
}

#noticia_1{
	display: block;
}

#div_finanzas{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}

#contenido_de_finanzas{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#contenido_de_finanzas ul li{
	line-height: 40px;
	padding-top:5px;
	padding-right: 200px;
	padding-left: 5px;
	padding-bottom: 5px; 
	cursor: pointer;
	transition:background-color 0.8s ease-out;
}

#contenido_de_finanzas ul li:hover{
	background-color: rgb(3,23,109);
}

#img_finanzas{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#div_reglamentos{
	margin-bottom: 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0082e5+100&0.85+0,0.66+100 */
background: -moz-linear-gradient(top, rgba(30,87,153,0.85) 0%, rgba(0,130,229,0.80) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0.85) 0%,rgba(0,130,229,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d91e5799', endColorstr='#a80082e5',GradientType=0 ); /* IE6-9 */
}

#div_reglamentos ul{
	list-style: decimal;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

#div_reglamentos ul li{
	line-height: 20px;
}

#footer{
	width: 100%;
	height:auto;
	background-color:#2E9AFE;
	text-align: center;
	padding: 5px;
	color: #0B0B61;
}

#footer a{
	color: #0101DF;
	text-decoration: none;
}

/*....................................................................Adaptabilidad Responsive.....................................*/

@media (max-width: 480px){ /*Celulares y tablet en vertical*/

body{
	font-size: 13px;
}

#btn_nav_responsive{
	display: block;
	width: 100%;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 20;
	background-color: rgb(0,126,198);
	cursor: pointer;
	text-align: center;
	color: white;
	position: fixed;
}

#nav_responsive{
	width:100%;
	height:auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-top:0px; 
	padding-right:0px;
	padding-bottom:0px;
	text-align: center; 
	background-color: rgba(255,255,255,0.9); 
	z-index: 101;
	display: none;
	position: fixed;
	/*position: absolute;*/
	border-radius: 0px 0px 0px 0px;
	color: #08088A;
}

#nav_responsive ul{

	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

#nav_responsive ul li{
	display: block;
 	margin-left: 0px;
 	padding-top: 1px;
 	padding-bottom: 1px;
 	padding-left: 0px;
 	padding-right: 1px;
 	font-weight: bold;
 	transition-property:background-color;
 	transition-duration:0.7s;
 	transition-timing-function: ease-out;
}

#nav_responsive a{
	text-decoration: none;
	color: #08088A;
	margin: 0px;
	font-weight: bold;
	transition-property:color;
 	transition-duration:0.7s;
 	transition-timing-function: ease-out;
}

#nav_responsive a:hover{
color: white;
}

#nav_responsive ul li:hover{
color: white;
background-color:#08088A;
}

h1{
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
	text-align: center;
}

h2{
	margin-left: 10px;
}

#menu{
	display: none;
}

#menu ul{
	font-size: 14px;
}

#contacto{
	padding-top: 20px;
	width:100%;
	height:auto;
	/*background-color:rgba(255,255,255, 0.5);*/   
	z-index: 99;
	/*position: absolute;*/
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	border-radius: 10px;
	/*box-shadow: 3px 3px 7px black;*/
	display:inline-block;
	text-align: center;
}

#lista_contacto{
	width: 100%;
}

.seccion{
	margin-bottom: 120px;
	width:100%;
	height:auto;
	padding-top: 1px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
}

.contenedor_contenidos{
	text-align: justify;
	margin-left: auto;
	margin-right: auto;


}

#logo_inicio{
	margin-top: 95px;
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.de_interes{
	margin-top: 20px;
	display: block;
}

.de_interes ul{
	font-size: 12px;
}

.de_interes ul li{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 0px;
}

#div_inicio{
	margin-bottom: 0px;
}

#slider{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;	
}

#img_nosotros{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#div_nosotros p{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#contenido_noticias{
	width: 100%;
	height: auto;
}

.new{
	font-size: 10px;
}

#visualizador_noticias{
	min-height: 100px;
	width: 100%;
}

#img_finanzas{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
}

#contenido_de_finanzas{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#contenido_de_finanzas ul li{
	line-height: 20px;
	padding-top:5px;
	padding-right: 100px;
	padding-left: 5px;
	padding-bottom: 5px; 
	cursor: pointer;
}

#div_reglamentos{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

#div_reglamentos ul{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 10px;
}

#footer{
	font-size: 10px;
}

}

@media (min-width: 481px) and (max-width: 767px){ /*Tablet en horizontal*/

h1{
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 40px;
}

h2{
	margin-left: 50px;
}

#menu ul{
	font-size: 14px;
}

#menu ul li{
	margin-left: 5px;
}

#logo_inicio{
	margin-top: 85px;
}

.de_interes ul{
	font-size: 13px;
}

.de_interes ul li{
	padding-top: 2px;
	padding-bottom: 2px;
}

.seccion{
	/*margin-bottom: 120px;*/
	width:100%;
	/*height:auto;
	padding-top: 1px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;*/
}

.contenedor_contenidos{
	text-align: justify;
	margin-left: auto;
	margin-right: auto;


}

#slider{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#img_nosotros{
	width: 95%;

}

#div_nosotros p{
	width: 95%;
}

#visualizador_noticias{
	min-height: 150px;
}

#img_finanzas{
	width: 90%;
	height: auto;
}

#contenido_de_finanzas{
	width: 80%;
}

#div_reglamentos ul{
	width: 88%;
}

}

@media (min-width: 768px) and (max-width: 1180px){ /*Portatil*/

#menu ul li{
	margin-left: 5px;
}

#slider{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

}

@media only screen and (min-width: 80em){ /*Pantalla grande*/

}