body {
	font:0.9em/1.4 "Tahoma", sans-serif;
	background-color:#F1F1F1;
}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

p{
	margin:0 0 10px 0;
}

h1#logo{
	height:56px;
	margin-top:20px;
}

h1#logo a{
	display:block;
	width:180px;
	height:56px;
	text-indent:-5000px;
	background:url("../design/logo.jpg") no-repeat top left;
}

body#servicios h1#logo a{
	display:block;
	width:420px;
	height:56px;
	text-indent:-5000px;
	background:url("../design/logo-servicios.png") no-repeat top left;
}

body#servicios h1#logo a:hover, h1#logo a:hover{
	background-position:0 -56px;
}


h2{
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	color:#333333;
	margin:15px 0 25px 0;
}

body#servicios h2{
	font-size:24px;
}

h3{
	font-weight:normal;
	font-size:18px;
	text-transform:uppercase;
	color:#333333;
	margin:10px 0 20px 0;
}


ul.ul-02 {margin:15px 0; list-style:none;}
ul.ul-02 li {padding:2px 0 2px 25px; background:url("../design/ul-02.gif") 0 50% no-repeat; font-size:85%;}

#main {width:840px; margin:0 auto; overflow:hidden; background-color:#FFF; padding:20px; border-right:1px solid #DDD; border-left:1px solid #DDD;}
#header {position:relative; height:120px;}

#tray {position:absolute; top:15px; right:0; padding:0; width:250px; height:20px;  overflow:hidden; margin:0;}
#tray ul {margin:0; padding:0; height:20px; list-style:none;}
#tray li {float:left; height:20px;}
#tray li a {
	display:block; 
	padding:0; 
	height:20px; 
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-5000px;
	margin-right:10px;
}

#tray li a#tray-design {
	background-image:url('../design/tray-design.jpg');
	width:79px;
}
#tray li a#tray-portfolio {
	background-image:url('../design/tray-portfolio.jpg');
	width:69px;
}
#tray li a#tray-tech {
	background-image:url('../design/tray-tech.jpg');
	width:87px;
}
#tray li a#tray-contact {
	background-image:url('../design/tray-contact.jpg');
	width:63px;
}
#tray li a:hover, #tray li#tray-active a {background-position:0 -25px;}

#footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;
}
#footer p {margin:0;}


/*.col-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}*/
/*.col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}*/
.col {
	position:relative; 
	padding:5px 30px 15px 0; 
	/*background:url("../design/col.gif") 0 0 repeat-y;*/
	margin-bottom:20px;
}

.col-browser{position:relative; float:left; width:280px; height:215px; background:url("../design/browser.gif") 0 0 no-repeat; margin-top:10px;}
.col-browser img{position:absolute; top:0; left:0;}

.col-text {float:right; width:480px; padding-top:10px; line-height:1.7;}

.slogan{margin:0;}
.slogan a{text-decoration:none; display:block; color:#FF6600; font-size:80%;font-weight:bold;}
.btns {margin-top:25px; margin-bottom:0;}

.last {margin-right:0;}
.col h3 {margin:0; padding:0; }

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */