@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');
}

/* general */

*{ margin:0; padding:0;}
body{
	background: #dfdfdf;	
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px;
}
a { outline: none; text-decoration:none;}
img{ outline: none; text-decoration:none; border:0px;}

/* esqueleto */

#container{ width:1050px; margin:0 auto; padding:0;}

.header-info{ background:#333; width:92%; height:30px; padding:0 4%;  }
.header-info .phone{ float:left; color:#999; font-weight:bold; font-size:12px; line-height:30px; }
.header-info .phone span{ color:#8DB2FF;}
.header-info .social{ float:right; }
.social a{display:inline-block; background:#565656; width:20px; height:20px; margin:5px 0; border-radius:50%;}
.social a span{ color:#333; display:block; margin:4px 0 0 3px; font-family: "social"; font-size:16px; }
.social a:hover{  background:#8DB2FF; transition:.1s all linear;}

#header{ background:#F9F9F9; width:92%; height:60px; padding:0 4%; border-bottom:1px solid #ececec;}
.header-logo{ float:left;  }
.header-logo img{ height:40px; padding:11px 0 5px;}
.header-right{ float:right;}

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

.container-body{ width:92%; margin:0; padding:20px 4%; background:#FFF;}
.body-content{ width:100%; margin:0; padding:0; }
.body-left{float:left; width:70%; margin-right:3%;}
.body-right{float:right; width:27%;}

#footer{ clear:both; width:92%; margin:0; padding:10px 4%; background-color:#333;}
.mod-footer{ float:left; width:31%; margin:10px 0 10px 3.5%; color:#999;}
#footer .mod-footer:nth-child(1){margin-left:0;}
.mod-footer h4{ padding-bottom:5px; margin-bottom:12px; color:#bbb; font-size:14px; border-bottom:1px solid #3c3c3c; }
.mod-footer p{margin:5px 0 10px; line-height:150%;}
.mod-footer a{color:#fff;}
.mod-footer a:hover{color:#8DB2FF;}

#sociales { margin-bottom:38px; }
#sociales img{ width:30px; background:#999; border-radius:50%; padding:5px; transition:all .1s linear; box-shadow:0 0 10px rgba(0,0,0,.2) inset;}
#sociales img:hover{ background:#333; transition:all .1s linear;}

/* styles generales */

.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:#8DB2FF; text-decoration:underline;}
.container-body a:hover{color:#719FFF; transition:.1s all linear;}

.content-article p{margin:0 0 10px; line-height:150%; }
.content-article h2{margin:0 0 10px; font-weight:normal;}
.content-article h2 span{line-height:100%;}
.content-article ul{margin:0 0 10px 15px;}
.content-article li{margin:3px 0;}

.clear{clear:both; height:0; margin:0; padding:0;}
.title{color:#444; font-weight:bold; font-family: "opensans"; text-shadow:0 0 1px rgba(0,0,0,.2)}
.btn-more{display:block; background:#ff420c; width:100px; margin-top:15px; padding:7px 0; color:#fff !important; text-align:center;  text-decoration:none !important; }
.btn-more:hover{background:#ff5727; transition:.1s all linear;}
.font-c1{color:#8DB2FF;}

/* secciones */

.section-inicio{ width:92%; padding:25px 4%; background:#F6F6F6; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

.section-proyecto .link-cat{ display:block; margin-bottom:20px;}
.section-proyecto .link-cat a{ color:#999; font-size:11px; text-decoration:none; text-transform:uppercase;}
.section-proyecto .link-cat a:hover{color:#719FFF;}
.section-proyecto .link-cat .active{ margint:0 10px; color:#666; font-weight:bold;}

.proy-item{ clear:both; width:100%; margin-bottom:20px;}
.proy-item .item-header{ background:url(../image/bg/bg_proyect.png); background-size:100%; width:100%; padding-bottom:7px;}
.proy-item .item-header h3{ background:#333; padding:10px 3%; text-transform:uppercase; color:#fff;font-family: "opensans";}
.proy-item .item-img{width:100%; height:150px; overflow:hidden; }
.proy-item .item-img img{width:100%;}
.proy-item .item-galeria{ background:#f9f9f9; margin-bottom:-1px; }
.proy-item .item-galeria img{ height:55px; border:1px solid #efefef; padding:5px;}
.proy-item .item-detalle{ display:block; padding:10px 3%; border:1px solid #efefef; font-size:12px; color:#666; font-weight:bold;}
.proy-item .item-detalle .det-date{float:left;}
.proy-item .item-detalle .det-cat{float:right;}
.proy-item .item-desc{ display:block; background:#f9f9f9; margin-top:-1px; padding:15px 3%; border:1px solid #efefef;}
.proy-item .item-desc .desc-image{ float:left; width:32%; margin-right:3%;}
.proy-item .item-desc .desc-image img{width:100%;}
.proy-item .item-desc .desc-content{ float:right; width:65%;}

.paginacion{ float:right;}
.paginacion a { 
	display:block; 
	float:left; 
	border:1px solid #efefef; 
	margin:0px 2px; 
	padding:5px 10px;
	border-radius:3px;
	color:#999;
	font-size:11px;
	text-align:center; 
	text-decoration:none;
}
.paginacion a:hover { background:#8DB2FF; border:1px solid #8DB2FF; color:#fff; font-weight:bold; }
.paginacion .active { background:#719FFF; border:1px solid #719FFF; color:#fff; font-weight:bold;}
.paginacion .desactive { color:#ddd; }
.paginacion .desactive:hover { background:none; border:1px solid #efefef; color:#ddd; }

/* modulos */

.modulo{ clear:both; width:100%; margin-bottom:20px;}
.modulo .mod-header{ background:url(../image/bg/bg_proyect.png); background-size:100%; width:100%; padding-bottom:7px;}
.modulo .mod-header h3{ background:#333; padding:10px 5%; text-transform:uppercase; color:#fff;}
.modulo .mod-desc{ display:block; background:#f9f9f9; margin-top:-1px; padding:15px 5%; border:1px solid #efefef;}

.mod-proyecto{ display:block; width:100%; margin:0; padding:10px 0;}
.mod-proyecto .content-mod{ float:left; width:25%; }
.mod-proyecto .content-mod h3{ margin-bottom:10px;}
.mod-proy-item{ float:left; width:22%; margin:0 0 0 3%;}
.mod-proy-item .item-img{width:100%; overflow:hidden; height:110px;}
.mod-proy-item .item-img img{width:100%;}
.mod-proy-item .item-title{padding:5px 0; margin:5px 0; color:#444; font-weight:bold; border-bottom:1px solid #efefef;}
.mod-proy-item .item-desc{text-align:left; line-height:150%; margin:5px 0 10px;}

/* posiciones editadas */

.contacto-data { width:400px; }
.contacto-data .title { font-size:15px; margin:0 0 15px; font-weight:bold;}
.contacto-data span { font-size:13px; margin: 3px 5px; margin-left:20px; float:left;}
.contacto-data .campo { clear:both; display:block; width:50px;}
.contacto-img{ clear:both; display:block; text-align:center;}
.contacto-img img{ max-width:230px; margin-top:20px; }
.contacto-data .dato a { color:#1152A4;}
.contacto-form { width:554px; border-left:1px solid #eee; padding-left:30px;}
.contacto-form .title { font-size:18px; margin:0 0 15px; font-weight:bold}