@import url('http://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:400,600,700'); 
@import url('font-awesome.css');  
@import url('animate.css');

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:1.6em;
	color:#656565;
	margin: 0;
	padding: 0;
}

a:active {
	outline:0;
}

.clear {
	clear:both;
}

h1,h2, h3, h4, h5, h6 {
	font-weight:700;
	line-height:1.1em;
	color:#333;
	margin-bottom: 5px;
}

p{
	text-align: justify;
}
.btn-info{
	width: 100%;

}

.container {
	padding: 0 20px 0 20px;
	position:relative;
}

#wrapper{
	width:100%;
	margin:0;	
	padding:0;
	background: #F2F2F2;
}

.barratop{
	background: #6699CC;
	height: 60px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
	box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
	color: #fff;
}

.barratop ul{
	list-style: none;
	color: #fff;
	float: right;
	font-size: 18px;
	padding-top: 18px;
	padding-bottom: 25px;
}

.barratop i{
	padding-right: 10px;
}

nav {
	padding-top: 30px;
}

.menu{
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

.menu li {
	flex:auto;
	text-align: center;
}

.menu a {
	color: #6699CC;
	text-decoration: none;
	font-size: 16px;
}

.menu a:hover {
	color: #003366;
	border-bottom: solid 2px #003366;
}

.slider{
	border-bottom: solid 5px #003366;
	padding-top: 20px;
}

footer{
	background: #6699CC;
}

.direccion h3{
	color:#fff;
}

.direccion ul{
	list-style: none;
	float: left;
	padding: 0;
}

.direccion li{
	padding-bottom: 5px;
}

.direccion i {
padding-right: 5px;
}

.direccion  {
	color: #fff;
}

.direccion a:link{
	color:#fff;
}

.ubicacion h3{
	color: #fff;
}
.copyright{
	float: right;
	font-size: 12px;
}
.copyright a:link{
	text-decoration: none;
	color:SteelBlue;
}
	.breadcrumb {
		height: 60px;
	}

	.breadcrumb li {
		padding-top: 15px;
		padding-left: 25px;
	}

	.img_bienvenida {
		padding-top: 25px;
	}

	.img_bienvenida img {
		width: 100%;
		height: 280px;
	}

	.servicios li {
		list-style: none;
		padding-top: 10px;
	}

	.servicios a {
		display: block;
		border: solid 1px #6699CC;
		padding: 15px;
		color: #003366;
		font-size: 16px;

	}

	.servicios a:hover {
		text-decoration: none;
		color: #003366;
		background: AliceBlue;
	}

	.servicios i {
		display: block;
		float: right;
		padding-top: 5px;
	}

	.incisos p {
		padding-left: 50px;
	}

	#accordion h4{
		color: #003366;
	}

	.modal-body i {
		color: #003366;
		padding-right: 15px;
	}
	
	.modal-body a {
		text-decoration: none;
		color: #003366;
	}
	.modal-body a:hover {
		color: #6699CC;
	}

	.logo_modal img {
		width: 200px;
	}

	.requisitos i {
		padding-right: 15px;
	}

	.c_contacto{
		padding-top: 30px;
	}

	#datoscontacto {
		padding-left: 30px;
		padding-bottom: 60px;
		color: #656565;
	}

	#formulario {
		padding-top: 10px
	}

	#datoscontacto h5 {

		color: #656565;
	}

	#datoscontacto i {
		padding-right: 8px;
	}

	#telefonos {
		padding: 0
	}

/*/ RESPONSIVE
   ========================================================================= /*/



/*/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /*/
@media screen and (min-width: 768px) {
	.menu {
		display: flex !important;
	}

.menu a {
	font-size: 14px;
}

#toggle-menu {
	display: none;
}
	
	.empresas-imagen2 img {
		width: 95%;
		margin-top: 45px;
		margin-left: 20px;
	}

	.logo img {
		width: 110%;
	}

	.logo p {
		font-size: 12px;
	}

.c_valores li{
	line-height: 2
}

.c_valores p{
	line-height: 1.5
}
	
.col_descarga {
	padding-top: 20px;
	padding-bottom: 10px;
}
} 
/*/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /*/
@media (min-width: 480px) and (max-width: 767px) {
	#toggle-menu {
		background: #003366;
		height: 50px;
		color: #fff;
		font-size: 18px;
		padding-top:5px;
		padding-left: 15px;
		font-weight: bold;
		cursor: pointer;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
		box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
	}

	#toggle-menu i {
	float: right;
	padding-right: 15px;
	padding-top: 10px;
	}

	#toggle-menu p {
	padding-top: 10px;
	}

	.logo {
		text-align: center;
		padding-top: 35px;
	}

	.logo img {
		width: 60%;
	}

	.logo p {
		text-align: center;
		font-size: 14px;
	}

	.menu {
		background: #6699CC;
		display: none;
	}

	.menu li {
		text-align: left;
		border-bottom: solid 1px Silver;
	}

	.menu a {
		color: #fff;
		display: block;
		height: 50px;
		padding-left: 15px;
		font-size: 18px;
		padding-top: 15px;
	}

	.menu a:hover {
		background: #003366;
		color: #fff;
		display: block;
		height: 50px;
	}

	.empresas-imagen2 img {
		width: 100%;
	}

	.linea {
		padding-top: 25px;
	}


}
/*/ Móviles en vertical
   ------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {

	#toggle-menu {
		background: #003366;
		height: 40px;
		color: #fff;
		font-size: 18px;
		
		padding-left: 15px;
		font-weight: bold;
		cursor: pointer;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
		-moz-box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
		box-shadow: 0px 2px 5px 0px rgba(125,125,125,1);
	}

		#toggle-menu i {
		float: right;
		padding-right: 15px;
		padding-top: 12px;
	}

	#toggle-menu p {
		padding-top: 8px;
	}

	.logo {
		text-align: center;
	}

	.logo img {
		width: 75%;
		padding-top: 15px;
	}

	.logo p {
		text-align: center;
		font-size: 14px;
	}

	nav {
		padding-top: 10px;
	}

	.menu {
		background: #6699CC;
		display: none;
	}

	.menu li {
		text-align: left;
		border-bottom: solid 1px #336699;
		height: 50px;
	}

	.menu a {
		color: #fff;
		display: block;
		height: 30px;
		padding-left: 15px;
		font-size: 16px;
		padding-top: 12px;
	}

	.menu a:hover {
		background: #003366;
		color: #fff;
		display: block;
		height: 50px;
	}

	.empresas-imagen2 img {
		width: 100%;
	}

	.linea {
		padding-top: 25px;
	}
	
}

@media screen and (min-width: 1024px) {
	.menu a {
			font-size: 18px;
		}

	.logo p {
		font-size: 14px;
	}

}