*{margin: 0;
padding:0;
border:none;
outline:none;

}
body{
	font-family: Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	background:#d8d8d8;
	text-align: center;
}
a{
color:#c00;
}
a:hover{
color:#f00;
}
a:visited{
color:#c22;
}
p.error{
background:#FFCDBF;
border: 1px solid #DE471D;
padding:4px 8px;
margin:5px 0;
width:320px;
color:#4B1000;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
text-shadow:0 1px 0 #FFE3DC;
-moz-text-shadow:0 1px 0 #FFE3DC;
-webkit-text-shadow:0 1px 0#FFE3DC;
-khtml-text-shadow:0 1px 0 #FFE3DC;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
p.message{
background:#BFFFC0;
border: 1px solid #38DE1D;
padding:4px 8px;
margin:5px 0;
width:320px;
color:#144B00;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
text-shadow:0 1px 0 #E4FFDC;
-moz-text-shadow:0 1px 0 #E4FFDC;
-webkit-text-shadow:0 1px 0#E4FFDC;
-khtml-text-shadow:0 1px 0 #E4FFDC;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
}
/**************/
/****FORMS*****/
/**************/
#contactForm{
margin:0 0 0 30px;
float:left;
}
input[type=text], textarea{
background:url('../images/bg_input.png') top left repeat-x #fff;
font-size: 22px;
line-height:26px;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666;
padding:4px 8px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;

width:320px;
}

label{
display:block;
color:#333;
font-size: 22px;
margin:10px 0 5px 0;
text-shadow:0 1px 0 #eee;
-moz-text-shadow:0 1px 0 #eee;
-webkit-text-shadow:0 1px 0 #eee;
-khtml-text-shadow:0 1px 0 #eee;
}
input[type=submit]{
background:url('../images/bg_button.png') bottom left repeat-x #fff;
font-size: 22px;
line-height:26px;
padding:4px 8px;
margin:10px 0 5px 0;
color:#333;
text-shadow:0 1px 0 #fff;
-moz-text-shadow:0 1px 0 #fff;
-webkit-text-shadow:0 1px 0 #fff;
-khtml-text-shadow:0 1px 0 #fff;
}

/**End Forms**/
#headerWrap{
background:#030303;
height:128px;
text-align: center;
}
#header{
width:960px;
margin:0 auto;
text-align: left;
}

#header h1 a{
	margin:10px 0;
	text-indent:-9999px;
	font-weight:bold;
	font-size:5em;
	float:left;
	width:112px;
	height:108px;
	background-image: url(../images/spriteme1.png);
	background-position: -10px -10px;
}
#header h2{
background: url('../images/flecha.png') .2em left #030303 no-repeat;
float:left;
color:#fff;
font-size:1.6em;
line-height:1.2em;
width:400px;
margin:30px 0 0 40px;
padding-left:40px;
}
#navWrap{
text-align: center;
background:#4f0b00;
}
ul#topNav{
text-align: left;
list-style-type:none;
background:#4f0b00;
width:960px;
margin:0 auto;
height:42px;
}
ul#topNav li{
display:inline;
}
ul#topNav li a{
font-weight:bold;
display:block;
color:#fff;
font-size:20px;
line-height:20px;
text-decoration:none;
padding:11px 20px;
height:20px;

float:right;
}
ul#topNav li a:hover, ul#topNav li a.active{
background: url('../images/menu_hover.png') #a00d00 top left repeat-x;
border-bottom:2px solid #ff1500;
padding:11px 20px 9px 20px;
}
ul#topNav li a:hover{
color: #3A0400;
text-shadow:0 1px 0 #DD6156;
-moz-text-shadow:0 1px 0 #DD6156;
-webkit-text-shadow:0 1px 0 #DD6156;
-khtml-text-shadow:0 1px 0 #DD6156;
}
span#underLogo{
background:#380901;
height:42px;
float:left;
width:112px;
border-bottom-right-radius:16px;
-moz-border-radius-bottomright:16px;
-webkit-border-bottom-right-radius:16px;
}

hr#endHeader{
border:#d8d8d8;
clear:both;
height:8px;
color:#d8d8d8;
background:url('../images/shadow.gif') bottom left repeat-x #ddd;
 
}
div#content{
width:880px;
margin:0 auto;
text-align:left;
padding:40px;
}

div#content h2{
background: url('../images/flecha_negra.gif') top left no-repeat transparent;
color:#000;
padding:4px 0 4px 50px;
text-shadow: 1px 1px 0 #fff;
-moz-text-shadow: 1px 1px 0 #fff;
-webkit-text-shadow: 1px 1px 0 #fff;
-khtml-text-shadow: 1px 1px 0 #fff;
font-size:30px;
line-height:30px;
margin:5px 0 20px 0;
filter: Shadow(Color=#fff, 	
			Direction=135, 
			Strength=5);
		
}

div#content h2 a{

            color:#000;
           
            text-decoration:none;

            display:block;

            
            
          
}
ul#projectNav{
margin-left:-46px;
margin-top:16px;
list-style-type:none;
float:left;
width:46px;
}
ul#projectNav li a{
position:relative;
z-index:10;
display:block;
padding:3px;
width:40px;
height:40px;
overflow:hidden;
text-align:center;
}
ul#projectNav li a.current{

width:50px;
}
ul#projectNav li a img{
width:64px;
margin: 0 auto;
}
div#ulWrap{
width:537px;
margin:0;
padding:0;
margin-left:-32px;
float:left;
}
div#contactoWrap{
width:537px;
margin:0;
padding:0;
margin-left:-32px;
float:left;
}
ul#proyectos{
list-style-type:none;
margin-bottom:30px;
}
ul#proyectos li{
width:537px;
height:440px;

}
.projectImage .img{
display:block;
width:480px;
background-image: url(../images/spriteme1.png);
background-position: -10px -138px;
padding:16px 25px 44px 32px;
height:380px;
overflow:hidden;
}
.projectImage .img span{
display:block;
width:480px;
height:360px;
overflow:hidden;
}
.projectImage .img img{
width:480px;

}
.projectImage a.img:hover{
background:url('../images/shadow_hover.png') top left no-repeat;
}
.projectImage{
height:440px;
width:537px;
}
.contact{
height:auto;
}
.projectImage dl{
border-top:2px solid #d01a00;
border-color:rgba(208,26,0,0.8);
position:relative;
padding:10px;
margin:-164px 0 0px 32px;
background:#000;
background:rgba(0,0,0,0.8);
width:460px;
z-index:5;
}
.projectImage dt{
display:none;
}
.projectImage dd,.projectImage dd a{
color:#fff;
text-decoration:none;
}
.projectImage dd{
margin:6px 0;
}
.projectImage dd a:hover{
text-decoration:underline;
}
.projectImage dd.titulo{
font-size:25px;
line-height:25px;
font-weight:bold
}
.projectImage dd.desc{
font-size:0.8em;
}
.projectImage dd.link, dl#servicios dd a{
display:block;
text-align:right;
}
.projectImage dd.link a, dl#servicios dd a{

font-size:0.9em;
color:#ff1300;
text-decoration:underline;
}
.projectImage dd.link a:hover, dl#servicios dd a:hover{
color:#C80E00;
}
.projectImage dd.link a:visited, dl#servicios dd a:visited{
color:#D05247;
}

dl#servicios{
float:left;
width:360px;
margin-top:10px
}
dl#servicios dt{
margin:0px 0px 4px 140px;
padding-left:25px;
padding-bottom:7px;
background-image: url(../images/spriteme1.png);
background-position: -10px -1024px;
font-size:16px;
line-height:16px;
font-weight:bold;
text-shadow: 1px 0px 0 #eee;
-moz-text-shadow: 1px 0px 0 #eee;
-webkit-text-shadow: 1px 0px 0 #eee;
-khtml-text-shadow: 1px 0px 0 #eee;
filter: Shadow(Color=#eee, 	
			Direction=135, 
			Strength=5);
}
dl#servicios dd{
margin:-20px 12px 0px 12px;
height:116px;
padding-left:130px;

}
dl#servicios dd#serviciosDiseno{
background:url('../images/diseno.jpg') top left no-repeat;
}
dl#servicios dd#serviciosDesarrollo{
background:url('../images/desarrollo.jpg') top left no-repeat;
}
dl#servicios dd#serviciosSistemas{
background:url('../images/sistemas.jpg') top left no-repeat;
}
dl#servicios dd a{
font-size:12px;
font-weight:bold;
}
dl#servicios dd ul{
padding-top:16px;
padding-left:25px;
list-style-type:square;
list-style-position:inside;
}
dl#servicios dd ul li{
font-size:11px;
}
.texto{

border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
box-shadow:-2px 2px 8px rgba(0,0,0,0.2);
-webkit-box-shadow:-2px 2px 8px rgba(0,0,0,0.2);
-moz-box-shadow:-2px 2px 8px rgba(0,0,0,0.2);
-khtml-box-shadow:-2px 2px 8px rgba(0,0,0,0.2);
padding:25px 30px;
margin-top:20px;
font-size:1.6em;
font-weight:bold;
clear:both;
background:url('../images/texto.png') top left repeat-x #fff;
background-image: -moz-linear-gradient(left, right,
                          from(#dfdfdf),
                          to(#fff));
background-image: -webkit-gradient(linear, left top, left bottom,
                   	 	  color-stop(0.00, #dfdfdf),   
                  		  color-stop(1.00, #fff));

   	/* IE code - note GradientType=1 means horizontal */
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#dfdfdf, 
                endColorstr=#fff, 
               GradientType=0);
border-top:1px solid #fff;

}
.texto span.firma{
font-size:0.5em;
font-weight:normal;
color:#888;
display:block;
}
.texto span.firma a{
color: #669;
text-decoration:none;
}
.texto span.firma a:hover{
color:#336;
}
/*Formulario google*/
div.ss-form-container, body.ss-base-body , body.ss-base-body *, iframe.texto *{
background:transparent !important;
}

div.list{
	background:url('http://6px.eu/public/images/texto.png') top left repeat-x #fff;
	-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	-khtml-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:10px;
	clear:both;
	margin-bottom:30px;
	width:900px;
	border-top:1px solid #fff;
	text-shadow:0 1px 0 #fff;
	-moz-text-shadow:0 1px 0 #fff;
	-webkit-text-shadow:0 1px 0 #fff;
}
a.listImageWrap{
	background:url('http://6px.eu/public/images/stripe.png') top left repeat #ddd;
	display:block;
	margin-top:-1px;
	float:left;
	width:230px;
	height:145px;
	overflow:hidden;
	border:5px solid #000;
	margin-right:60px;
}

div.list h3, div.list p, div.list ul{
	float:left;
	margin-top:40px
}
div.list h3 a{
	float:left;
	display:block;
	color:#000;
	text-decoration:none;
}
div.list p, div.list ul{
	width:350px;
	color:#8f8f8f;
	font-size:0.8em;
}
div.list p.readmore{
	float:right;
	margin-right:50px;
	margin-top:10px;
	text-align:right;
}
div.list div.dateTitleWrap{
	width:200px;
	float:left;
}
div.list div.dateTitleWrap .date{
	color:#666;
	margin-top:8px;
	font-size:0.9em;
}
div.list p.readmore a{
	font-weight:bold;
color:#f00;
}
hr.clear-both{
	visibility:hidden;
	border:none;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}
#footerWrap{
background:url('../images/footer_repeat.png') bottom left repeat-x #030303;
width:100%;
border-top:5px solid #d01a00;
padding-top:15px;
clear:both;
}
#footer{
background:url('../images/footer.png') bottom right no-repeat transparent;
padding-bottom:251px;
}
#listsWrap{
width:960px;
margin: 0 auto;
text-align:left;
}
#socialWrap{
width:300px;
float:left;
}
ul#social{
list-style-type:none;

}
ul#social li{
float:left;
}
ul#social li a{
display:block;
width:48px;
height:48px;
padding:5px;
text-decoration:none;
text-indent:-9999px;
background-repeat:no-repeat;
}
ul#social li a#skype{
background-image: url(../images/spriteme1.png);
background-position: -4px -582px;
}
ul#social li a#facebook{
background-image: url(../images/spriteme1.png);
background-position: -4px -654px;
}
ul#social li a#twitter{
background-image: url(../images/spriteme1.png);
background-position: -4px -726px;
}
ul#social li a#linkedin{
background-image: url(../images/spriteme1.png);
background-position: -4px -798px;
}
ul#social li a#vimeo{
background-image: url(../images/vimeo.png);
background-repeat:no-repeat;
background-position: 7px 7px;
}
ul.links, div.links{
list-style-type:square;
float:left;
margin:20px 0 0 60px;
width:270px;
}
iframe body #tweet-box-container label{
color:#ccc !important;
}
ul.links li{
color:#fff
}
ul.links li a{
line-height:1.4em;
color:#fff;
text-decoration:none;
}
ul.links li a:hover{
color:#ddf;
}
ul.links li a:visited{
color:#eee;
}
hr.clear{
visibility:hidden;
border:none;
height:0;
clear:both;
}
#arrow{
font-size: 0px; line-height: 0%; width: 0px;
border-top: 30px solid #000;
border-right: 20px solid #fff;
width:0px;
margin-top:60px;
margin-left:130px;
}
div#statuses{
color:#000;
background:#fff;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-khtml-border-radius:8px;

padding:10px;
margin-left:10px;
clear:left;
min-height:80px;
}
div#statuses p{
margin:4px 4px 4px 58px;
font-size:12px;
}
.twitterProfileImage{
float:left;
margin:4px;
}
a.followerCount{

font-weight:bold;
font-size:12px;
color:#999;
display:block;
text-align:right;
clear:both;
text-decoration:none;
}
a.followerCount:hover{
color:#666;
text-decoration:underline;
}
/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
	body{
	  -webkit-text-size-adjust:none;
	  font-family:Helvetica, Arial, Verdana, sans-serif;
	  padding:5px;
	}
	div{
	  clear:both!important;
	  display:block!important;
	  width:100%!important;
	  float:none!important;
	  margin:0!important;
	  padding:0!important;
	}
	img{
	  max-width:100%;
	  height:auto;
	}
}