body{margin:0;font-family:"Century Gothic";}
.color-bg { background:#ccc; }
.color-bar-1, .color-bar-2 { width:100% }
.color-bar-1 { background:#288dc3; height:5px; }
.color-bar-2 { height:3px; }
.linea{border-top: solid 1px #fff;margin:4% 0%;clear:both;width:100%;}
.linea2{border-top: solid 1px #ccc;margin:4% 0%;clear:both;width:100%;}
#contenedor {	
width:100%;margin:0 auto;text-align:left;max-width:930px;background:#fff;}
#logo{
	position:relative;margin-left:10%;margin-top:2%;float:left;
	}
.header{width:100%;margin-bottom:2%;}
.hd{max-width:900px;margin:0 auto;}
.call{position:relative;float:right;text-align:justify;min-width:200px;width:55%;padding:0% 3%;margin:5% 2% 3% 2%;}
.call p{font-weight:lighter;color:#fff;font-size:0.9em;margin:0;padding:0;}
.main{width:100%;padding:0%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
a{text-decoration:none;}
#pie{	
width:98%;background:#333;margin:0 auto;padding:1%;text-align:center;color:#fff;font-size:0.7em;position:relative;max-width:1000px;
}
#borrar{clear:both;}
h1{font-family:"Century Gothic";font-size: 1.3em;color:rgb(91,99,123);font-weight:normal; text-align:center;}
h2{font-size: 1.2em;background:rgb(40,141,195);color:#fff;text-align:center;font-weight:500;padding:2%;}
p {color:#333;}
p a{text-decoration:none;}
a img{border:none;}
.icon{min-width:323px;position:relative;float:left;margin:2% 4% 2% 0%;}
.icon2{min-width:323px;position:relative;float:left;margin:2% 4% 2% 0%;}
.info {width:60%;float:left;}
.info p{text-align:justify;font-size:0.9em;}
#marca{margin:2%;width:96%;text-align:right;}
.map{width:40%;float:left;margin:2% 0%;}
.map p{text-align:left;font-size:0.9em;}
.pleca{width:30%;float:left;}
.plecah{width:100%;float:left;display:none;}
/* Landscape phones and down */
@media (min-width: 816px) and (max-width: 1200px){
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:52%;float:right;}
#marca img{width:180px;}
}
@media (min-width: 652px) and (max-width: 815px){
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:100%;float:left;}
#marca img{width:180px;}
.icon{display:none;}
.pleca{display:none;}
.plecah{width:100%;float:left;display:block;}
}
@media (min-width: 531px) and (max-width: 651px) {
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:100%;float:left;}
#marca img{width:180px;}
.icon{display:none;}
.pleca{display:none;}
.plecah{width:100%;float:left;display:block;}
.map{width:90%;margin:0 auto;text-align:centar;}
.hd{text-align:center;width:90%;}
#logo{float:left;width:90%;text-align:center;margin:5%;}
.call{float:left;text-align:justify;min-width:300px;width:88%;padding:0% 3%;margin:3%;}
#contenedor {	
width:90%;}
} 
@media (max-width: 530px) {
.main{width:90%;padding:0% 5%; margin:0 auto;text-align:justify;background:#fff;font-size:1em;}
.info {width:100%;float:left;}
#marca img{width:180px;}
.icon{display:none;}
.pleca{display:none;}
.plecah{width:100%;float:left;display:block;}
.map{width:90%;margin:0 auto;text-align:centar;}
.hd{text-align:center;width:90%;}
#logo{float:left;width:90%;text-align:center;margin:5%;}
.call{float:left;text-align:justify;min-width:300px;width:88%;padding:0% 3%;margin:3%;}
#contenedor {	
width:90%;}
iframe{width:350px;}
}