html, body {font-family: Verdana,Helvetica,Arial,sans-serif;margin:0;padding:0;font-size:12pt;width:100%;height:100%}
p {margin:0;padding:0;}
hr {border:none;border-top:1px dotted #333;}
a {outline:0;text-decoration:none;color:;}
a:hover {text-decoration:underline}
form {margin:0;padding:0;}
img {border:0;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;text-align:left;}
h1,h1 a {color:#3F8ECF;}
h2, h2 a {color:#666;}
h3, h3 a {color:#8AC5E1;}
h4 {color:;}
h5 {color:#000;}
h6 {color:#000;}
h6 a {color:#09f;}

#bienvenida {display:none;width:350px;text-align:left;background:#F7FAFD;border-right:1px solid #C0DAEF;overflow:auto;min-height:100%}
#bienvenida h1 {display:none;}
#bienvenida h4 {position:relative;color:#3F8ECF;padding:35px 30px;font-size:1.1em;white-space:nowrap;}
#bienvenida p {position:relative;font-weight:700;padding:0 30px 20px;font-size:0.75em;white-space:nowrap;color:#ACCEEA;}
#bienvenida p a {position:relative;color:#3F8ECF}
#bienvenida h3 {position:relative;color:#000;padding:0 30px 35px;font-size:0.8em;line-height:1.5em;font-weight:400;}
	
#cabezal {margin:auto;height:77px;}
#cabezal img {margin:-15px 0 0;}
#cabezal .usuario {float:left;position:relative;left:30px;}
#cabezal .logo {height:90px;width:340px;position:absolute;top:60px;right:30px;float:right;background-image: url(../imagenes/css/cyclope.png);background-repeat:left top no-repeat;}
#cabezal .alto {top:15px;}
#cabezal h1 {font-weight:400;color:#fff;font-size:0.80em;padding:12px 0 0;margin:0;}
#cabezal .login h1 {font-size:1.8em;padding:8px 0 0}
#cabezal h2 {font-weight:400;color:#fff;font-size:0.95em;padding:0;margin:0;}

#ingreso {text-align:left;float:right;position:absolute;right:0%;left:0%;top:25px;min-width:550px;}
#ingreso .cabezalito {background:url(../imagenes/css/ingreso-fdo.png) top left repeat-x;height:55px;display:block}
#ingreso .contenedor {}
#ingreso h3 {display:none;position:relative;color:#fff;padding:20px 0 20px 6%;font-size:1.5em;}
#ingreso .btn {display:block;margin:20px 0 0 0;float:right;}
#ingreso .contenedor {}
#ingreso .procesar {width:100%;text-align:left;}
#ingreso .procesar p {float:right;color:#307FBF;font-size:0.7em;text-align:left;margin:20px 15px 0 0;font-weight:400;padding:0;}
#ingreso .procesar p a {color:#307FBF}
#ingreso .field {border:2px solid #cce1f2;width:100%;padding:3px;}
#ingreso form {margin: 0 auto 30px;padding:25px 30px 65px 30px;background:#F7FAFD;width:263px;border:1px solid #C0DAEF;}
#ingreso p {font-size:0.8em;font-weight:700;margin:0 0 5px;color:#666;padding:20px 0 0;}


/**/
.buttoni {
	background-image: url(../imagenes/css/buttons.png);
	background-repeat: repeat-x;
	border:1px solid #8F9EB6;
	padding:3px 6px 2px 6px;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	color:#546581;
	font-size:12px;
	margin:15px 0 0 0;
	width:100px;
	background-color:#C6CFDC;
	float:right;
	}


#menuh {margin:20px 0 0 8px;line-height:normal;}
#menuh ul {list-style-type: none;margin:0;padding:0;text-transform:uppercase;font-size:0.7em;}
#menuh li {display:inline;margin:0;padding:0;}
#menuh a {float:left;background:url(../imagenes/css/menuh-fdo.png) 0% -33px no-repeat;margin:0 5px 0 0;padding:0 0 0 9px;text-decoration:none;}
#menuh a span {float:left;display:block;background:url(../imagenes/css/menuh-fdo.png) 100% -33px no-repeat;padding: 4px 12px 2px 3px;font-weight:700;color:#fff;}
#menuh a:hover {background-position:0% -33px;}
#menuh a:hover span { background-position:100% -33px;}
#menuh #current a {background-position:0% top;}
#menuh #current a span {background-position:100% top;}
#menuh br {clear:both}

.logo_cabezal{height:87px; background:url(../imagenes/css/logo_cyc.png) no-repeat top center}
.logo_pie{height:60px; background:url(../imagenes/css/logo_pie.png) no-repeat center center}

<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuh a span {float:none;}
/* End IE5-Mac hack */