*{
	padding: 0px;
	margin: 0px;
} 

@font-face {
    font-family: 'bold';
    src: url(../fonts/bold.otf);
}

@font-face {
    font-family: 'normal';
    src: url(../fonts/normal.otf);
}
@font-face {
    font-family: 'medium';
    src: url(../fonts/medium.otf);
}
/*CONTENEDOR GENERAL*/
body{
	

}
.wrap{
	width: 1200px;
    display: block;
    margin: auto;
    padding: 0px 20px;
}

.content-contac{
	width: 1300px;
    display: block;
    margin: auto;
    padding: 0px 20px;
	margin-top: 120px;
	text-align: center;
}

.content-clien h1{
	font-size: 25px;
	font-family: 'bold';
	color:  #334275;
	margin-bottom: 20px;
}

.general{
    background-color: #ffcd00;
   	padding: 35px 0px;
   	box-shadow: 0px 0px 20px #868686;
}

figure{
	box-shadow: 0px 0px 2px;
}
/********/

/*ESTILOS DE MENU*/

.cabecera{     
	width: 100%; 
} 


.logo{
	width: 72px;
	margin-left: 60px;
}


header img{
	height: 2.9rem;
    width: auto;
	margin-left: 40px;
	margin-top: 5px;
}

#cssmenu > ul > li > a{
	font-size: 1em !important;
	font-family: 'normal';
	color: white !important;
}

.logo-foot{
	width: 200px;
	margin-top: 20px;
}
input{
	background-color: white;
}

.text-center{
	font-family: 'medium' !important;
}

/*ESTILOS DE FOOTER*/
.general-contacto{
	/*background-image: url(../img/texturas/blue-text.png);*/
	/*background-repeat: repeat;*/
	background: #3154c8;
}
.contacto{
	text-align: center;
	padding: 25px 0px;
	color: white;
}
.contacto h2{
	/*font-size: 1.6em;*/
	font-family: 'medium';
}

.contacto p{
	font-size: 1.2em;
	font-family: 'normal';
}

legend{
	font-size: 1.6em !important;
}

.container{
	
	padding: 20px;
	border-radius: 10%;
}
.trans{
	padding: 20px;
}
.espacio{
	max-width: 100% !important;
}

input{
	font-family: 'medium';
}

textarea{
	font-family: 'medium';
}

/****ESTILOS DE MAPA*/

.map{
	width: 100%;

}

.form-content-wrap{
	padding-top: 52px;
}
.fa{
	color: #324175;
}
.form-content-wrap{
	background: url(../img/back-contact.jpg) no-repeat center center;
	min-height:100%;
	background-size:cover;
}
@media screen and (max-width:1300px){
	.wrap{width:100%;}
	.content-clien{
		width: 100%;
	}
	/*i{
		font-size: 40px !important;
		text-align: center !important;
	}*/
}
@media screen and (max-width:1000px){

	.sub{font-size: 1.2em;}
	.titles{ padding: 50px; }
	h2.title{font-size: 2.5em;}
	.valores p{font-size: 1.2em;}
	.valores h2{font-size: 2em;}

}