@charset "UTF-8";
/* CSS Document */

@media all and (min-width:240px) and (max-width:479px){
.logo {background-image: url('../images/retina/logoIco@2x.png'); width:107px; background-size:107px 71px; margin-left:5px;}
.none,
.fb-like,
.callbacks_nav,
.destacado-home {display:none !important;}
.iconos-sociales ul li {margin:0;}
.callbacks img {width:180%;}
.callbacks .title-one p,
.callbacks .title-two p,
.callbacks .title-three p,
.callbacks .title-one span,
.callbacks .title-two span {font-size:14px; line-height:normal;}
.callbacks .title-one,
.callbacks .title-two,
.callbacks .title-three {top:20px; left:20px; width:56%; padding:2%;}
.text-center {font-size:26px; padding:30px 0;}
.curri {width:90%; padding:25% 5% 5% 5%; height:auto;}
.columna {width:100%; float:none; margin-bottom:10px; margin-right:0;}
.curri h2 {text-align:center;}
.curri p {font-size:14px; line-height:normal; text-align:center;}
.resenia {background-image:none;}
.none-pc {display:block;}
.resenia img {width:100%; margin-bottom:20px;}
.resimg {width:140%;}

.margen-areas {margin:-80px auto 10px;}
.titulo-areas {font-size:18px; height:30px; padding-top:80px;}

.izq,
.der {float:none; width:92%; padding:4%; text-align:center;}
.izq h2 {font-size:20px; line-height:28px;}

.curriculum img {float:none; margin-right:0;}
.curriculum h4 {font-size:22px; margin:20px 0 5px;}
.pdf {float:none;}

.box-address {text-align:center; float:none; padding:0 !important; margin:0 auto;}
	
.map {width:100%; float:none; margin:10px 0 !important;}
.mapgoo {width:100%; float:none;}

.box-contact {width:90%; padding:0 5%;}
.coll-1, .coll-2 {float:none; width:100% !important;}
#contact-form { padding-bottom:20px;}

.box-left-resp {width:30%; margin:0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}

.align-right {padding-left:20%;}
.align-left {padding-right:20%;}

.box-left-resp i {border-radius:200px; background-color:#009fe3; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}

i.fijo, i.celular {background-image:url('../images/phone.png');}

.fono-resp {margin:10px 0;}
.main {width:100%;}

#contact-form input,
#contact-form textarea {width: 90%; float:none;}
.btns {padding-left:0;}
.btns a {float:none; margin-right:0;}
.galeria-img {width:140px; height:140px; margin:2px;}

footer {padding:3%; width:94%;}
.menu_box_list li a {font-size: 18px; margin-bottom:18px;}

}

@media all and (max-width:768px) and (min-width:481px){
.none,
.fb-like,
.callbacks_nav,
.destacado-home {display:none !important;}
.curriculum img {float:none; margin-right:0;}
.curriculum h4 {font-size:22px; margin:20px 0 5px;}
.pdf {float:none;}
.izq,
.der {float:none; width:92%; padding:4%; text-align:center;}
.izq h2 {font-size:20px; line-height:28px;}
.box-address {text-align:center; float:none; padding:0 !important; margin:0 auto;}
	
.map {width:100%; float:none; margin:10px 0 !important;}
.mapgoo {width:100%; float:none;}

.box-contact {width:90%; padding:0 5%;}
.coll-1, .coll-2 {float:none; width:100% !important;}
#contact-form { padding-bottom:20px;}

.box-left-resp {width:30%; margin:0; text-align:center; font-size:16px; font-weight:100; line-height:23px; display:block; float:left;}

.align-right {padding-left:20%;}
.align-left {padding-right:20%;}

.box-left-resp i {border-radius:200px; background-color:#1392a1; width:70px; height:70px; line-height:100px; display:inline-block; background-repeat:no-repeat; background-position:center center;}

i.fijo, i.celular {background-image:url('../images/phone.png');}

.fono-resp {margin:10px 0;}
.main {width:100%;}

#contact-form input,
#contact-form textarea {width: 90%; float:none;}
.btns {padding-left:0;}
.btns a {float:none; margin-right:0;}

footer {padding:3%; width:94%;}
.menu_box_list li a {font-size: 18px; margin-bottom:18px;}
}
/*-------------------------------------------
RETINA DISPLAYS
-------------------------------------------*/	
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
i.fijo, i.celular {background-image:url('../images/retina/phone@2x.png'); background-size:38px 40px;}
}
