* {
padding: 0;
margin: 0;
}

html, body {
overflow:hidden; 
}

body {  
color: #000000;
background-color: #ffffff;
font-family: Tahoma, Verdana, serif;
font-size: 11px;
text-decoration: none;

}

.ocult{/*display:none !important; */ position: absolute; top:-1550px;left:-1550px;height:0em; width:0em; overflow: hidden;}

#contenido {
display: block;
width: 741px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
}

#cuerpo {
background: url(../images/bg111.gif) no-repeat;
position: relative;
top: 60px;
left: 0px;
width: 741px;
height: 520px;
z-index: 10;
}

#cuerpo2 {
background: url(../images/bg222.gif) no-repeat;
position: relative;
top: 60px;
left: 0px;
width: 741px;
height: 520px;
z-index: 10;
}

#cuerpo3 {
background: url(../images/bg333.gif) no-repeat;
position: relative;
top: 60px;
left: 0px;
width: 741px;
height: 520px;
z-index: 10;
}

#cuerpo4 {
background: url(../images/bg444.gif) no-repeat;
position: relative;
top: 60px;
left: 0px;
width: 741px;
height: 520px;
z-index: 10;
}

#base {
position: relative;
margin-left: 425px;
margin-right: auto;
margin-top: 60px;
color: #ccc;
font-family: Tahoma, Verdana, serif;
font-size: 10px;
}

#izq {
position: absolute;
top: 290px;
left: 512px;
width: 170px;
height: 372px;
}

#izq2 {
position: absolute;
top: 211px;
left: 137px;
width: 170px;
height: 372px;
}


img {
border: 0px;

}
h1 { font-family: tahoma, verdana; font-weight: normal; font-size: 11px; margin: 0 0 2px 0; color: #FB0303; line-height: 14px;}
h3 { font-size: 10px; margin: 0 0 0 0; color: #999; }


.spacer { padding-left: 30px; }

div#nav { height: 90px; width: 94px; margin: 0 0 10px 0; padding: 0; border: 0; }
div#nav ul#menu { height: 90px; width: 94px; background: url(../images/nava.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 18px; width: 94px; display: block; outline:none;}
div#nav ul#menu li a { text-indent: -9999px; text-decoration: none; }

#homemenu { top: 0px; }
#acercamenu { top: 18px; }
#serviciosmenu { top: 36px; }
#portfoliomenu { top: 54px; }
#contactomenu { top: 72px; }

#homemenu a:hover { background: url(../images/nava.gif) -94px 0 no-repeat; }
#acercamenu a:hover { background: url(../images/nava.gif) -94px -18px no-repeat; }
#serviciosmenu a:hover { background: url(../images/nava.gif) -94px -36px no-repeat; }
#portfoliomenu a:hover { background: url(../images/nava.gif) -94px -54px no-repeat; }
#contactomenu a:hover { background: url(../images/nava.gif) -94px -72px no-repeat; }

body#home #homemenu { background: url(../images/nava.gif) -188px 0 no-repeat; }
body#acerca #acercamenu { background: url(../images/nava.gif) -188px -18px no-repeat; }
body#servicios #serviciosmenu { background: url(../images/nava.gif) -188px -36px no-repeat; }
body#portfolio #portfoliomenu { background: url(../images/nava.gif) -188px -54px no-repeat; }
body#contacto #contactomenu { background: url(../images/nava.gif) -188px -72px no-repeat; }

div#nave { height: 90px; width: 94px; margin: 0 0 10px 0; padding: 0; border: 0; }
div#nave ul#menu { height: 90px; width: 94px; background: url(../images/nave.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nave ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 18px; width: 94px; display: block; outline:none;}
div#nave ul#menu li a { text-indent: -9999px; text-decoration: none; }

#hommenu { top: 0px; }
#acercmenu { top: 18px; }
#serviciomenu { top: 36px; }
#portfolimenu { top: 54px; }
#contactmenu { top: 72px; }

#hommenu a:hover { background: url(../images/nave.gif) -94px 0 no-repeat; }
#acercmenu a:hover { background: url(../images/nave.gif) -94px -18px no-repeat; }
#serviciomenu a:hover { background: url(../images/nave.gif) -94px -36px no-repeat; }
#portfolimenu a:hover { background: url(../images/nave.gif) -94px -54px no-repeat; }
#contactmenu a:hover { background: url(../images/nave.gif) -94px -72px no-repeat; }

body#hom #hommenu { background: url(../images/nave.gif) -188px 0 no-repeat; }
body#acerc #acercmenu { background: url(../images/nave.gif) -188px -18px no-repeat; }
body#servicio #serviciomenu { background: url(../images/nave.gif) -188px -36px no-repeat; }
body#portfoli #portfolimenu { background: url(../images/nave.gif) -188px -54px no-repeat; }
body#contact #contactmenu { background: url(../images/nave.gif) -188px -72px no-repeat; }

div#navi { height: 90px; width: 94px; margin: 0 0 10px 0; padding: 0; border: 0; }
div#navi ul#menu { height: 90px; width: 94px; background: url(../images/navi.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#navi ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a { height: 18px; width: 94px; display: block; outline:none;}
div#navi ul#menu li a { text-indent: -9999px; text-decoration: none; }

#homenu { top: 0px; }
#acermenu { top: 18px; }
#servicimenu { top: 36px; }
#portfolmenu { top: 54px; }
#contacmenu { top: 72px; }

#homenu a:hover { background: url(../images/navi.gif) -94px 0 no-repeat; }
#acermenu a:hover { background: url(../images/navi.gif) -94px -18px no-repeat; }
#servicimenu a:hover { background: url(../images/navi.gif) -94px -36px no-repeat; }
#portfolmenu a:hover { background: url(../images/navi.gif) -94px -54px no-repeat; }
#contacmenu a:hover { background: url(../images/navi.gif) -94px -72px no-repeat; }

body#ho #homenu { background: url(../images/navi.gif) -188px 0 no-repeat; }
body#acer #acermenu { background: url(../images/navi.gif) -188px -18px no-repeat; }
body#servici #servicimenu { background: url(../images/navi.gif) -188px -36px no-repeat; }
body#portfol #portfolmenu { background: url(../images/navi.gif) -188px -54px no-repeat; }
body#contac #contacmenu { background: url(../images/navi.gif) -188px -72px no-repeat; }

#maincara {
 width: 360px;
 height: 359px;
 background: url(../images/cara1.gif) no-repeat;
 margin-top: 0px; padding: 0;
 position: relative;
 border: 0;
}

#maincara li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#maincara a {display: block; text-indent: -9999px; text-decoration: none;}
#mail {left: 0px; top: 0px; width: 360px; height: 359px; z-index: 40;}
#mail a {height: 359px;}
#mail a:hover {background: url(../images/cara1.gif) 0px -359px no-repeat;}



#screenmain {
position: absolute;
padding-right: 0px;
top: 103px;
left: 400px;
}

#screencurr {
position: absolute;
padding-right: 0px;
top: 147px;
left: 371px;
}

#screenpor {
position: absolute;
padding-right: 0px;
top: 40px;
left: 400px;
}

#screencon {
position: absolute;
padding-right: 0px;
top: 107px;
left: 415px;
}

p { font-family: tahoma, verdana; font-weight: normal; font-size: 11px; margin: 10px 0 0 0; padding: 0;color: #666; width: 300px; text-align: justify;}
h4 { font-family: tahoma, verdana; font-weight: normal; font-size: 11px; margin: 0 0 0 0; padding: 0; color: #666; width: 300px;
	text-decoration: underline;
}
h2 { font-family: tahoma, verdana; font-weight: normal; font-size: 11px; margin: 8px 0 7px 200px; padding: 0; color: #666; width: 300px; float:right;
}
h5 { font-family: tahoma, verdana; font-weight: normal; font-size: 11px; margin: 10px 0 0 0; color: #666; width: 200px; text-align: justify;}


a:link, a:visited {
	color: #BDBDBD;
	text-decoration: none;
	border: 0;
}

a:hover {
	color: #000;
	text-decoration: none;
	border: 0;
}

a:active {
	color: #999;
	text-decoration: none;
	border: 0;
}



input.form {
border-width: 1px;
border-style: solid;
border-color: #cccccc #eeeeee #eeeeee #cccccc;
FONT-SIZE: 95%;
FONT-WEIGHT: normal;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
margin-left: 20px;
margin-top: 2px;
color: #EE8F17;
padding-left: 5px;
width: 150px;
height: 14px;
}

textarea.form {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc #eeeeee #eeeeee #cccccc;
    	FONT-SIZE: 95%;
    	FONT-WEIGHT: normal;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	margin-left: 20px;
	color: #EE8F17;
	padding-left: 5px;
	margin-top: 2px;
	width: 150px;
}

input.form_submit {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #B4AAAD #B4AAAD #FFFFFF;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
    	FONT-SIZE: 95%;
    	FONT-WEIGHT: normal;
	letter-spacing: 1px;
	margin-left: 20px;
	color: #666;
}

label.form {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
    	font-size: 100%;
    	FONT-WEIGHT: normal;
	color: #666;
}
select, checkbox {
    font-family:tahoma,verdana, arial, sans-serif;
    color:#878787;
    background-color: #fff;
    border:1px solid #D4D0C8;
    font-size:11px; 
    font-weight: normal;
	}