@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Paytone+One');


/*Estilos a las etiquetas*/
html, body{
	background: #fff;
	/*font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Fira Sans Extra Condensed', sans-serif;*/
	font-family: 'Raleway', "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;	
}

a.breadcrumb{
	color: #000;
}

a.enlaces img{
	margin-top: 20px;
}

a.link-inicial {
	color: rgba(0, 0, 0, 0.6); 
	font-size: 0.8em;
	font-weight: bold;
	padding: 10px;
}

a.link-inicial:hover{
	color: rgb(34,118,168);
}

div.contenedor-enlaces{
	text-align: center;
}

a i.fa{
	color: #ccc;
	/*color: rgb(238,118,50);*/
	font-size: 2rem;
	padding: 10px;

}

a i.fa:hover{
	color: rgb(255, 255, 255);
}

a i.fa.fa-phone-square{
	color: #000;
}

button.btn.encuesta{
	background: transparent;
	color: #000;
	font-size: 24px;
	margin-top: 10px;
	width: 100%;
}

button.btn.encuesta:hover{
	background: #EBEBEB;
}

div.btn.btn-large.col.s12{
	background: #EBEBEB;
	color: black;
	font-weight: bold;
	margin-top: 20px;
}

div.btn.btn-large.col.s12:hover{
	cursor: default;
}

div#link-inicial{
	border-bottom: 0.5px solid #ccc;
	line-height: 50px;
}


div.col.s6.m6.l4{
	/*margin: 20px 15px 0 0;*/
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 10px;
}

div.fc-center h2{
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px; 
	text-transform: uppercase;
}	

div.politica{
	display: inline-block;
	margin-top: 50px;
}

form.col.s12 p{		
	text-align: justify;
}

hr.estilo-linea{
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

i.fa.fa-asterisk{
	color: red;
	font-size:10px;
}

img.materialboxed{
	max-width: 100%;
}

p#parrafo {
	text-align: justify;
}

p#parrafo a{
	font-size: 24px;
}

p.titulo_aside{
	border-radius: 10px;
	color: #fff;
	background: rgb(238,118,50); /*Color naranja de logo*/
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

ul.dropdown-content li a{
	color: rgb(34,118,168);
}

ul.miga-pan {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.miga-pan li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.miga-pan li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.miga-pan li a {
  color: #0275d8;
  text-decoration: none;
}

ul.rendicion li{
	margin-top: 15px;
}

/*Estilo a los Ids*/

#atajos{
	background: radial-gradient(#cfd8df, #fff, #ccc); 
	/*background:radial-gradient(center center, circle, white, rgb(207,216,223));*/
	text-align: center;
}

#calendar{
	margin: 0 auto;
}

#contenedor-inicio{
	margin-top: 50px;
}

#diagnosticas{
	display: inline-block;
  overflow: auto;
  width: 100%;
  height: 300px;
}

#diagnosticas tr:hover { background: #ddd }

#encabezado{
	padding-left: 20px;
	padding-right: 20px;
}

#lista-sedes i{
	font-weight: bold;
}
#lista-sedes li{
	margin-bottom: 10px;
	text-align: justify;
}
#lista-sedes li:before{
	color: #2276a8;
	content: "\f2dc";
	font-family: FontAwesome;
	padding-right: 0.5em;
	top: 10px;
	left: 0;
}

#logo_small{
	display: none;
}

#quienes-somos{
	/* border: 0.5px solid #2276a8; */
	margin-bottom: 10%;
}

#servicios{
	overflow:auto;
}

#slider-logos{
	height: auto;
	padding: 30px;
}

#titulos{
	color: rgb(34, 118, 168);
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 30px;
}

#videos{
	margin-top: 10%;
}

/*Estilos a las clases*/
.alerta{
	border-radius: 5px;
	color: #fff;
	margin: 10px 0 10px 10px;
	padding: 10px;
	width: 100%;
}

.alerta-danger{
	background: red;
}

.alerta-success{
	background: green;
}

.btn-encuesta{
	background: rgb(34,118,168);
}

.btn-encuesta:hover{
	background: rgba(34,118,168,0.9);
}

.carousel.carousel-slider{
	max-height: 600px;
}

.carousel.carousel-slider img {
	height: 100%;
}
/*.first-div{
	border-bottom: 1px solid #ccc; 
}*/

/* Iconos fontAwesome */
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-check-square-o:before {
	content: "\f046";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}

i.material-icons.pdf{
	color: #A91D1D;
	font-size: 30px;
	font-weight: bold;
}

.images-atajos{
	min-width: 128px;
	min-height: 128px;

}

.logo_hormiga{
	background: rgb(247,247,247);
	text-align: center;
}

/*.slider {
    width: 60%;
    margin: 100px auto;
}*/

.parallax-container{
	height: 400px;
}

.parallax-container img{
	width: 100%;
}

.rendicion li a{
	color: #ff9800;
}
.rendicion li a:hover{

	opacity: 0.7;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;  

}
.slick-current {
  opacity: 1;
}

.titulos{
	color: rgb(34,118,168);
	font-family: 'Paytone One', sans-serif;
}

.transparencia>li{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-top: 10px;
}
.transparencia ul li{
	margin-top: 5px;
}
.transparencia ul li a{
	color:#000;
	font-style: italic;
	margin-left: 20px;
}
.transparencia ul li a:hover{
	background: rgb(34,118,168);
	color:#fff;
	text-decoration: none;
}
/*********************************
********MEDIA QUERIES*************
**********************************/

@media (max-width: 1120px){
	button.btn.btn-encuesta{
		font-size: 50px;
		height: 100px;
		margin-top: 20px;
		width: 100%;
	}

	button.btn.orange{
		font-size: 50px;
		height: 100px;
		width: 100%;
	}

	button.btn.encuesta{
		height: 100%;
		font-size: 35px;
	}

	div.btn.btn-large.col.s12{
		height: 100%;
		font-size: 40px;
	}

	div.fc-center h2{
		font-size: 1.5em;
	}		
	
	html, body{
		font-size: 40px;
	}

	form.col.s12 p{
		text-align: justify;
	}
	
	ul#mobile-version.sidenav{		
		background: rgb(34,118,168);
		height: 90%;
	}
	
	ul.miga-pan li {
		font-size: 30px;
	}

	nav i,
	nav [class^="mdi-"], nav [class*="mdi-"],
	nav i.material-icons {
		font-size: 74px;
	}

	p.titulo_aside{
		font-size: 60px;
		text-align: center;
	}

	i.material-icons.pdf{		
		font-size: 50px;
		font-weight: bold;
	}

	[type="radio"]:not(:checked) + span,
	[type="radio"]:checked + span {
		font-size: 1.5rem;
	}

	#calendar{
		width: 100%;
	}

	#diagnosticas td:nth-child(even) { background: #ddd }

	#lista-servicios{
		display: none;
	}

	#logo_completo{
		display: none;
	}

	#logo_small{
		display: block;
	}	

	#map-sitio{
		display: none;
	}

	#tabla-procesos{
		font-size: 20px;
	}

	.carousel.carousel-slider{
		max-height: 550px;
	}
	
	.fc table{ /*Modifica el tamaño de la fuente en el calendario*/
		font-size: 0.8em;
	}

	.sidenav li{
		margin-top: 25px;
		margin-bottom: 45px;
	}
	.sidenav li > a{
		border-bottom: 1px solid #ccc;
		color: #fff;
		font-size: 44px;
		height: 70px;
	}

	.sidenav li > a > i,
	.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
	.sidenav li > a > i.material-icons {
		color: #fff;
		font-size: 50px;
	}

	.slick-prev:before,
	.slick-next:before{
		font-size: 50px;	
	}
}