/*html{ overflow-y: hidden; }*/

span {color: #858585; font-size: 0.8em;}

BODY {
	background: #ffffff url(../img/msg.gif) fixed repeat; height: 520px; 
}

.I {border:none}

.yo {MARGIN-TOP: 185px; margin-left:138px}

h1 {font-size: 1.4em; color:#000000; background-color: #ffffff; margin-top:37px;}

h3 {font-size: 1.4em; color:#000000; background-color: #ffffff; margin-top:37px;}

h2 {font-size: 1.1em; color:#575757; background-color: #ffffff; margin-top:-12px;}

h4 {font-size: 0.96em; color:#575757; background-color: #ffffff; margin-top: 20px;}

h5 {font-size: 1.1em; color:#000000; background-color: #ffffff; margin-top:37px;}

p, .index {color: #333; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif; line-height: 17px; text-align: left;}

li {list-style: disc; font-size: 0.6em; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif; text-align:justify; margin-left:-14px;}

.footer {color:#d0d0d0; background-color: #ffffff; font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; float:left; line-height: 14px; margin-top:471px; margin-left:20px}

.validate {border:0}

.fieldclass {color: #333; width:137px; border:1px solid #e5e5e5; background: #ffffff url(../img/field.gif) repeat-x; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif;} 

.fieldclass1 {color: #333; width:352px; border:1px solid #e5e5e5;background: #ffffff url(../img/field.gif) repeat-x; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif;}

.fieldclass2 {color: #333; width:235px; border:1px solid #e5e5e5;background: #ffffff url(../img/field.gif) repeat-x; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif;} 

.msg {color: #333; width:370px; height: 100px; border:1px solid #e5e5e5; background: #ffffff url(../img/msg.gif) repeat; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif; padding:2px;}

.pform {color: #333; font-size: 10.5px; font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif; text-align:right;}

#myForm
{text-align:right;}

#myLogin
{text-align:right; margin-top: -7px;}

.button, .buttonlog {
	font-size: 0.6em;
	font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif; 
	height: 22px;
	width: 54px;
        color: #6c6c6c;
	background-color: #ffffff;
	margin-left:5px;
	margin-top:5px;
	background: #ffffff url(../img/button.gif) no-repeat; 
	border: 0;
}

.buttonhover, .buttonloghover {
	COLOR:#000000;
	background-color: #ffffff;
	font-size: 0.6em;
	font-family: arial, Lucida Sans Unicode, tahoma, verdana, sans-serif;  
	height: 22px;
	width: 54px;
	margin-left:5px;
	margin-top:5px;
	background: #ffffff url(../img/button.gif) no-repeat; 
	border: 0;
}


h2 a:link, h4 a:link, h5 a:link {
	COLOR:#575757; background-color: #ffffff; text-decoration:none;
}

h2 a:active, h4 a:active, h5 a:active {
	COLOR:#8caf11; background-color: #ffffff; text-decoration:none;
}

h2 a:visited, h4 a:visited, h5 a:visited {
	COLOR:#575757; background-color: #ffffff; text-decoration:none;
}

h2 a:hover, h4 a:hover, h5 a:hover {
	COLOR:#8caf11; background-color: #ffffff; text-decoration:none;
}

#page, #pagelog{
	margin-left:-10px; position: absolute; width:5781px; margin-top: -292px; top: 50%; height: 520px; color: #000000;
}

#page-login{
	margin-left:-190px; position: absolute; margin-top: -230px; top: 50%; left: 50%; height: 400px; 
}

.contentext {width:412px; padding-left:32px; padding-top:5px;}

.contenlogin {width:234px; padding-left:32px; padding-top:5px;}

.eye {
	margin-top:30px; background: url(../img/cool.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}


#about {
	margin-top:30px; background: url(../img/about.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}

#portfolio {
	margin-top:30px; background: url(../img/inicio-tag.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}

#web-design {
	margin-top:30px; background: url(../img/web.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}

#vector-art {
	margin-top:30px; background: url(../img/vector.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}

#vector-art-2 {
	margin-top:30px; background: url(../img/vector.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}

#photography {
	margin-top:30px; background: url(../img/photo.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}


#contact {
	margin-top:30px; background: url(../img/contact.gif) no-repeat; FLOAT: left; WIDTH: 479px; height: 520px;
}


#login {
	margin-top:30px; background: url(../img/login.gif) no-repeat; FLOAT: left; WIDTH: 300px; height: 400px;
}


#weblog, #weblog1, #weblog2, #weblog3, #weblog4, #weblog5, #weblog6, #weblog7, #weblog8, #weblog9, #weblog10, #weblog11 {
	margin-top:30px; background: url(../img/weblog.gif) no-repeat; FLOAT: left; WIDTH: 482px; height: 520px;
}


#weblogend {
	margin-top:30px; background: url(../img/weblogend.gif) no-repeat; FLOAT: left; WIDTH: 479px; height: 520px;
}

.next {
	background : transparent; MARGIN-TOP: 231px; FLOAT: right; WIDTH: 23px; HEIGHT: 60px; margin-right:2px;
}

.return {
	background : transparent; MARGIN-TOP: 231px; FLOAT: right; WIDTH: 23px; HEIGHT: 60px; margin-right:2px;
}

.menureturn {
	background : transparent; MARGIN-TOP: 26px; FLOAT: right; WIDTH: 12px; HEIGHT: 17px; margin-right:12px; 
}

.menu {
	background : transparent; MARGIN-TOP: 26px; FLOAT: right; WIDTH: 12px; HEIGHT: 17px; margin-right:3px;
}