﻿
* html body{ /*IE6 hack*/
padding: 0 0 0 0; /*Set value to (0 0 0 WidthOfFrameDiv)*/
background-color: #444247;
margin: auto;
margin-top: 0px;
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
background-color: #444247;
margin: auto;
margin-top: 0px;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


body{
margin: auto;
margin-top: 80px;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	background-image: url('../images/generales/fondo-1.jpg');
	background-repeat: no-repeat;
	background-color: #444247;
	background-position: top center;
	font-family:    Verdana, Arial, Helvetica, sans-serif;
scrollbar-face-color:#ff9900;
scrollbar-highlight-color:€ee7d21;
scrollbar-3dlight-color:orange;
scrollbar-darkshadow-color:#333333;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#eaeaea;
}

a {
text-decoration:none;
color: 			#FF9900;
}
a:hover {
text-decoration:underline;
color:          #FF9900;
}

#wrap {
	border: thin solid #C0C0C0;
	margin: auto;
	padding: 0;
	width: 800px;
	max-height: 100%;
	background-color: #444247;
}

#header{
	width: 800px;
	height: 115px;
	padding: 0;
	margin: auto;
	background-color: #444246;
}

#cuerpo {
	padding: 0px 20px 20px 0px;	
		margin: auto;
}

#nav {
	padding: 0px 0px 0px 12px;
	width: 180px;
	float: left;
	color: white;
}
#contenido {

	height: 400px;

	overflow: auto;

	background-color: white;

	padding: 10px;

	font-family:    Verdana, Arial, Helvetica, sans-serif;

	font-size: 		11px;

	color: 			#333333;

}

#contenido-portada {

	height: 400px;

	overflow: auto;

	background-color: #3f3e46;

	padding: 10px;

	font-family:    Verdana, Arial, Helvetica, sans-serif;

	font-size: 		11px;

	color: 			#333333;

}

#contenido h1 { 

	padding: 0;

	margin: 0;

}

.titulos {
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: left;
height:			100px;
text-align: 	left;
font-size: 		14px;
font-weight:	bold;
color: 			#333333;
}
.titulos p{
margin-top:10px;
margin-left:20px;
}
.titulos img{
float:          right;
}
.empleados {
width:          250px;
height:			85px;
text-align: 	left;
color: 			#333333;
float:          left;
margin-right:   10px;
margin-top:     10px;
border:         1px solid #CCCCCC;
}
.empleados img{
padding-top:    5px;
padding-left:   5px;
padding-bottom: 5px;
}
.empleados a{
font-size:      9px;
text-decoration:none;
color:          #FF9900;
}
.empleados a:hover{
text-decoration:underline;
color:          #FF9900;
}
.productos {
width:          550px;
text-align: 	left;
color: 			#333333;
float:          left;
margin-left:    10px;
margin-top:     10px;
border:         1px solid #CCCCCC;
}
.productos img{
padding:        5px;
}
/* empieza el menu */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 120px; /* Width of Menu Items */
}

.suckerdiv_2 ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 120px; /* Width of Menu Items */
}

.suckerdiv ul li{
position: relative;
	top: 0px;
	left: 0px;
}
.suckerdiv_2 ul li{
position: relative;
	top: 0px;
	left: 0px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 100px; /*sub menu width*/
top: 0;
visibility: hidden;
}
.suckerdiv_2 ul li ul{
position: absolute;
width: 100px; /*sub menu width*/
top: 0;
visibility: hidden;
}


/* Sub level menu links style */
.suckerdiv ul li a{

	display: block;

	overflow: auto; /*force hasLayout in IE7 */;

	color: #FFFFFF;

	text-decoration: none;

	background: #444246;

	padding: 1px 5px;

	font-family: "Segoe UI";

	font-weight: normal;

	font-size: 13px;

	border-top: 1px solid #CCCCCC;

	margin-top: 3px;

}
.suckerdiv_2 ul li a{

	display: block;

	overflow: auto; /*force hasLayout in IE7 */;

	color: #FFFFFF;

	text-decoration: none;

	background: #444246;

	padding: 8px 5px;

	font-family: "Segoe UI";

	font-weight: normal;

	font-size: 15px;

	border-top: 1px solid #CCCCCC;

	margin-top: 3px;

}

.suckerdiv ul li a:visited{

	color: #FFFFFF;

}
.suckerdiv_2 ul li a:visited{

	color: #FFFFFF;

}

.suckerdiv ul li a:hover{

	background-color: #444246;

	color: #FF9900;

}
.suckerdiv_2 ul li a:hover{

	background-color: #444246;

	color: #FF9900;

}

.suckerdiv .subfolderstyle{
	background: url('../images/generales/mas2.jpg') no-repeat right;
	background-color: #444246;
}

.suckerdiv_2 .subfolderstyle{
	background: url('../images/generales/mas2.jpg') no-repeat right;
	background-color: #444246;
}

#clientes img{
border: 1px solid #CCCCCC;
padding: 5px;
margin-right: 10px;
}
#footer {
	border: 1px solid #C0C0C0;
	color: #FFFFFF;
	margin: auto;
	padding: 0;
	width: 800px;
	max-height: 100%;
	background-color: #444247;
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
}
.mensaje {
text-align: 	center;
font-size: 		14px;
font-weight:	bold;
color: 			#FF9900;
}
.avisos {
width:          500px;
height:			85px;
text-align: 	left;
color: 			#333333;
*/float:          left;*/
margin-right:   10px;
margin-top:     10px;
border:         1px solid #CCCCCC;
font-family:    Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#placeholder {
margin-left: 65px;
}
