body,html{
	height:100%;
}
body{
	background-color: #999;
}
img{
	border:0px;
}
.img100{
	width:100%;
}
.container{
	background-color: #FFF;
}
header{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#enlaces, #social{
	margin-bottom:10px;
	margin-right:10px;
}
nav{
	margin-bottom: 10px;
}
#slider{
	margin-bottom: 20px;
	box-shadow: 0px 10px 8px #999;
		-webkit-box-shadow: 0px 10px 8px #999;
		-moz-box-shadow: 0px 10px 8px #999;
		-ms-box-shadow: 0px 10px 8px #999;
}
.carousel-caption h3{
    background-color: rgba(50, 0, 0, 0.74);
    padding: 5px;
	text-shadow: 2px 2px 4px #333;
}
.carousel-caption p{
	background-color: #999;
    padding: 10px;
}
#contenidos{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
footer{
	background-color: #333;
	color: #eee;
	padding: 20px;
}

article h2{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 20px;
	background-color: #eee;
	color: #ff0000;
	text-shadow: 2px 2px 4px #666;
}

article figure{
	margin-bottom: 20px;
}

article .triple{
	column-count: 3;
	column-gap: 15px;
	column-rule: 1px dashed #ccc;
}

.media{
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	transition: transform 0.8s, background-color 0.8s;
		-webkit-transition: transform 0.8s, background-color 0.8s;
		-moz-transition: transform 0.8s, background-color 0.8s;
		-ms-transition: transform 0.8s, background-color 0.8s;
}

.media:hover{
	background-color: #eee;
	transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
}

.media-body h4{
	color: #0000ff;
}
#facebook{
	color: #F90;
}
#twitter{
	color: #659FCB;
}
#youtube{
	color: #F90;
}
#google{
	color: #DF4B38;
}



/* Caracteristicas personalizadas ****************************************************************************************************************************** */

.navbar-default{
	border-color:transparent;
}
.encabezado {
	background-image: url(../images/head-backg-color.png);
	border-radius:0px 0px 20px 20px;
	box-shadow: 0px 10px 8px #999;
	-webkit-box-shadow: 0px 10px 8px #999;
	-moz-box-shadow: 0px 10px 8px #999;
	-ms-box-shadow: 0px 10px 8px #999;
}

.logoflotante {
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
	height: 90px;
	width: 300px;
	position: absolute;
	background-color: #400D0A;
	border-radius:0px 0px 0px 20px;
	margin-left: 10px;
}
.nav li:hover{ /* color mouseover de las opciones principales del menu */
	background-color:#CCC;
}
.submenu:hover{
	background-color:#9CF;
}
.footer2{
	background-color:#124065;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.simplenav a{
	color:#CCC;
}
.simplenav a:hover{
	color:#000;
}
.celdaperiodo{
	background-color:#F90;
	border-radius:5px 5px 5px 5px;
	height:44px;
	font-size:18px;
	padding-top: 10px;
	border:thin;
	border:2px solid #FFF;
	cursor:pointer;
}
.celdaperiodo:hover{
	background-color:#FFBD59;
}
.celdanorma{
	background-color:#9C0;						/* 9C0   */
	border-radius:3px 3px 3px 3px;
	height:30px;
	font-size:14px;
	padding-top: 5px;
	border:thin;
	border:1px solid #FFF;
	cursor:pointer;
}
.barradiv{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	background-color:#999;
	height:10px;
}
.titulohoja{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
	background-color:#FC0;
	padding:10px;
	border-radius:0px 20px 20px 0px;
	font-family: Arial;
	font-size: 18px;
}
.resultado{
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 5px;
	background-color:#FC0;
	padding:5px;
	border-radius:0px 0px 0px 0px;
	font-family: Arial;
	font-size: 12px;
}
.letrasnaranjas{
	color:#F60;
}
.letrasazulesmedianas{
	color:#036;
	font-size:14px;
}
.textohoja{
	padding-left: 140px;
	padding-right: 80px;
	margin-bottom: 30px;
	text-align:justify;
}

/* textos en columnas */

.doble{
	column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-ms-column-count: 2;
	column-gap: 30px;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		-ms-column-gap: 30px;
	column-rule: 1px solid #ccc;
		-webkit-column-rule: 1px solid #ccc;
		-moz-column-rule: 1px solid #ccc;
		-ms-column-rule: 1px solid #ccc;
}

.triple{
	column-count: 3;
	column-gap: 15px;
	column-rule: 1px dashed #ccc;
}

/* *******************  */

.imagenhoja{
	width: 90%;
	text-align:center;
	padding-left: 25%;
	padding-right: 10%;
	margin-bottom: 30px;
}
.linksmigas{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 30px;	
}
.linksmigas a:hover{
	color:#F00;
}
.homelibro{
	text-align:center;
	margin-top:20px;
	transition: transform 0.8s, background-color 0.8s;
	-webkit-transition: transform 0.8s, background-color 0.8s;
	-moz-transition: transform 0.8s, background-color 0.8s;
	-ms-transition: transform 0.8s, background-color 0.8s;
}
.homelibro:hover{
	background-color: #eee;
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.texto10{
	font-size:10px;
}
.detallelibro{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	padding:60px;
	background-color:#EEE;
	background-attachment: fixed;
	background-image: url(../images/fondodetalle.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/* text-align:center; */
}
.tabladetalle{
	border: 1px solid #999;
}
.tabladetalle tr td {
	padding:10px;
}
.movilH100{
	height:95%;
}
.menuopc{
	color:#FFF;
}
.formcampos{
	width:100%;
}


/* Modificacion de menus ***************************************************************************************  */
.navbar-default {	/* color del fonto y borde */ 
    background-color: transparent;
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {  /* color de texto y fondo en over */
	color: #FFF;
	background-color:#E52F24;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { /* color y fondo activo */
	color: #000;
	background-color: #E0E0E0;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    color: #262626;
	text-decoration: none;
  	background-color: #66CCFF;  /*change color of links in drop down here*/
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: silver; /*Change rollover cell color here*/
}
.navbar-default .navbar-nav > li > a {
   color: white; /*Change active text color here*/
}
/* ************************************************************************************************************** */




@media(max-width:767px){
	.logo, #enlaces, #social{
		text-align: center;
	}
	.logoflotante{
		width:200px; height:60px; border-radius:0px 0px 10px 10px; padding-top:5px;
	}
	#social{
		display:none;
	}
	.carousel-caption{
		padding-bottom:0px
	}
	.carousel-caption h3{
		/* display: none; */
		font-size:12px;
	}
	.carousel-indicators{
		display:none;
	}
	.imgauto{
		width:100%;
	}
	.titulohoja{
		padding: 10px;
		border-radius:0px 20px 20px 0px;
		font-size: 16px;
		width:220px;
	}
	.imagenhoja{
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	.textohoja{
		padding-left: 10px;
		padding-right: 10px;
	}
	.doble{
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-ms-column-count: 1;
	}
	.formcampos{
		width:100%;
	}
	.movilH100{
		height:100%;
	}
	.detallelibro{
		width:100%;
		padding:0px;
	}
	.tabladetalle{
		font-size:11px;
	}
}



.staff_titulo {
	font-family: 'Shanti', sans-serif;
	color: #2293AA;
	font-size: 22px;
}
.marcotitulo{	/* titulos principales de hoja */
	margin-bottom: 30px;
	background-image: url(../images/backtit.png);
	font-family: 'Shanti', sans-serif;
	color: #333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 28px;
}
.footlinks{
	background-color:#FC0;
	font-size:18px;
}