/*MOVILES (VERTICAL)*/
@media only screen and (max-width: 480px) 
{
	
	header h1
	{
		width: 70%;
		left: 3%;
	}

	header nav a
	{
		position: relative;
		float: none;
		right: 10%;
		display: block;
	}

	header a.menu
	{
		cursor: pointer;
	}
	

	header a.menu:before
	{
		font-family: icomoon;
		content: "\e9bd";
		color: #f6f6f5;
		float: right;
		font-size: 40px;
		right: 3%;
		line-height: 50px;
		position: relative;
	}

	#nav
	{
		display: none;
	}

	.nav
	{
		background-color: rgba(69,74,76,0.9);
		height: auto;
		width: 100%;
		z-index: 2;
		position: absolute;
		top: 50px;
	}
	
	header nav ul li
	{
		display: block;
	}
	
	header nav ul
	{
		float: none;
	}
	
	header nav
	{
		float: none;
	}

	header nav ul li a
	{
		line-height: 20px;
		top: 0;
		display: block;
	}

	header nav ul li a:link
	{
		width: 106%;
		padding: 15px 13px;
		text-align: left;
		display: block;

    border-bottom: 1px solid #ddb321;
	}

	header nav ul li a:active
	{
		background-color: #3b5a6f;
    	color: #fff;
    	border-bottom: 3px solid #ddb321;
	}

	footer
	{
		height: auto;
		padding: 5px;
	}

	footer p
	{
		width: 95%;
		line-height: 15px;
		font-size: 14px;
		text-align: justify;
		margin: 0 auto;
		font-family: "roboto_slabregular";
	}

	.rrss
	{
		margin-top:20px;
	}
	
	.page-header h1
	{
		font-family: "roboto_slabregular";
	}

	/***********	INDEX	***********/
	div.img_bg
	{
		width: 100%;
		height: auto;
		left: 0;
	}
	#noticias
	{
		width: 100%;
		height: 250px;
		right: 0;
		top: 60px;
	}

	.content .slogan
	{
		top: -235px;
		font-size: 1.4em;
		font-family: "roboto_slabregular";
	}

	div.info
	{
		width: 100%;
		background-image: none;
		height: auto;
		margin-top: 0;
	}
	p.info
	{
		width: 90%;
		font-size: 18px;
		left: 5%;
	}

	#cobertura
	{
		height: 250px;
		background-size: 170% 100%;
		background-position: -100px 100%;
		margin-bottom: 80px;
	}

	#cobertura h3
	{
		top:85px;
		font-size: 1.5em;
		left: 15%;
	}
	
	#cobertura a
	{
		left: 20%;
	}
	#contacto
	{
		right: 22%;
		top:135px;
		padding: 5px;
		font-size: 1em;
	}
	#contacto p
	{
		margin: 0 auto;
	}
	
	/***********	SOMOS	***********/

	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs 
	{
		width: 86%;
		position: relative;
		left: 2%;
	}

	p.lead.mb-xl.mt-lg
	{
		font-size: 18px;
	}

	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.buho
	{
		display: block;
		width: 80%;
	}

	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.m2
	{
		width: 80%;
	}
	
	#valores
	{
		right: 16%;
		top:-20px;
	}

	/***********	ALIANZAS	***********/
	
	.post-content h2
	{
		text-align: center;
	}
	
	.blog-posts article
	{
		margin-bottom: 30px;
		border-bottom: 1px solid gray;
	}

	.post-content p:last-of-type
	{
		font-size: 14px;
	}

	.post-meta .pull-right
	{
		font-size: 14px;
		top:0;
		width: 80px;
		margin: 10px;
		padding: 5px;
	}

	.img-thumbnail
	{
		left: 0;
	}

	/***********	SERVICIOS	***********/
	
	.servicios
	{
		height: auto;
	}

	.servicios #contacto
	{
		right: 13%;
		width: 250px;
		height: 80px;
		line-height: 30px;
	}
	
	.servicios #contacto p
	{
		top:10px;
	}
	
	.circulos
	{
		display: none;
	}

	.acc-container
	{
		display: block;
		position: relative;
		top: 30px;
		margin-bottom: 50px;
		width: 95%;
		border-radius: 0;
	}

	.acc-container h2
	{
		text-align: center;
	}
	
	.acc-btn
	{
		height: 50px;

	}

	.acc-btn h2
	{
		position: relative;
		top: -25px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	/***********	CONTACTO	***********/
	
	.formul, #contact-form
	{
		width: 100%;
	}
	
	.map
	{
		width: 100%;
		right: 0;
		float: none;
		height: auto;
	}
	
	.formul #contact-form
	{
		width: 90%;
		left: 5%;
	}
	
	#map
	{
		height: 300px;
	}
	.direccion h2
	{
		font-size: 1.4em;
		font-weight: bold;
		font-family: "roboto_slabregular";
	}
	.direccion p
	{
		font-size: 15px;
		left: 12%;
		margin-right: 5%;
		font-family: "roboto_slabregular";
	}

	.direccion h3
	{
		font-size: 17px;
		width: 90%;
		text-align: justify;
		left: 3%;
		position: relative;
		font-family: "roboto_slabregular";
	}

	/***********	LOGIN	***********/
	.site-login
	{
		height: 85vh;
		background: url(/img/vr.png) no-repeat 0px 250px;
		background-size: 100%;
	}
	
	.site-login #login-form
	{
		position: relative;
		/*top: 100px;
		/* background-image: url(/img/vr.png);
		background-repeat: no-repeat;
		-webkit-background-size: 80%;
		background-size: 80%; */
	}

	.site-login .control-label
	{
		left: 0;
	}
	.site-login .form-control
	{
		left: 25px;
	}
	
	/*log2*/
	
	#form1 label, textarea, select, input
	{
		width: 90%;
		left: 5%;
	}

	#form1 select
	{
		width: 90%
	}

	#form1 input[type="submit"]
	{
		left: 33%;
	}

	/***********	DASHBOARD	***********/

	.dashboard
	{
		height: auto;
		width: 100%
	}
	.dashboard li
	{
		width: 40%;
	}
	.etiquetas-create,.etiquetas-view,.etiquetas-update,.user-create
	{
		height: 60vh;
	}
	
	.dash-link-circle a
	{
		width: 100px;
		height: 100px;
	}
	.dashboard li p
	{
		font-size: 20px;
		margin-top:0;
	}

	.dash-link-circle a:hover
	{
		top: 0;
		box-shadow: none;
	}
	.dash-link-circle a:active
	{
		box-shadow: 0 0 40px #C5C4C4;
		transition: 0.5s top;
	}
}

/*MOVILES (HORIZONTAL)*/
@media only screen and (min-width: 481px)  and (max-width: 767px)
{

	header h1
	{
		width: 70%;
		left: 3%;
	}
	header nav a
	{
		position: relative;
		float: none;
		right: 10%;
		display: block;
	}

	header a.menu
	{
		cursor: pointer;
	}
	

	header a.menu:before
	{
		font-family: icomoon;
		content: "\e9bd";
		color: #f6f6f5;
		float: right;
		font-size: 40px;
		right: 5%;
		line-height: 50px;
		position: relative;
	}
	
	#nav
	{
		display: none;
	}

	.nav
	{
		background-color: rgba(69,74,76,0.8);
		height: auto;
		width: 100%;
		z-index: 2;
		position: absolute;
		top: 50px;
	}
	
	header nav ul li
	{
		display: block;
	}
	
	header nav ul
	{
		float: left;
	}
	
	header nav
	{
		float: none;
	}

	header nav ul li a
	{
		line-height: 20px;
		top: 0;
		display: block;
	}

	header nav ul li a:link
	{
		padding: 13px 13px;
		text-align: left;
		display: block;
	}

	footer
	{
		height: auto;
		padding: 10px;
	}

	footer p
	{
		width: 95%;
		line-height: 15px;
		font-size: 16px;
		text-align: justify;
		margin: 0 auto;
		font-family: "roboto_slabregular";
	}
	
	.rrss
	{
		margin-top: 15%;
	}

	/***********	INDEX	***********/
	div.img_bg
	{
		width: 100%;
		height: auto;
		left: 0;
	}

	#noticias
	{
		width: 100%;
		height: 350px;
		right: 0;
		top: 60px;
	}

	.content .slogan
	{
		top: -330px;
		font-size: 2em;
		font-family: "roboto_slabregular";
		width: 100%;
		left: 0;
	}

	div.info
	{
		margin-top: 30px;
		height: auto;
		background: none;
	}
	p.info
	{
		width: 80%;
		font-size: 20px;
		left: 5%;
	}

	#cobertura
	{
		height: 300px;
		background-size: 130%;
		background-position: -64px 44%;
	}

	#cobertura h3
	{
		top:120px;
		font-size: 1.5em;
		left: 2%;
	}
	
	#cobertura a{left: 20%;}
	#contacto
	{
		right: 6%;
		top:110px;
		padding: 5px;
		font-size: 1.2em;
		background-color: white;
		color: #5D79C2;
	}
	#contacto p{margin: 0 auto;}
	
	/***********	SOMOS	***********/
	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs{width: 40%;}
	p.lead.mb-xl.mt-lg{font-size: 20px;}
	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.buho{width: 70%; display: block;left: 10%;position: relative;}
	#valores{top: 70px;}

	/***********	ALIANZAS	***********/
	.post-content h2
	{
		text-align: center;
	}
	
	.blog-posts article
	{
		margin-bottom: 30px;
		border-bottom: 1px solid gray;
	}

	.post-content p:last-of-type
	{
		font-size: 14px;
	}

	.post-meta .pull-right
	{
		font-size: 14px;
		top:0;
		width: 80px;
		margin: 10px;
		padding: 5px;
	}
	
	.page-header h1
	{
		font-family: "roboto_slabregular";
	}
	.img-thumbnail
	{
		left: 0;
	}
	/***********	SERVICIOS	***********/
	.circulos{display: none;}

	.servicios #contacto
	{
		right: 31%;
		width: 250px;
		height: 80px;
		line-height: 30px;
		background-color: #fff;
	}
	
	.servicios #contacto p
	{
		top:10px;
	}
	
	.circulos
	{
		display: none;
	}

	.acc-container
	{
		display: block;
		position: relative;
		top: 30px;
		margin-bottom: 50px;
		width: 70%;
		border-radius: 0;
	}

	.acc-container h2
	{
		text-align: center;
	}
	
	.acc-btn
	{
		height: 50px;

	}

	.acc-btn h2
	{
		position: relative;
		top: -25px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	/***********	CONTACTO	***********/
	
	.formul, #contact-form
	{
		width: 100%;
	}
	
	.map
	{
		width: 100%;
		right: 0;
		float: none;
		height: auto;
	}
	
	.formul #contact-form
	{
		width: 80%;
		left: 10%;
	}
	
	#map
	{
		height: 300px;
	}
	.direccion h2
	{
		font-size: 2em;
		font-weight: bold;
		font-family: "roboto_slabregular";
	}
	.direccion p
	{
		font-size: 18px;
		left: 20%;
		margin-right: 5%;
		font-family: "roboto_slabregular";
	}

	.direccion h3
	{
		font-size: 20px;
		width: 90%;
		text-align: justify;
		left: 3%;
		position: relative;
		font-family: "roboto_slabregular";
	}


	/***********	LOGIN	***********/
	
	.site-login
	{
		background: none;
	}
	
	.site-login #login-form
	{
		position: relative;
	}

	.site-login .control-label
	{
		left: 0;
	}
	.site-login .form-control
	{
		left: 130px;
	}

	/***********	DASHBOARD	***********/
	.dashboard
	{
		height: auto;
		width: 100%
	}
	.dashboard li
	{
		width: 21%;
	}
	.etiquetas-create,.etiquetas-view,.etiquetas-update,.user-create
	{
		height: 90vh;
	}
	
	/*2*/
	#form1 input[type="submit"]
	{
		left: 42%;
	}

	.dash-link-circle a
	{
		width: 130px;
		height: 130px;
	}
	.dashboard li p
	{
		font-size: 20px;
		margin-top:0;
	}

	.dash-link-circle a:hover
	{
		top: 0;
		box-shadow: none;
	}
	.dash-link-circle a:active
	{
		box-shadow: 0 0 40px #C5C4C4;
		transition: 0.5s top;
	}
}

/*TABLETS Y ALGUNAS NETBOOKS*/
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	header h1
	{
		width: 70%;
		left: 3%;
	}
	header nav a
	{
		position: relative;
		float: none;
		right: 10%;
		display: block;
	}

	header a.menu
	{
		cursor: pointer;
	}
	

	header a.menu:before
	{
		font-family: icomoon;
		content: "\e9bd";
		color: #f6f6f5;
		float: right;
		font-size: 40px;
		right: 5%;
		line-height: 50px;
		position: relative;
	}
	
	#nav
	{
		display: none;
	}

	.nav
	{
		background-color: rgba(69,74,76,0.8);
		height: auto;
		width: 100%;
		z-index: 2;
		position: absolute;
		top: 50px;
	}
	
	header nav ul li
	{
		display: block;
	}
	
	header nav ul
	{
		float: left;
	}
	
	header nav
	{
		float: none;
	}

	header nav ul li a
	{
		line-height: 20px;
		top: 0;
		display: block;
	}

	header nav ul li a:link
	{
		padding: 15px 13px;
		text-align: left;
		display: block;
	}

	footer
	{
		height: auto;
		padding: 10px;
	}

	footer p
	{
		width: 95%;
		line-height: 30px;
		font-size: 20px;
		text-align: justify;
		margin: 0 auto;
		font-family: "roboto_slabregular";
	}

	/***********	INDEX	***********/
	div.img_bg
	{
		width: 100%;
		height: auto;
		left: 0;
	}

	#noticias
	{
		width: 100%;
		height: 600px;
		right: 0;
		top: 150px;
	}

	.content .slogan
	{
		top: -565px;
		font-size: 3.5em;
		font-family: "roboto_slabregular";
		width: 100%;
		left: 0;
	}

	div.info
	{
		margin-top: 80px;
		height: auto;
		background: none;
	}
	p.info
	{
		width: 80%;
		font-size: 27px;
		left: 5%;
	}

	#cobertura
	{
		height: 550px;
		background-size: 130%;
		background-position: -64px 44%;
	}

	#cobertura h3
	{
		top:260px;
		font-size: 2.5em;
		left: 2%;
	}
	
	#cobertura a{left: 20%;}
	#contacto
	{
		right: 6%;
		top:200px;
		padding: 5px;
		font-size: 1.7em;
		background-color: white;
		color: #5D79C2;
		width: 30%;
	}
	#contacto p{margin: 0 auto;}
	
	/***********	SOMOS	***********/
	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs{width: 40%;}
	p.lead.mb-xl.mt-lg{font-size: 25px;}
	.img-responsive.pull-left.mr-xl.mb-xl.mt-xs.buho{width: 55%; display: block;left: 21%;position: relative;}
	#valores{top: 70px;}
	.mision{margin-top: 325px;}

	/***********	ALIANZAS	***********/
	.post-content h2
	{
		text-align: center;
	}
	
	.blog-posts article
	{
		margin-bottom: 30px;
		border-bottom: 1px solid gray;
	}

	.post-content p:last-of-type
	{
		font-size: 20px;
	}

	.post-meta .pull-right
	{
		font-size: 14px;
		top:0;
		width: 80px;
		margin: 10px;
		padding: 5px;
	}
	
	.page-header h1
	{
		font-family: "roboto_slabregular";
	}
	.img-thumbnail
	{
		left: 1%;
	}
	/***********	SERVICIOS	***********/
	.circulos{display: none;}

	.servicios #contacto
	{
		right: 31%;
		width: 250px;
		height: 80px;
		line-height: 30px;
		background-color: #fff;
	}
	
	.servicios #contacto p
	{
		top:10px;
	}
	
	.circulos
	{
		display: none;
	}

	.acc-container
	{
		display: block;
		position: relative;
		top: 30px;
		margin-bottom: 50px;
		width: 70%;
		border-radius: 0;
	}

	.acc-container h2
	{
		text-align: center;
	}
	
	.acc-btn
	{
		height: 50px;

	}

	.acc-btn h2
	{
		position: relative;
		top: -25px;
		font-size: 2em;
		font-weight: bold;
		text-align: center;
	}
	
	/***********	CONTACTO	***********/
	
	.formul, #contact-form
	{
		width: 100%;
	}
	
	.map
	{
		width: 100%;
		right: 0;
		float: none;
		height: auto;
	}
	
	.formul #contact-form
	{
		width: 80%;
		left: 10%;
	}
	
	/*2*/
	#form1 input[type="submit"]
	{
		left: 40%;
	}


	#map
	{
		height: 300px;
	}
	.direccion h2
	{
		font-size: 2em;
		font-weight: bold;
		font-family: "roboto_slabregular";
	}
	.direccion p
	{
		font-size: 18px;
		left: 20%;
		margin-right: 5%;
		font-family: "roboto_slabregular";
	}

	.direccion h3
	{
		font-size: 20px;
		width: 90%;
		text-align: justify;
		left: 3%;
		position: relative;
		font-family: "roboto_slabregular";
	}


	/***********	LOGIN	***********/
	
	.site-login
	{
		background: none;
	}
	
	.site-login #login-form
	{
		position: relative;
	}

	.site-login .control-label
	{
		left: 0;
	}
	.site-login .form-control
	{
		left: 130px;
	}

	/***********	DASHBOARD	***********/
	.dashboard
	{
		height: 72vh;
		width: 100%
	}
	.dashboard li
	{
		width: 21%;
	}
	.etiquetas-create,.etiquetas-view,.etiquetas-update,.user-create, .etiquetas-index
	{
		height: 72vh;
	}
	
	.dash-link-circle a
	{
		width: 150px;
		height: 150px;
	}
	.dashboard li p
	{
		font-size: 20px;
		margin-top:0;
	}

	.dash-link-circle a:hover
	{
		top: 0;
		box-shadow: none;
	}
	.dash-link-circle a:active
	{
		box-shadow: 0 0 40px #C5C4C4;
		transition: 0.5s top;
	}
}
 

/*NETBOOKS Y DESKTOPS*/
@media only screen and (min-width : 1024px) 
{
	header h1{font-size: 1.6em;}

	.circulos
	{
		height:115vh;
	}

	.servicios #contacto
	{
		right: 38%;
	}

	
}

@media only screen and (min-width: 1025px)  and (max-width: 1280px)
{
	.wrapper
	{
		margin: 80px 36%;
	}
}


/* @media screen and (max-width: 1367px) 
{
    header h1{font-size: 1.6em;}

   .circulos
	{
		height:115vh;
	}

	.servicios #contacto
	{
		right: 38%;
	}
} */