@charset "utf-8";

@font-face {
    font-family: "opensans";
    src: url('font/OpenSans-Regular.eot'); 
    src: url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "social";
    src: url('font/social_font.eot'); 
    src: url('font/social_font.eot?#iefix') format('embedded-opentype'),
         url('font/social_font.ttf') format('truetype');
}
@font-face {
    font-family: "Raleway";
    src: url('font/Raleway-Regular.eot'); 
    src: url('font/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/Raleway-Regular.ttf') format('truetype');
}

/* general */

*{ margin:0; padding:0;}
body{
	background: #fff;	
	padding:0px;
	margin:0px;
	font-family: "opensans";
	color:#333;
	font-size:15px;
}
a { outline: none; text-decoration:none;}
img{ outline: none; text-decoration:none; border:0px;}
.clear{clear:both; height:0; margin:0; padding:0;}

/* esqueleto */

#container{ max-width:1200px; margin:0 auto; padding:0 3%;}

#header{ clear:both; width:100%; height:120px; margin:0; padding:0; }
.header-logo{ float:left; margin-left:50px; }
.header-logo img{ height:90px; margin:15px 0;}
.header-right{ float:right; height:95px; margin-top:15px; text-align:right; }

#nav-responsive{ display:none; }

.space{display:block; height:80px;}

#banner { clear:both; width:100%; margin:0; padding:0;}

.container-body{ width:100%; margin:0; padding:10px 0 50px; }
.body-content{ width:100%; margin:0; padding:0; }

.body-left{float:left; width:65.5%;}
.body-right{float:right; width:27%; background:#e9e9e9; padding:2px 2%; box-shadow:0 0 4px rgba(0,0,0,.1) inset; margin-left:3.5%; }
.body-bottom{ background:#e9e9e9; padding:2px 3%; box-shadow:0 0 4px rgba(0,0,0,.1) inset; }

#footer{ clear:both; width:100%; margin:0; padding:30px 0; background-color:#282828; color:#FFF; box-shadow:0px 20px 20px rgba(0,0,0,.4)inset; }
#footer .logo , #footer .derecho , #footer .social {float:left;}
#footer .logo { width:15%; margin-right:5%;}
#footer .derecho { width:55%; margin-right:5%; margin-top:10px;}
#footer .social { width:20%; margin-top:10px;}
#footer .logo img { height:90px;}
#footer .social a{display:inline-block; width:23px; height:23px; border:1px solid #fff; border-radius:50%; line-height:25px; color:#fff;}
#footer .social a span{  display:block; font-family: "social"; font-size:16px; }
#footer .social a:hover{  background:#6776b2;  color:#fff !important; transition:.1s all linear; border:1px solid #6776b2;}

#footer-bottom{text-align:center; padding:15px; background:#222; color:#fff;}
/* styles generales */
#pdr_art_img{width:100%; height:250px; overflow:hidden; }

.container-body h2{font-size:18px;}
.container-body h3{font-size:14px;}
.container-body p{margin:0 0 10px; line-height:150%;}
.container-body ul{margin:0 0 10px 15px;}
.container-body li{margin:3px 0;}
.container-body a{color:#333;}

.btn-more{ display:block; margin:20px auto 10px; width:80px; padding:5px 10px; background:#6776b2; text-align:center; color:#fff !important; cursor:pointer; transition:.1s linear all;}
.btn-more:hover{  background:#23295d; }


/* secciones */
.home-title{display:block; margin:30px 0; font-size:24px !important; font-family:'Raleway';  text-align:center; }

.mod-two{ float:left; width:48%; margin-right:4%; }
#container .mod-two:nth-child(2n){ margin-right:0;}

.mod-two.nosotros{width:38%; padding:20px 5% 40px; background:#e9e9e9; margin-top:30px;}

.item-servicio{ float:left; width:31%; margin:20px 0; margin-right:3.5%; }
#container .item-servicio:nth-child(3n){ margin-right:0;}
.item-servicio .srv-img { height:150px; } 
.item-servicio .srv-body { display:block; background-color:#fff; padding:20px; border:1px solid #e9e9e9; } 
.item-servicio .srv-body p{ color:#555; } 
.item-servicio .srv-body h2 a{ font-family:'Raleway'; font-size:18px; font-weight:bold; color:#434343; text-align:center; display:block; }
.item-servicio .srv-body h2 a:hover{ color:#6776b2; }

.servicio{	padding:20px 0; }
.servicio-header{text-align:center;}
.tit-tit{font-family:'Raleway'; display:block; margin:0 0 30px; font-size:30px; font-weight:bold; color:#222}
.servicio #pdr_art_img{ margin:25px 0; height:350px;}
.servicio-desc{ margin:15px 0;}

.galeria{text-align:center; margin:20px 0;}
.item-galeria{display:inline-block; width:80px; margin:3px; border:1px solid #e9e9e9; padding:5px;}
.galeria-img{display:block; width:100%;}


.item-cliente{ float:left; width:17.5%; margin:20px 0; margin-right:2.5%; border:1px solid #f1f1f1; }
#container .item-cliente:nth-child(5n){ margin-right:0;}
.item-cliente .clt-img img {width:80%; padding:0 10%; filter: grayscale(100%); transition:.2s all linear;}
.item-cliente .clt-img:hover img { filter:none;} 
.item-cliente .clt-body { display:block; background-color:#fff; padding:10px; } 
.item-cliente .clt-body p{ color:#555; } 
.item-cliente .clt-body h2 { font-family:'Raleway'; font-size:18px; font-weight:bold; color:#434343; text-align:center; display:block; }




.paginacion{ display:block; margin-top:20px; text-align:center; width:100%;}
.paginacion a { 
	display:inline-block; 
	border:1px solid #efefef; 
	margin:0px 2px; 
	padding:5px 10px;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	text-align:center; 
	text-decoration:none;
	background:#6776b2;
	border:1px solid #6776b2;
}
.paginacion a:hover { background:#23295d; border:1px solid #23295d; color:#fff; font-weight:bold; }
.paginacion .active { background:#23295d; border:1px solid #23295d; color:#fff; font-weight:bold;}
.paginacion .desactive { background:none; border:1px solid #ddd; color:#ddd;}
.paginacion .desactive:hover { background:none; border:1px solid #ddd; color:#ddd; }

/* modulos */


/* posiciones editadas */


.contact-info{ 
	background:url(../image/map.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
	width:100%; 
	padding:100px 0;
}
.contact-info .gmap{
	float:left;
    position: relative;
    height: 300px;
    width: 300px;
    margin: 0 100px 0 20%;
	border: 10px solid #f6f5f0;
    border-radius: 50%;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
}
.contact-info .data{
	float:left;
	margin-top:60px;
}
.contact-info .data .home-title{ margin:10px 0;text-align:left; }
.contact-info .data p{ margin:8px 0;}

/* otros */