@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:17px;	
}
body{
	background: #FFF;
}
a{
	display:block;
	text-decoration:none;
	outline:none;
	border:none;
}
a img{
	border:none;
}
li{
	list-style:none;
}
.container{
	width:100%;
	position:relative;
}
#header{
	height:270px;
}
.inside{
	width:980px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-490px;
	height:100%;
	text-align:center
}
#menu{
	overflow: hidden;
	margin: 20px auto;
}

#menu li{
	float: left;
	width: 200px;
	display: block;
	margin-left: 45px;
}
.big_letters{
	font-family: Arial;
	font-size:22px;
	font-weight: bold;
	text-transform:uppercase;
	line-height: 35px;
	color:#FFF;
}
.blue{
	color:#35aae0;
}
.gris{
	color: #464646;
}
.top_padding{
	padding-top:17px;
}
.black{
	color: #000;
}
#intro{
	background: #e2e2e2;
	height:246px;
}
#quienes_somos{
    background: none repeat scroll 0 0 #35AAE0;
    height: 680px;
}
#quienes_somos .inside{
    background: url("../images/quienes_somos_bg.jpg") no-repeat scroll 0 bottom transparent;
    text-align: justify;
}
.column1{
	width:130px;
}
.column2{
	width:750px;
}
.columns{
	margin-left:25px;
	margin-top:30px;
	float:left;
	height:370px;
}
#quienes_somos p{
	color:#020b0f;
	font-size:17px;
	line-height:26px;
	margin-bottom:10px;
}
#servicios{
	height: auto;
}
#title{
	height:95px;
}
#title a{
    float: left;
    margin-left: 25px;
    margin-top: 30px;
}
#marketing{
	background: #35aae0;
	height:62px;
}
#marketing h3{
	margin-left:25px;
	float:left;
	margin-top:15px;		
}
#design{
	background:#e2e2e2;
	height:62px;	
}
#design h3{
	margin-top:15px;
	color:#35aae0;
}
#desarrollo{
	background: #363636;
	height:62px;
}
#desarrollo h3{
	margin-right:25px;
	float:right;
	margin-top:15px;		
}
.items_servicios{
	height:439px;
	background:url(../images/items_servicios_bg.jpg);
}
.items_servicios{
    color: #FFFFFF;
    font-size: 17px;	
}
.items_servicios ul{
	margin-top: 55px;
	height:330px;
	width:490px;
	float:left;
}
.items_servicios .inside li{
    line-height: 26px;
    text-align: left;
}
.items_servicios .inside li ul{
	margin-left:60px;
	margin-top:0;
	height:auto;
}
#items_skills{
	height:241px;
}
#contacto{
	background: #000;
	height:715px;
	color:#FFF;
}
#contacto .inside{
	background:url(../images/contacto_bg.jpg);
	text-align:left;
}
.bold{
	font-weight:bold;
}
#datos_contacto{
	font-size:14px;
	margin-top:5px;
}
#datos_contacto span{
	font-size:14px;
}
.columnas_contacto{
	margin-left:75px;
	_margin-left:65px;
	overflow:hidden;
	height: auto;
}
#forma_contacto{
	width:359px;
}
#forma_contacto textarea{
	width:349px;
	height:113px;
	max-width:349px;
	max-height:113px;	
	border:none;
	padding:5px;
}
#forma_contacto .big_letters{
	font-size:20px;
}
.inputs{
	width:349px;
	height:17px;
	border:none;
	padding:5px;
	margin-bottom:5px;
}
#enviar{
    background: none repeat scroll 0 0 #35AAE0;
    border: medium none;
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    height: 34px;
    text-transform: uppercase;
    width: 106px;
	margin-top:15px;
	cursor:pointer;
}
#up{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:100;
	display:none;
}
#up img{
/*	width:30px;*/
}
.titulo_servicios{
	cursor:pointer;
}
#portafolio{
	background: #363636;
	height:1500px;
}
#p_imgs{
	width:750px;
	height:738px;
}
#p_imgs a{
	background: #FFF;
	padding:20px;
	margin: 0 0 30px 30px;
	float:left;
}