@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 2500px) {
body{
	font-size:21px;
}
.centrador{
width: 1500px;
padding:0px;
	margin: auto;
}
}
@media all and (max-width: 2000px) {
body{
	font-size:19px;
}
}
@media all and (max-width: 1700px) {
body{
	font-size:17px;
}
.centrador{
width: 1100px;
padding:0px;
}
@media all and (max-width: 1100px) {
	body{
	font-size:16px;
}
.centrador{
width: 100%;
padding:0px;
}
#superior{
padding-right:10px;
}
	#textocontacto-interior{
	width: 70%;
}
}
@media all and (max-width: 900px) {
.logotipo{
	width:20%;
}
.botonmenumovil{
	display:block;
}
.menuprincipal{
	display:none;
	float:none;
	clear: both;
    position: fixed;
    background-color:#666;
    width: 100%;
    top: 0;
}
.menuprincipal li{
	display:block;
	border:none;
	padding:8px 0px;
	border-bottom:dotted 1px #999;
}
}
@media all and (max-width: 700px) {
.textobanner, .fotobanner, .blanco, .textoasesoria, .fotocuerpo img, .fotoasesoria, .ejemplos ul, .trescolumnas li, .servicios li, .fotoespecialistas, .contacto, .fotonota, .textonota, .detallenoticia{
	width:90%;
	float:none;
	margin:auto;
	padding:0px;
	position:relative;
	    left: auto;
    top: auto;
}
	.blanco a, .textobanner a{
    font-size: 13px;
}
	#todaslasnotas {
    width: 90%;
    margin: 40px 5%;
}
.destaquetexto, .destaquetexto2{
	width:80%;
}
.bannermision, .bannervision{
	width:80%;
	float:none;
	margin:20px auto;
	padding:10px 5%;
	position:relative;
	left: auto;
    top: auto;
}
.bannerazul{
	padding:120px 10%;
}
.textoespecialistas{
	width:90%;
	float:none;
	margin:20px auto;
	position:relative;
	left: auto;
    top: auto;
	padding: 10px 5%;
}
.fondoejemplos{
	display:none;
}
.fotonota{
	margin-bottom:30px;
}
}
@media all and (max-width: 500px) {
.logotipo{
	width:50%;
}
}