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

@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/oswald-webfont.eot');
    src: url('../fonts/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-webfont.woff') format('woff'),
         url('../fonts/oswald-webfont.ttf') format('truetype'),
         url('../fonts/oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OswaldBold';
    src: url('../fonts/oswald-bold-webfont.eot');
    src: url('../fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-bold-webfont.woff') format('woff'),
         url('../fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('../fonts/oswald-bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0;
	padding:0;
	background:url(../images/bg.jpg);
}

a{text-decoration:none; outline:none;}
.c{clear:both;}
img{border:0;}

.main-wrap{
	background:url(../images/banner-bg.jpg) repeat-x;
	}
	
.main-wrap-inner{
	background:url(../images/banner-bg-inner.jpg) repeat-x;
	}
	
.wrap{
	width:960px;
	margin:0 auto;
}

.header{
	height:154px;
}

.logo{
	background:url(../images/logo.png) no-repeat;
	width:102px;
	height:125px;
	margin-top:15px;
	margin-left:15px;
	display:inline-block;
	float:left;
	}
	
.logo a{
	display:block;
	width:102px;
	height:125px;
}

.header-right{
	width:750px;
	float:right;
	padding-right:10px;
}
	
.phone-header{
	background:url(../images/phone-icon.png) no-repeat;
	line-height:35px;
	float:right;
       font-family: 'OswaldRegular';
	font-size:30px;
	color:#144f96;
	padding-left:40px;
	margin-top:52px;
	float:right;
}
	
.nav{
	float:right;
	margin-top:20px;
	}
	
.nav ul{
	margin:0;
	padding:0;
}

.nav ul li{
	list-style:none;
	background:#e0eff8;
	line-height:34px;
	margin:0 4px;
	float:left;
	text-align:center;
	width:111px;
	border-radius:4px;
	position:relative;
	}

.nav ul li a{
       font-family: 'OswaldRegular';
	font-size:16px;
	color:#1b2857;
	display:block;
	line-height:34px;
}

.nav ul li a:hover{
	color:#FFF;
	background:url(../images/nav-hover.png) repeat-x;
	border-radius:4px;
}

.nav ul li a.active{
	color:#FFF;
	background:url(../images/nav-hover.png) repeat-x;
	border-radius:4px;
}


.nav li ul {
	display:none;
	position: absolute;	
	top:34px;
	left:0px;
	width:250px;
	line-height:25px;
	z-index:98756;
	background:#e0eff8;
	border-radius:6px;
	border:#7bcaf9 solid 1px;
	padding:5px 0;
}
.nav li ul li{
	margin:0;
	padding:0;
	text-align:left;
	display:inline-block;
	font-size:12px;
	width:230px;
	line-height:37px;
	background:url(../images/nav-bg.png) repeat-x;
}

.nav li ul li a{
	padding-left:15px;
	font-size:15px;
	line-height:30px;
	}
	
.nav li ul li a:hover{
	background:none;
	color:#007cc3;
	}

.banner-shadow{
	background:url(../images/banner-shadow.png) no-repeat;
	height:19px;
	margin-top:15px;
}
	
.boxes{
	margin-top:75px;
}

.boxes span{
	width:289px;
	height:40px;
	line-height:40px;
	position:absolute;
	left:0;
	bottom:0;
	color:#FFF;
	font-size:22px;
	text-transform:uppercase;
       font-family: 'OswaldRegular';
	padding-left:15px;
}
	
.boxes span a{
	display:block;
	color:#FFF;
}

.boxes1{
	background:url(../images/desarrollo-iphone.png) no-repeat;
	width:304px;
	height:209px;
	float:left;
	position:relative;
}

.boxes1 a{
	width:304px;
	height:209px;
	display:block;
}

.boxes2{
	background:url(../images/desarrollo-ipad.png) no-repeat;
	width:304px;
	height:209px;
	float:left;
	margin:0 24px;
	position:relative;
}

.boxes2 a{
	width:304px;
	height:209px;
	display:block;
}

.boxes3{
	background:url(../images/android-desarrollo.png) no-repeat;
	width:304px;
	height:209px;
	float:left;
	position:relative;
}

.boxes3 a{
	width:304px;
	height:209px;
	display:block;
}

.content{
	margin-top:20px;
	padding-bottom:10px;
	}

.content-left{
	width:633px;
	float:left;
	}
	
.content-right{
	width:304px;
	float:right;
	}
	
h1{
	margin:0 0 10px 0;
	padding:0;
    font-family: 'OswaldRegular';
	font-size:22px;
	color:#393939;
	line-height:22px;
	text-transform:uppercase;
	font-weight:normal;
}

.text{
	font-family:'PT Sans',sans-serif;
	font-size:13px;
	color:#393939;
	line-height:18px;
	text-align:justify;
	}
	
.text a{
	color:#393939;
	}
	
.quick-contact{}

.quick-contact input{
	margin:0;
	padding:0;
	border:0;
	width:244px;
	height:33px;
	padding:0 10px 0 50px;
	font-family:'PT Sans',sans-serif;
	font-size:14px;
	color:#3b3b3c;
	margin-top:2px;
	margin:2px 2px 10px 2px;
	outline:none;
}

.quick-contact textarea{
	margin:0;
	padding:0;
	border:0;
	width:244px;
	height:83px;
	padding:10px 10px 10px 50px;
	font-family:'PT Sans',sans-serif;
	font-size:14px;
	color:#3b3b3c;
	background:url(../images/message-textare.png) no-repeat;
	margin:2px 2px 10px 2px;
	outline:none;
	resize:none;
}

.name{
	background:url(../images/name-input.png) no-repeat;
	}
	
.email{
	background:url(../images/email-input.png) no-repeat;
	}
	
.phone{
	background:url(../images/phone-input.png) no-repeat;
	}
	
.quick-contact input:focus{
	border:#34a9e5 solid 2px;
	border-radius:5px;
	margin:0px 0px 8px 0px;
	}
	
.quick-contact textarea:focus{
	border:#34a9e5 solid 2px;
	border-radius:5px;
	margin:0px 0px 8px 0px;
	}
	
.submit{
	background:url(../images/submit.png) !important;
	width:113px !important;
	height:36px !important;
	margin:0 !important;
	padding:0 !important;
	float:right;
	cursor:pointer;
}
	
.submit:focus{
	border:#34a9e5 solid 0px !important;
	border-radius:0px !important;
	margin:0px !important;
	outline:none;
	}
a:focus { 
    outline: none; 
}
	
.footer-wrap{
	background:url(../images/footer-bg.png) repeat-x;
}

.footer{
	width:960px;
	margin:50px auto 0 auto;
	position:relative;
	height:205px;
	padding-top:20px;
	font-family:'PT Sans',sans-serif;
	font-size:14px;
	color:#FFF;
	}
	
.footer a{
	font-family:'PT Sans',sans-serif;
	font-size:14px;
	color:#FFF;
	display:block;
	}
	
.footer-logo{
	background:url(../images/footer-logo.png) no-repeat;
	width:160px;
	height:164px;
	position:absolute;
	top:-45px;
	margin-left:40%;
	}
	
.footer-box1{
	width:170px;
	float:left;
}

.footer-box2{
	width:170px;
	float:left;
	margin-left:10px;
}

.footer-box3{
	width:220px;
	float:left;
	margin-left:220px;
}

.footer-box3 a{
	display:inline;
	}

.footer-box4{
	width:145px;
	float:left;
	margin-left:10px;
}

.facebook{
	background:url(../images/facebook.png) no-repeat;
	padding-left:30px;
	padding-bottom:10px;
}

.twitter{
	background:url(../images/twitter.png) no-repeat;
	padding-left:30px;
		padding-bottom:10px;
}

.linkedin{
	background:url(../images/linkedin.png) no-repeat;
	padding-left:30px;
		padding-bottom:10px;
}

.youtube{
	background:url(../images/youtube.png) no-repeat;
	padding-left:30px;
}


.copyright-design{
	padding-top:25px;
	}

.copyright{
	width:450px;
	float:left;
	line-height:30px;
	}
	
.copyright a{
	color:#FFF;
	text-transform:uppercase;
	display:inline;
	}
	
.design-by{
	width:450px;
	float:right;
	line-height:30px;
	text-align:right;
}

.design-by a{
	display:inline;
	}

.design-by img{
	float:right;
	margin-left:10px;
}

.banner{
	position:relative;
	}

.slideshow{}
a.next{
position:absolute;
left:0;
top:40%;
width:21px;
height:21px;
display:inline-block;
z-index:1000;
opacity:0.4;
filter:alpha(opacity=40);
font-weight:bold;
color:#fff;
}
a.prev{
position:absolute;
right:0;
top:40%;
width:21px;
height:21px;
display:inline-block;
z-index:1000;
opacity:0.4;
filter:alpha(opacity=40);
font-weight:bold;
color:#fff
}

#nav{
	position:absolute;
	top:486px;
	left:48%;
	color:#F00;
	z-index:123456;
}

#nav a {
    background:url("../images/banner-nav.png") no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 6px;
    margin:0 2px;
    text-indent: -3000px;
    width: 6px;
}
#nav a.activeSlide {
    background:url("../images/banner-nav-active.png") no-repeat;
}
	
	
/*---------------------INNER--------------------*/

.banner-inner{
	height:290px;
	margin-top:35px;
	}
	
.banner-inner-img{
	background:url(../images/inner-bg-banner.png) no-repeat;
	width:422px;
	height:275px;
	float:left;
	padding:15px 0 0 15px;
	}
	
.banner-inner-text{
	width:475px;
	float:right;
	}
	
.banner-inner-text .text{
	font-size:14px;
	line-height:24px;
	}
	
.banner-inner-text .text span{
	font-size:18px;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	}
	
.banner-inner-text h1{
	font-size:70px;
	line-height:70px;
	color:#125aa9;
	text-align:right;
	font-weight:normal;
	text-transform:none;
	text-shadow:#FFF 1px 1px 1px;
	margin-top:15px;
	margin-bottom:50px;
	}
	
.news-points{
	margin:20px 0 0 20px;
	padding:0;
	}
	
.news-points li{
	font-size:16px;
	color:#393939;
	padding-bottom:10px;
	padding-left:6px;
}

.news-points li a{
	color:#183884;
}

.news-points li a:hover{
	color:#183884;
	text-decoration:underline;
}

.somos-h1{
	margin-top:25px;
	}
	
.map{
	margin:10px 0 20px 0;
	border:#e1dddd solid 1px;
	}
	
.director{
	font-size:15px;
	padding-bottom:20px;
	}
	
.technologies{
	padding-bottom:20px;
	}
	
.news-points li ul{
	margin:10px 0 0 20px;
	padding:0
	}
	
.news-points li ul li{
	list-style-type:disc;
	}
	
.services-sub-title{
	font-family: 'OswaldRegular';
	font-size:17px;
	color:#393939;
	padding-bottom:5px;
}

.services-sub-title a{
	color:#183884;
}

.services-sub-title a:hover{
	text-decoration:underline;
}

.social-icon-header{
	background:url(../images/social-icon.png);
	width:176px;
	height:29px;
	float:right;
	margin-top:52px;
	margin-right:50px;
	}
	
.social-icon-header a{
	display:block;
	float:left;
	height:29px;
}

.social-icon-header-facebook{
	width:88px;
	}
	
.social-icon-header-twitter{
	width:42px;
	margin:0 5px;
	}
	
.social-icon-header-linkedin{
	width:29px;
	}
	
#technologies_bg{
	background:url(../images/tecnologias-sql-server.png) no-repeat;
	width:304px;
	height:243px;
	}
	
#technologies_bg img{
	margin:10px;
	}
	
.news-details{
	margin:0;
	padding:0;
	}

.news-details li{
	list-style:none;
	padding:20px 0;
	border-bottom:#ccc solid 1px;
	}
	
.news-details li img{
	float:right;
	margin-left:15px;
	}
	
.news-details .services-sub-title{
	color:#125AA9;
	margin-bottom:4px;
	}
	
.news-details li a{
	color:#125AA9;
	font-size:14px;
	font-weight:bold;
	}
.error{
		color:#C00;
		font-family:'PT Sans',sans-serif;
		padding-bottom:10px;
		margin-top:-7px;
		font-size:14px;
		display:block;
		
	}
.sucess{
		color:#093;
		font-family:'PT Sans',sans-serif;
		padding-bottom:10px;
		margin-top:-7px;
		font-size:14px;
		display:block;
		
	}

.contact-address-l{
	width:300px;
	float:left;
	margin-top:20px;
	}
	
.contact-address-r{
	width:300px;
	float:right;
		margin-top:20px;
	}
