html, body
{
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS;
	background-color:#565656;
	font-size:10pt;
}

#container
{
	width:900px;
	margin:auto;
}

#containerlogin
{
	width:900px;
	margin:auto;
	text-align: center;
	/*background: url(../img/newloginbackground.jpeg) #fff;*/
	background: url(../img/newloginbackground.jpeg) center / contain no-repeat #fff;	
}
	
#banner
{
	margin:auto;
	margin-top:20px;
	padding:32px 0px 0px 0px;
	background: url(../img/bannertopbackground.png) top repeat-x;
	background-color:#FFFFFF;
}

#bannerlogin
{
	margin:auto;
	margin-top:20px;
	padding:32px 0px 0px 0px;
	background: url(../img/bannertopbackground.png) top repeat-x;	
}

#bannernosubmenu
{
	margin:auto;
	margin-top:20px;
	padding:32px 0px 31px 0px;
	background: url(../img/bannertopbackground.png) top repeat-x;
	background-color:#FFFFFF;
}

#bannernosubmenulogin
{
	margin:auto;
	margin-top:20px;
	padding:32px 0px 32px 0px;	
}

#menu
{
	margin:20px 0px 0px 10px;
	padding:10px 0px 20px 250px;
	background: url(../img/valtai.png) left no-repeat;
	background-color:#FFFFFF;
	color:#0099CC;
	font-size:11.5pt;
	font-weight:bold;
	word-spacing:6px;
}

#menu a 
{
	color:#0099CC;
	text-decoration:none;
	cursor:pointer;
}

#menu a:hover 
{
	color:#999999;
	text-decoration:none;
	cursor:pointer;
}

#menulogin
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	color:#0099CC;
	font-size:11.5pt;
	font-weight:bold;
	word-spacing:6px;
}

#menulogin h1 
{
	color:#0099CC;
	text-decoration:none;
}

.menuseleccionado
{
	color:#999999!important;
	text-decoration:none;
	cursor:pointer;
}

#submenu
{
	width:350px;
	padding-top:10px;
	padding-bottom:5px;
	background: url(../img/submenutopbackground.png) left bottom no-repeat;
	text-align:center;
	color:#999999;
	font-size:10.5pt;
	word-spacing: 5px;
	position: relative;
	left:300px;
	z-index:1;
	/*border-radius: 10px 10px 0px 0px;*/
}

#submenu a 
{
	color:#999999;
	text-decoration:none;
	cursor:pointer;
}

#submenu a:hover 
{
	color:#6699CC;
	text-decoration:none;
	cursor:pointer;
}

.submenuseleccionado
{
	color:#6699CC!important;
	text-decoration:none;
	cursor:pointer;
}

#subbanner
{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#999999;
	text-align:center;
	color:#FFFFFF;
	font-size:15pt;
}

#main 
{
	height:440px;
	padding:20px 20px 20px 20px;
	text-align:justify;
	background-color:#FFFFFF;
	color:#999999;
	font-size:11pt;
}

#mainlogin 
{
	height:440px;
	padding:20px 20px 20px 20px;
	text-align:center;
	color:#999999;
	font-size:11pt;
}

.index
{
	background: url(../img/indexbackground.jpg) bottom right no-repeat;
}

.servicios
{
	background: url(../img/serviciosbackground.jpg) bottom right no-repeat;
}

.impuestos
{
	background: url(../img/impuestosbackground.jpg) bottom right no-repeat;
}

.impuestosh1
{
	height:30px;
	background: url(../img/impuestosh1background.png) center left no-repeat;
	padding-left:50px;
}

.contabilidad
{
	background: url(../img/contabilidadbackground.jpg) bottom right no-repeat;
}

.contabilidadh1
{
	height:28px;
	background: url(../img/contabilidadh1background.png) center left no-repeat;
	padding-left:50px;
}

.laboral
{
	background: url(../img/laboralbackground.jpg) bottom right no-repeat;
}

.laboralh1
{
	height:28px;
	background: url(../img/laboralh1background.png) center left no-repeat;
	padding-left:50px;
}

.almacen
{
	background: url(../img/almacenbackground.jpg) bottom right no-repeat;
}

.almacenh1
{
	height:28px;
	background: url(../img/almacenh1background.png) center left no-repeat;
	padding-left:50px;
}

.marketing
{
	background: url(../img/marketingbackground.jpg) bottom right no-repeat;
}

.marketingh1
{
	height:28px;
	background: url(../img/marketingh1background.png) center left no-repeat;
	padding-left:50px;
}

.contacto
{
	background: url(../img/contactobackground.jpg) bottom right no-repeat;
}

#mainleft

{
	width:500px;
	padding:0px 20px 20px 20px;
	float: left;
}

#mainleft h1
{
	color:#6699CC;
	font-size:13pt;	
}

#mainleft p
{
	font-size:10pt;
}

#mainleft a 
{
	color:#6699CC;
	text-decoration:none;
	cursor:pointer;
}

#mainleft a:hover 
{
	color:#0099CC;
	text-decoration:none;
	cursor:pointer;
}

.resaltar
{
	color:#6699CC;
	font-weight:bold;
}

#mainright
{
	width:inherit;
	text-align:right;
	padding:5px 20px 20px 20px;
}

#login 
{
	height:135px;
	text-align:right;
	padding-right:20px;
	background: url(../img/logintopbackground.png) top right no-repeat;
}

#loginnew 
{
	height:135px;
	text-align:center;
}

#loginnew img
{
	width:350px;
}

#login h1
{
	padding-top:10px;
	color:#6699CC;
	font-size:12pt;
	text-align:right;
	padding-right:100px;
	margin:8px;
}

#login p
{
	color:#999999;
	font-size:10pt;
	font-weight:bold;
	margin:5px;
}

#espaciologin
{
	padding-right:28px;	
}

#pdf
{
	background: url(../img/pdf.png) top right no-repeat;
}

#pdf:hover
{
	background: url(../img/pdfhover.png) top right no-repeat;
}

.inputtext
{
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	color:#999999;
	width:140px;
}

.inputpassword
{
	background-color:#FFFFFF;
	border:2px solid #CCCCCC;
	color:#999999;
	width:140px;
}

.inputbutton
{
	height:26px;
	width:320px;
	background: url(../img/buttonbackground.png) top left repeat-x;
	text-align:center;
	font-family:Arial Narrow;
	color:#FFFFFF;
	font-size:12pt;
	font-weight:bold;
	word-spacing:8px;
	cursor:pointer;
}

.inputbutton:hover
{
	background: url(../img/buttonbackgroundhover.png) top left repeat-x;
	cursor:pointer;
}

.requerir
{
	font-size:10pt;
	color:#0099CC;
}

/* SYSFAR */

#login-sysfar
{
	height:135px;
	text-align:center;
	padding-right:20px;
	background: url(../img/logintopbackground.png) top center no-repeat;
}

#login-sysfar h1
{
	padding-top:10px;
	color:#669100;
	font-size:12pt;
	text-align:center;
	padding-right:100px;
	margin:8px;
}

#login-sysfar p
{
	color:#999999;
	font-size:10pt;
	font-weight:bold;
	margin:5px;
}

.inputtext-sysfar
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#999999;
	width:140px;
}

.inputpassword-sysfar
{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#999999;
	width:140px;
}

.inputbutton-sysfar
{
	height:26px;
	width:147px;
	background: url(../img/sysfar/buttonbackground.png) top left repeat-x;
	text-align:center;
	font-family:Arial Narrow;
	color:#FFFFFF;
	font-size:12pt;
	font-weight:bold;
	word-spacing:8px;
	cursor:pointer;
}

.inputbutton-sysfar:hover
{
	background: url(../img/sysfar/buttonbackgroundhover.png) top left repeat-x;
	cursor:pointer;
}

.requerir-sysfar
{
	font-size:10pt;
	color:#5ee915;
}

#imagenespeque-sysfar
{
	margin-top:5px;	
	margin-bottom:50px;	
	margin-right:50px;	
}

/* SYSFAR */

#imagenes
{
	margin-top:15px;	
}

#imagenespeque
{
	margin-top:5px;	
}

#social
{
	width:98px;
	height:28px;
	padding:4px 4px 6px 6px;
	margin-bottom:15px;
	text-align:left;
	background: url(../img/socialbackground.png) top left no-repeat;
	font-size:11pt;
	font-weight:bold;
	color:#6699CC;
	position: relative;
	top:-2px;
	left:747px;
	z-index:1;
}

img 
{
	border:none;
}

#footer
{
	clear:both;
	padding:20px 15px 20px 10px;
	margin-bottom:20px;
	background: url(../img/footertopbackground.png) top left repeat-x;
	color:#999999;
	text-align:center;
	font-size:9pt;
}

#footer a 
{
	color:#6699CC;
	text-decoration:none;
	cursor:pointer;
}

#footer a:hover 
{
	color:#0099CC;
	text-decoration:none;
	cursor:pointer;
}