/***************************************************************************************************
Hoja de Estilos de la Web
www.qreative.com.ar
***************************************************************************************************/



/***************************************************************************************************
Página y Contenedor
***************************************************************************************************/

#pagina {
	width:100%;
	z-index:-2;
	background-position: 50% 0%; /*para que quede centrada la imagen de fondo*/
 }
 
#contenedor {
	width:960px;
	font-family: Century Gothic; 
	position:absolute;
	z-index:-1;
	left: 50%;
    margin-left: -480px; /* Como posicionamos el contenedor a mitad de pantalla (left: 50%;) le damos un margen negativo de la mitad de pixeles del contenedor  */
	
 } 
 
 .TituloPlan
{
 	font-size: 18px; 
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #FFFFFF;
}

 
 
 
 
/***************************************************************************************************
Encabezado (Para todas las Paginas)
***************************************************************************************************/
 
#Encabezado { 
 background-color:white;
	width:100%;  
	height:80px; 
	text-align:center ;
	border:1px;
 
}
 .EncabezadoLogoQreative
{
 	font-size: 25px; 
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #666666;
}
.EncabezadoLogoSoftware
{
 	font-size: 36px; 
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #000000;
}

 .EncabezadoLinkMenu
{
 	font-size: 12px; 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #333333;
 
}
.EncabezadoLinkMenu:hover
{
 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #4848FF;
 
}
 







/***************************************************************************************************
Banners
***************************************************************************************************/

#BannerCentral 
{
 
	width:960px;
	float:left;
	padding-bottom: 30px;
	height: 172px;
	background-image: url(imagenes/BannerCentral.png);
	background-repeat: no-repeat;
}



#BannerCentralNube
{
 
	height: 190px;
	background-image: url(imagenes/BannerCentralNube.png);
	background-repeat: no-repeat;
}
#BannerCentralNube2
{
 
	height: 190px;
	background-image: url(imagenes/BannerCentralNube2.png);
	background-repeat: no-repeat;
}



#BannerIzquierda 
{
	padding: 10px;
	width:618px;
	float:left;
	border:1px;
	height: 540px;
	border-width: 1px;
	border-color: #1CA6DF;
	border-style: solid;
 
}


 .BannerIzquierdaTitulo
{
	padding-top: 10px; 
	padding-bottom: 10px; 
 	font-size: 36px; 
 
}

 .BannerIzquierdaLogoBlueSoft
{
 
	color: #666666;
}
.BannerIzquierdaLogoERP
{

	color: #000000;
}

.BannerIzquierdaSimboloR
{
 
	color: #333333;
	font-size: 15px;
	font-family: Century Gothic,Calibri, Arial;   
}
.BannerIzquierdaRenglon0
{
	margin-top: 20px; 
	margin-left: 90px; 
	color: #333333;
	font-size: 20px;
	font-family: Century Gothic,Calibri, Arial;   
}
.BannerIzquierdaRenglon1
{
	margin-top: 10px; 
	margin-left: 90px; 
	color: #333333;
	font-size: 20px;
	font-family: Century Gothic,Calibri, Arial;   
}



#BannerMedio
{
	background-color: #1CA6DF;
	width:318px;
	float:left;
	border:1px;
	height: 280px;
	border-width: 1px;
	border-color: #1CA6DF;
	border-style: solid;
 
}


	
#BannerDerecha {
	padding: 10px;
	background-color: #1CA6DF;
	width:298px;
	float:left;
	height: 540px;
	border-width: 1px;
	border-color: #1CA6DF;
	border-style: solid;
 
}
 
.BannerDerechaRenglon0
{
	margin-top: 150px; 
	margin-left: 5px; 
	color: #FFFFFF;
	font-size: 20px;

}
.BannerDerechaRenglon1
{
	margin-top: 30px; 
	margin-left: 30px; 
	color: #FFFFFF;
	font-size: 40px;

}
.BannerDerechaRenglon2
{
	margin-top: 30px; 
	margin-left: 55px; 
	color: #FFFFFF;
	font-size: 40px;

}
.BannerDerechaRenglon3
{
	margin-top: 40px; 
	margin-left: 55px; 
	color: #FFFFFF;
	font-size: 40px;

}
.BannerDerechaLinkDemo
{
	padding-top: 10px; 
	text-align:center;
	color: #FFFFFF;
	font-size: 18px;

}
.BannerDerechaLinkDemo:hover
{

	color: #093142;


}


.BannerDerechaImagen
{
	
	text-align:right;
	margin-right: -11px;

}


.BannerDerechaTiendaNube
{
	
	text-align: center;

}

.BannerDerechaLogoTienda
{
	
	font-weight: bold; 
	font-size: 20px;
	color: #FFFFFF;

}



.BannerDerechaLogoNube
{
	text-align: center;
	font-weight: bold; 
	color: #CCCCCC;
	font-size: 20px;
 

}



 
/***************************************************************************************************
Pie de Página
***************************************************************************************************/
#Piedepagina { 
	width:960px;  
	height:1px; /********   height:140px; para que aparezca el menu *********/
	float:left;
 
}

#RecuadroPie
 {
 
 	width:190px;  
	height:1px; /********   height:140px; para que aparezca el menu *********/
 	border-width: 0px 0px 0px 1px;
	border-color: #AAAAAA;
	border-style: solid;
	margin-bottom:203px;
	float:left;
 
 }
 
 .PieTitulo
{	font-size: 16px; 
	padding-left:7px;
	padding-bottom:7px;
	font-family:  Calibri; 
	font-size: small;
	font-weight: bold; 
	color: #FFFFFF; /********   color: #333333; para que aparezca el menu *********/
}

.PieLinkMenu
{
	padding-top:4px;
	padding-left:7px;
 	font-size: 12px; 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #FFFFFF; /********   color: #333333; para que aparezca el menu *********/
 
}
.PieLinkMenu:hover
{
	padding-top:4px;
	padding-left:7px;
 	font-size: 12px; 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #FFFFFF; /********   color: #4848FF; para que aparezca el menu *********/
 
}

/***************************************************************************************************
Creditos
***************************************************************************************************/
#Creditos
 {

 	width:960px;  
	height: 30px;
	float:left;
 
 }
 
 .CreditosIzquierda
{
	width:660px; 
	float:left;
}
 .CreditosDerecha
{
	width:300px;
	text-align:right;
 	float:left;
}
 
.CreditosLinkMenu
{
 	font-size: 12px; 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #333333;
 
}
.CreditosLinkMenu:hover
{
 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #4848FF;
 
}
.CreditosTexto
{
 	font-size: 12px; 
	cursor:pointer;
	text-decoration:none;
	font-style:normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;  
	color: #333333;
 
}
 
 
#EspacioEntreSecciones
 {
 
 	width:960px;  
	height: 30px;
	float:left;
 
 }
 
 
 
 
 

#RecuadroAncho960 { 
	width:958px;  
	padding-top:15px;
	border:1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-bottom:30px;
 
}



  
 
 #RecuadroAncho960ConMonitor { 
	width:958px;  
	height:800px;  
	padding-top:55px;
	border:1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-bottom:30px;
	background-image: url(Imagenes/Capturas/Monitor.jpg);
	background-repeat: no-repeat;
 
}

  
 
 #RecuadroAncho960SinMonitor { 
	width:958px;  
	height:800px;  
	padding-top:0px;
	border:1px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-bottom:30px;

}
    
   
 
 
 


 /***************************************************************************************************
blueSoftERP
***************************************************************************************************/
 
#blueSoftERP { 
	width:100%;  

 
}
  
  
  
  
	
 /***************************************************************************************************
Etiqueta
***************************************************************************************************/
 
#Etiqueta { 
 
	display:scroll;	position:fixed;
	bottom:80px;
	right:0px; 
	border:none;
 
 
 
}
  	
	
	
	
	
 /***************************************************************************************************
cnt_modulos
***************************************************************************************************/
 
.cnt_modulos {
	BORDER: #ffffff 1px solid; 
	PADDING: 5px; 
	MIN-HEIGHT: 48px; 
 
	MARGIN-BOTTOM: 10px; 
	FONT-SIZE: 14px; 
	CURSOR: pointer; 

}


.cnt_modulos:hover  {
	BORDER: #e4e4ff 1px solid; 
	PADDING: 5px; 
	MIN-HEIGHT: 48px; 
 
	MARGIN-BOTTOM: 10px; 
	FONT-SIZE: 14px; 
	CURSOR: pointer; 
	BACKGROUND-COLOR: #fafaff;
}