/*!
 * Ext JS Library 3.2.0
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */

.sms-icon { background: url(../images/letter-icon.png) 0px 2px no-repeat !important;} 
.help-icon { background: url(../images/help-icon.png) 0px 2px no-repeat !important;} 
.login-icon { background: url(../images/key-icon.png) 0px 2px no-repeat !important;} 
.nvacta-icon { background: url(../images/gear-icon.png) 0px 2px no-repeat !important;} 
.terms-icon { background: url(../images/briefcase-icon.png) 0px 2px no-repeat !important;} 
.sched-icon { background: url(../images/schedule-icon.png) 0px 2px no-repeat !important;} 
.msg-icon { background: url(../images/mail-icon.png) 0px 2px no-repeat !important;} 
.info-icon { background: url(../images/info-icon.png) 0px 2px no-repeat !important;} 
.talk-icon { background: url(../images/talk-icon.png) 0px 2px no-repeat !important;} 
.bla-icon { background: url(../images/talk-balloon-icon.png) 0px 2px no-repeat !important;} 
.credit-icon { background: url(../images/group-icon.png) 0px 2px no-repeat !important;} 
.user-icon { background: url(../images/newuser-icon.png) 0px 2px no-repeat !important;} 
.policy-icon { background: url(../images/contract-icon.png) 0px 2px no-repeat !important;} 
.multiple-icon { background: url(../images/forward-icon.png) 0px 2px no-repeat !important;} 
.friends-icon { background: url(../images/users-icon.png) 0px 2px no-repeat !important;} 
.status-icon { background: url(../images/status-icon.png) 0px 2px no-repeat !important;} 

.info-msg-icon { background: url(../images/information-icon.png) 0px 2px no-repeat !important;} 
.logout-msg-icon { background: url(../images/log-out-icon.png) 0px 2px no-repeat !important;} 
.help-msg-icon { background: url(../images/help-msg-icon.png) 0px 2px no-repeat !important;} 
.welcome-msg-icon { background: url(../images/welcome-icon.png) 0px 2px no-repeat !important;} 
.cant-msg-icon { background: url(../images/cant-msg-icon.png) 0px 2px no-repeat !important;} 
.save-icon { background: url(../images/save-icon.png) 0px 2px no-repeat !important;} 

buttom 
{
	background-color : #00ff66;
}

body {
	font-family:helvetica,tahoma,verdana,sans-serif;
	padding:20px;
    padding-top:32px;
    /*display: none;*/
    font-size:11px;
    margin: -30px 0px 0px 0px;
	background-color:#fff !important;
}

a:link {
	color: #666666;
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	color: #32C1D6;
	}
a:hover {
	text-decoration: none;
	color: #32C1D6;
	}
a:active {
	text-decoration: none;
	}

span {
	font-size: 10pt; 
	font-family: @Arial Unicode MS	
	}
p {
	margin-bottom:15px;
	color: #000000; 
	text-align: justify	
}
b,strong {
	font-family: @Arial Unicode MS;
	color: #FFCC66;
	}
h1 {
	font-size: large; 
	color: #ff9966; 
	font-family: Arial, Helvetica, Geneva, sans-serif, sans-serif;
	text-align: center
	}
h2 {
	font-size:14px;
    color:#333;
    font-weight:bold;
    margin:10px 0;
	}
h4 
{
	font-size: 8pt; 
	font-family: @Arial Unicode MS;
	color: #FFCC66;
	}
ul {
	list-style-position: outside; 
	background-image: none;
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none	
}
li {
	margin-bottom: 3pt; 
	text-align: justify;
	font-size: 8pt;
	color: #000000; 
}
.example-info{
	width:150px;
	border:1px solid #c3daf9;
	border-top:1px solid #DCEAFB;
	border-left:1px solid #DCEAFB;
	background:#ecf5fe url( info-bg.gif ) repeat-x;
	font-size:12px;
	padding:12px;
}
pre.code{
	/*background: #F8F8F8;*/
	border: 1px solid #e8e8e8;
	padding:10px;
	margin:10px;
	margin-left:0px;
	border-left:5px solid #e8e8e8;
	font-size: 12px !important;
	line-height:14px !important;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
	background-image:url(../images/top.gif);
    z-index:20000;
}
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}


.miestilo
{
	float:center;
}

.miestilopyme{
	background-image:url(../images/logo_pyme.png);
	width:503px;
	height:250px;
	margin-left: auto;
	margin-right: auto;
	float:center;
	padding-top: 10px;
	z-index:90000;
}

.miestilologo{
	background-image:url(../images/logo_web.png);
	width:503px;
	height:230px;
	margin-left: auto;
	margin-right: auto;
	float:center;
	padding-top: 10px;
	z-index:90000;
}

.miestilotop{
	background-image:url(../images/fondo.png);
	width:728px;
	height:310px;
	margin-left: auto;
	margin-right: auto;
	z-index:90000;
}

.hostPanel{
	background-color: Transparent; 
	height: 450px; 
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	float:center;
	position: absolute;
	top: 30px;
	z-index:90000;
}

.miestilobuttom{
	background-image:url(../images/footer.png);
	width:728px;
	height:170px;
	margin-left: auto;
	margin-right: auto;
	z-index:90000;
}

.miestilofooter{
	width:728px;
	height:28px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	margin-left: auto;
	margin-right: auto;
	z-index:90000;
}

.miestiloheader{
	width:728px;
	background-image:url(../images/header.png);
	height:25px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	z-index:90000;
}

.copyright{
	width:728px;
	height:18px;
	font-family:verdana;
	float:center;
	text-align: center;
	font-size:9px;
	border-bottom: 1px solid #e8e8e8;
	margin-left: auto;
	margin-right: auto;
	z-index:90000;
}

.publicidad{
	width:720px;
	height:90px;
	font-family:verdana;
	float:center;
	font-size:9px;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	margin-left: auto;
	margin-right: auto;
	z-index:90000;
}

.tabla 
{	padding:10px;
	font-family:verdana;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	font-size: 9pt;}

.x-grid3-row-with-body { 
	background:#ffffff; 
} 
  
.x-grid3-row-with-body .x-grid3-row-body { 
	padding: 0 2 3 16; 
	font-weight:bold; 
	-moz-user-select:text; 
	cursor:text; 
} 
  
.x-grid3-row td, .x-grid3-summary-row td { 
	-moz-user-select:-moz-none; 
} 

.app-msg
{
	 font-family: @Arial Unicode MS;
	 font-size: small ;
	 font-weight: bold;
	 color: Black;
	 padding-left: 5px;
	 padding-top: 5px;
	 vertical-align:middle;
	 height: 36px;
}
.img-msg
{
	border: none;
	vertical-align: middle;
	padding-right: 7px;
}

.pago
{
	vertical-align:bottom;
	padding-top: 8px;
	float:right;
	text-align: right;
	width: 400px;
}
