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

BODY {
	background: #ffffff url(../img/msg.gif) fixed repeat; height: 520px; 
}
.I {border:none}
.yo {MARGIN-TOP: 185px; margin-left:138px}

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

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

h5 {font-size: 1.1em; color:#575757; margin-top:30px;}

p {font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify;}

li {list-style: disc; font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; margin-left:-14px;}

p.index {width:110px; font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:justify; margin-top:152px; margin-left:10px}

p.footer {color:#d0d0d0; font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; float:left; margin-top:473px; margin-left:20px}

.validate {border:0}

.fieldclass {width:140px; border:1px solid #e5e5e5; background: #ffffff url(../img/field.gif) repeat-x; font-size: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif;} 

.fieldclass1 {width:356px; border:1px solid #e5e5e5;background: #ffffff url(../img/field.gif) repeat-x; font-size: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif;} 

.msg {width:370px; height: 100px; border:1px solid #e5e5e5;background: #ffffff url(../img/msg.gif) repeat; font-size: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; padding:2px;}

.pform {font-size: 0.6em; FONT-FAMILY: Arial, Helvetica, sans-serif; text-align:right;}

#myForm
{text-align:right;}

.button{
	font-size: 0.6em;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	height: 22px;
	width: 54px;
        color: #6c6c6c;
	margin-left:5px;
	margin-top:5px;
	background: #ffffff url(../img/button.gif) no-repeat; 
	border: 0;
}

.buttonhover {
	COLOR:#000000;
	font-size: 0.6em;
	FONT-FAMILY: Arial, Helvetica, sans-serif;  
	height: 22px;
	width: 54px;
	margin-left:5px;
	margin-top:5px;
	background: #ffffff url(../img/button.gif) no-repeat; 
	border: 0;
}

h4 a:link {
	COLOR:#575757; text-decoration:none;
}

h4 a:active {
	COLOR:#8caf11; text-decoration:none;
}

h4 a:visited {
	COLOR:#575757; text-decoration:none;
}

h4 a:hover {
	COLOR:#8caf11; text-decoration:none;
}

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

.contentext {width:412px; 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;
}


.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;
}