/***** i13designs 2010 *****/

body, div, h, a, p, li, ul, font, h2, h4, h3, h5, img, table, td, tr, form, select, object, embed
{
    padding: 0px;
    margin: 0px;
	border: 0px;
}

html, body
{
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 10px;
	background-color: #F3F3F3;
	color: #999999;
	filter:none;
}

a
{
    text-decoration: none;
	color: #999999;
}

a:hover
{
	color: #000;
}


div#splash
{
	float: left;
	width: 440px;
	height: 350px;
	margin-top: 85px;
}

div#splash h1
{
	float: left;
	width: 172px;
	height: 49px;
	margin-left: 45px;
	background-image: url(../img/logotipo.jpg);
	background-repeat: no-repeat;
}

div#splash h1 span
{
	display: none;
}

div#splash ul
{
	clear: both;
	margin-left: 45px;
	margin-top: 36px;
	float: left;
}

div#splash ul li
{
	list-style-type:none;  
}

div#splash li.separa
{
	margin-top: 20px;
}

.portafolio
 {
	clear: both;
	width: 280px;
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #ECECEC;
	float: left;
	margin-left: 37px;
 }

.portafolio div
{
	float: left; 
	width: 250px;
	margin-bottom: 5px;
}

.blog
 {
	clear: both;
	width: 280px;
	float: left;
	border-top: 1px solid #E5E5E5;
	padding-top: 12px;
	margin-top: 12px;
	margin-left: 37px;
 }
 
.mail span
{
	 unicode-bidi:bidi-override; 
	 direction: rtl;
}

a.entrar
{
	float: left;
	width: 69px;
	height: 20px;
	background-image: url(../img/entrar.jpg);
	background-repeat: no-repeat;
}

a.entrar:hover
{
	background-image: url(../img/entrarover.jpg);
}


a.entrar span
{
	display: none;
}

.explica
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	padding-top: 4px;
	margin-left: 12px;
}

.hosting
{
	color: #666666;
}