@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300italic,700);

* {
	margin:0;
	padding:0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	background-color:#FFFFFF;
	
/*	overflow-x: hidden;*/
}

.bold
{
	font-weight:700; 	
	}

a {
	font-size:14px;
	color:#315e91;
	text-decoration:underline;
}
a:hover {
	font-size:14px;
	color:#f1bb00;
	text-decoration:none;
}
h1 {
	font-family: 'Roboto', sans-serif;
	padding:10px 0 10px 0;
}
h2 {

	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#0d2b54;
	padding:10px 0 8px 0;
}
p { 
 	font-family: 'Roboto', sans-serif;
	line-height: 150%;
	color:#A7A6A6;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#header {
	background-color:#0d2b54;
	position:fixed;
	width: 100%;
	z-index:1;
	top:0;
	height: 80px;
	
	-webkit-box-shadow: 0px 1px 7px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px 1px 7px 0px rgba(50, 50, 50, 0.45);
box-shadow:         0px 1px 7px 0px rgba(50, 50, 50, 0.45);
}
#navcontainerBox h1 {
	float: left;
	padding:9px 0 0 0;
	font-weight:normal;
	z-index:1;
	position:absolute;
}
#header h1 a {
	color:#f1bb00;
	font-size:36px;
	text-decoration:none;
}

#mainContent {
}
.picFloatRight {
	float:right;
	padding:10px 0 10px 25px;
}
.picFloatLeft {
	float:left;
	padding:10px 25px 10px 0;
}
#copyright {
	/*border-top:1px solid #4d575f;*/
	font-family: 'Roboto', sans-serif;
	width:100%;
	margin-top:20px;
	bottom: 0;
	left: 0;
	background-color: #0d2b54;
	position:fixed;
	
	
-webkit-box-shadow: 0px -1px 7px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:    0px -1px 7px 0px rgba(50, 50, 50, 0.45);
box-shadow:         0px -1px 7px 0px rgba(50, 50, 50, 0.45);
}
#copyright p {
	width:960px;
	margin: 0 auto;
	padding: 5px 0;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
}
#copyright p a {
	font-size:12px;
}
.clearer {
	clear:both;
}
/*main menu*/
#navcontainer {

}
#navcontainerBox ul {
	padding:32px 0;
}
#navcontainerBox {
	margin: 0 auto;
	list-style-type: none;
	color: #FFF;
	width: 960px;
	height:77px;
	text-align: right;
}
#navcontainerBox li { 
	display: inline;
	padding:25px 0px;
}
#navcontainerBox li a {
	text-decoration: none;
	color: #FFF;
	padding: 10px 10px;
	font-size:12px;	
}
#navcontainerBox li a:hover {
	text-decoration: none;
	/*color:#E3E3E3;*/
	font-size:12px;
	border-bottom: 1px solid #FFFFFF;
}
#active a {
	text-decoration: none;
	color: #FFF;

	font-size:12px;
	border-bottom:2px solid #FFFFFF;
}

/*--Estilos para contenidos-*/

.content {
	max-width: 1150px;
	margin: 0 auto 5px auto;
	position: relative;
	padding: 0 0 0 0;
	display: block;
	color: #777;
	background-size: 100%;
	margin-top: 75px;
	height:100%;
	margin-bottom:30px;
}


.content .sub_content_main, .content .sub_content_pages {
	text-align: center;
	padding: 1px 10px 32px 10px;
	margin: 6px auto 0 auto;
	max-width: 960px;
	border: 8px solid #fff;
	background-color:#FFFFFF;
	min-height: 420px;
	position: relative;
	color: #666;
/*	font-family: 'open_sansregular';*/
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}
.content .sub_content_main figure img, .content .sub_content_pages figure img {
	/*width: 100%;*/
}
.content .sub_content_main .pager, .content .sub_content_pages .pager {
	position: absolute;
	bottom: 0;
	margin: 0 -10px 0px -10px;
	width: 100%;
	padding: 0;
}
.content .sub_content_main .pager ul, .content .sub_content_pages .pager ul {
	padding: 0;
	margin: 0;
	text-align: center;
	height: 32px;
	cursor: default;
}
.content .sub_content_main .pager ul li, .content .sub_content_pages .pager ul li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin-left:5px;
}
.content .sub_content_main .pager ul li a, .content .sub_content_pages .pager ul li a {
	text-decoration: none;
	color:transparent;
	width: 19px;
	height: 19px;
	background-color: #0d2b54;
	padding: 1px 1px 0 0;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	margin: 50px 0 0 0;
	margin-bottom: 100px;
}
.content .sub_content_main .pager ul li .page_selected, .content .sub_content_pages .pager ul li .page_selected {
	background-color:#FFFFFF;
	border-color: #0d2b54;
	border-width: 1px;
	border-style:solid;
}
.content .sub_content_main .pager ul li a:hover, .content .sub_content_pages .pager ul li a:hover {
	background-color:#305990;
}
.content .sub_content_main .pager ul li:first-child, .content .sub_content_pages .pager ul li:first-child {
	margin-left: 0;
}
.content .sub_content_main .pager ul li:first-child a, .content .sub_content_pages .pager ul li:first-child a {

	background-color: inherit;
	display: inline-block;
	background: url(../images/left_arrow_on.png) no-repeat center left;
	background-size: 80% auto;
	width: 15px;
	height: 30px;
	margin-top:50px;
	outline: none;
}
.content .sub_content_main .pager ul li:first-child a:hover, .content .sub_content_pages .pager ul li:first-child a:hover {
	background: url(../images/left_arrow_over.png) no-repeat center left;
	background-size: 80% auto;
}
.content .sub_content_main .pager ul li:last-child a, .content .sub_content_pages .pager ul li:last-child a {
	background-color: inherit;
	display: inline-block;
	background: url(../images/right_arrow_on.png) no-repeat center right;
	background-size: 80% auto;
	width: 15px;
	height: 30px;
	margin-top:50px;
	outline: none;
}
.content .sub_content_main .pager ul li:last-child a:hover, .content .sub_content_pages .pager ul li:last-child a:hover {
	background: url(../images/right_arrow_over.png) no-repeat center right;
	background-size: 80% auto;
}


/*--Estilos para menu inferior-*/

.band_bottom {
	width:100%;
	bottom: 0;
	left: 0;
	background-color:#FFFCFC;
	position:fixed;
		border-top: 2px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color:#F3F3F3;
	border-style: solid;
	/*color:#cc8f09;*/

}
/*.band_bottom section {
		width:960px;
	margin: 0 auto;
	padding: 5px 0;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
}*/
.band_bottom section .menu_footer {
		width:960px;
	margin: 0 auto;

	

	text-align:center;
	color:#FFFFFF;
	margin-bottom: 35px;
	margin-top: 15px;
}
.band_bottom section .menu_footer ul {
	margin: 0 auto;
/*	margin: 0;*/
	padding: 0;
	
	
}
.band_bottom section .menu_footer ul li {
	display: inline-block;
	vertical-align: top;
}
.band_bottom section .menu_footer ul li a {
	width: 35px;
	height: 31px;
	display: inline-block;
	margin: 0 35px 0 0;
	background-size: 100% 100%;
	position:relative;
border:0;
text-decoration:none;
}

.band_bottom section .menu_footer ul li a i{
font-size:25px;
color:#0d2b54;
text-align:center;
border-color: #13acde;
background-color:transparent;

 
}


.band_bottom section .menu_footer ul li .button_footer_05 {
	background-image:url(../images/boton_descargar-30.png);
	width: 38px;
	height: 32px;
}



.tooltip_footer {
	border: none;
	font-size: 13px;
	color: #666;
	/*font-family: "open_sansregular";*/
	font-family: 'Roboto', sans-serif;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}


.espacio{
	position:relative;
	top: 30px;
	border: 1px dashed grey;
	height: 0;
	width: 60%;
	margin-top:35px;
}


/*--Estilos para contenidos--*/
.grid1 {
	width: 100%;
	margin: 4px 0.1%;
	text-align: justify;
	display: inline-block;
	vertical-align: top;
}
.grid2 {
	width: 49%;
	margin: 4px 0.1%;
	display: inline-block;
	text-align: justify;
	vertical-align: top;
}
.grid22 {
	width: 477px;
	margin: 4px 0.1%;
	display: inline-block;
	text-align: justify;
	vertical-align: top;
}
.grid3 {
	width: 32.2%;
	margin: 4px 0.1%;
	display: inline-block;
	text-align: justify;
	vertical-align: top;
}
.grid23 {
	width: 66%;
	margin: 4px 0.1%;
	display: inline-block;
	text-align: justify;
	vertical-align: top;
}


.photogrid1 {
	width: 96%;
	height: auto;
}
.photogrid2 {
	width: 46%;
	height: auto;
}
.photogrid3 {
	width: 19%;
	height: auto;
}
.photogrid22 {
	width: 36%;
	height: auto;
}
.photogrid23 {
	width: 62%;
	height: auto;
}
.photogrid1, .photogrid2, .photogrid22, .photogrid3, .photogrid23 {
	float: center;
	display: inline-block;
	position: relative;
	background: #fff;
	padding: 1%;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	margin: 10px 1%;
	vertical-align: top;
}
.photogrid1 .description, .photogrid2 .description, .photogrid22 .description, .photogrid3 .description, .photogrid23 .description {
	color:#8E8E8E;
	text-align: left;
	margin-top: 8px;
	font-size: 11px;
	
}
.photogrid1 .source, .photogrid2 .source, .photogrid22 .source, .photogrid3 .source, .photogrid23 .source {
	color: #8b991d;
	text-align: right;
	margin-top: 4px;
	color: #555;
	font-size: 10px;

}


ul li {
	font-weight: normal;
	text-align:left;
	font-size: 12px;
	/*font-family: 'open_sansregular';*/
	font-family: 'Roboto', sans-serif;
		color:#A7A6A6;

}
ol li {
	font-weight: normal;
	text-align:left;
	font-size: 16px;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'open_sansregular';
		color:#A7A6A6;
}

/*---------------------------------------
CAJAS DE ENLACES COMPLEMENTARIOS
--------------------------------------*/
.bluebox{
background-color: rgba(204,143,9,0.2);
padding:10px;
margin-bottom:10px;
}
.bluebox p{
	margin:0;
	color:#A7A6A6;
	display:inline-block;
	padding:0 10px 0 0;
	vertical-align:middle;
	width:800px;
	text-align:justify;
	}
	.bluebox a{
	background-color:transparent;
	border-color: #cc8f09;
	border-style: solid;
	border-width:3px;
	height:43px; width:43px;
	border-radius:50%;
	-webkit-border-radius:50%;
	display:inline-block;
	padding:8px;
	font-size:35px;
	color:#cc8f09;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	vertical-align:middle;
	text-decoration:none;
/*-webkit-box-shadow: 0px -1px 1px 0 rgba(255,255,255,0.3),  0 1px 0px 0 rgba(0,0,0,0.2);
box-shadow: 0px -1px 1px 0 rgba(255,255,255,0.3),  0 1px 0px 0 rgba(0,0,0,0.2);*/
	text-align:center;
}
.bluebox a i{
text-align:center;
}

.clearfix{clear:both; margin:0px; padding:0px; height:0px;}
.responsiveimg{width:100%; height:auto;}



/*---------------------------------------
ESTILOS CONTENIDOS
--------------------------------------*/

.tiempo1 {animation-delay: 0.2s;}
.tiempo2 {animation-delay: 0.6s;}
.tiempo3 {animation-delay: 1s;}
.tiempo4 {animation-delay: 1.4s;}
.tiempo5 {animation-delay: 1.8s;}
.tiempo6 {animation-delay: 2.2s;}
.tiempo7 {animation-delay: 2.6s;}
.tiempo8 {animation-delay: 3s;}
.tiempo9 {animation-delay: 3.4s;}
.tiempo10 {animation-delay: 3.8s;}
.tiempo11 {animation-delay: 4.2s;}
.instruccion {
    background: #fff url("../images/ins.jpg") no-repeat scroll left center;
    border: 1px solid #2f8810;
    border-radius: 0;
    box-sizing: border-box;
    color: #2f8810;
    margin: 10px auto 0;
    overflow: hidden;
    padding:9px 11px 10px 30px;
    text-align: center;
}
.caja0 { padding:20px; background-color: #F7F7F7;}
.caja1 { padding:20px; background-color:#FFF; border: #690 2px solid; box-shadow:inset 0px -3px 3px #E9E9E9; font-size:14px;}
.caja1 p { color:#690 !important;}
.caja2 { padding:20px; background-color:#FFF; border: #B2A607 2px solid; box-shadow:inset 0px -3px 3px #E9E9E9; font-size:14px;}
.caja2 p { color:#B2A607 !important;}
.caja3 { padding:20px; background-color:#FFF; border: #36C 2px solid; box-shadow:inset 0px -3px 3px #E9E9E9; font-size:14px;}
.caja3 p { color:#36C !important;}
.caja4 { padding:20px; background-color:#FFF; border: #F60 2px solid; box-shadow:inset 0px -3px 3px #E9E9E9; font-size:14px;}
.caja4 p { color:#F60 !important;}
.caja5 { padding:20px; background-color:#FFF; border: #658296 2px solid; box-shadow:inset 0px -3px 3px #E9E9E9; font-size:14px;}
.caja5 p { color:#658296 !important;}

.caja1, .caja2, .caja3, .caja4, .caja5  {
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(237,237,237) 17%, rgb(255,255,255) 76%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(237,237,237) 17%,rgb(255,255,255) 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(237,237,237) 17%,rgb(255,255,255) 76%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}