body 
 { 
	font-family :  arial;
	color : #333333;	
	font-size : 12px;
	padding : 0px;
	margin : 0px;
	background-image:url(../images/Fondo_Gris_Degradado.jpg);	
 }  



/*-------------------------------------------------- Div --------------------------------------------------*/
div.main 
 { 
	width : 800px;
	margin : auto;
	background-color:RGB(230,238,247);	
	background-color:#FFFFFF;	
	border:ridge #CCCCCC 1px;
	color : #333333;	
 } 
 
 div.preheader 
 { 
	margin : 0px;
	height : 27px;
	background-color: #36659B;
	color:#FFFFFF;
	padding-left:10px;	
	padding-top:7px;
	font-family:Calibri;
	font-size:10pt;
 } 
 
 div.preheader a
 { 
	color:#FFFFFF;
	text-decoration:none;
 } 
 
 div.preheader a:hover
 { 	
	text-decoration:underline;
 } 
 
div.header 
 { 
	margin : 0px;
	height : 110px;
	background-color: #FFFFFF;
	background-image:url(../images/Cabeceras/29.bmp);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:0px;		
	border-left:solid #FFFFFF 1px; border-right:solid #FFFFFF 1px;
 } 

div.leftcolumn 
 { 
	margin : 0 0px 5px 0px;
	display : inline;
	width : 134px;
	float : left;
	padding : 0px;
	padding : 0 2px 0px 0px;
	height:708px; 	
	border-top: solid #CCCCCC 1px;	
	background-image: url(../images/fondo-azul-claro.bmp);
 } 
 
div.centercolumn 
 { 
	margin: 0 0 0 3px;
	padding: 1px 0 0 10px;
	display : inline;
	width : 630px;
	float : left;
	border:solid #CCCCCC 1px;	
	border-bottom:none;
	border-right:none;
	background-color:#FFFFFF;
	min-height:700px;	
	text-align:justify;
	padding-right:3px;	
 } 
 
div.foot 
 {	
	padding : 2px;
	margin:0px;
	background-color:#ECF1F9;
	width : 796px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	color:#111111;
	height: 110px;
	background-image:url(../images/fondo_pie.jpg);
 } 

div.foot a
 {	
	color:#111111;
	font-size:11pt;
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
 } 
 
div.foot a:hover
 {	
	color:#666666
	font-size:10pt;
	text-decoration:underline;	
 } 
 
div.upload
 {
  text-align:center;
 } 
 

/*------------------------------------------------- Parafos P -------------------------------------------------*/

div.headerbutton
{
	width:166px; height:45px; padding-top:15px; text-align:center; background-color:inherit; font-weight:bold; font-size:12pt; color:#FFFFFF; background-image:url(../images/2.png); background-color:none; background-repeat:no-repeat;  border:none; position:absolute;
}

div.headerbutton:hover
{ background-image:url(../images/5.png); text-decoration:underline; cursor:pointer;}


p{color : #333333;}

/*------------------------------------------------- Enlaces -------------------------------------------------*/
a.columna_izquierda
 {
	 color:#003366;
	 text-decoration:none;
	 font-weight:bold;
 }
 
 a.columna_izquierda:hover
 {
 	text-decoration:underline;
 }


a.softblue
 {
	 color:RGB(0,160,211);
	 text-decoration:none;
	 font-weight:bold;
 }

a.softblue:hover
 {
 	text-decoration:underline; 
 }
 

a.darkblue
 {
	 color:#003366;
	 text-decoration:none;
	 font-weight:bold;
 }

a.darkblue:hover
 {
 	text-decoration:underline; 
 }
 
 a.sitemap
 {
	 color:#003366;
	 text-decoration:none;
	 font-weight:bold;
	 margin-left:5px;	 
 }

a.sitemap:hover
 {
 	color:RGB(0,160,211);
	text-decoration:underline; 
 }
 
 
a.blanco
{
	color:#FFFFFF; 
	text-decoration:none;
}

a.blanco:hover
{
	text-decoration:underline;
}


a.paginas
{
	color:#000000;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

a.paginas:hover
{
	text-decoration:underline;
}

a.rss
{	
	text-decoration:none;		
}

a.redes
{
text-decoration:none;
}

a.redes img:hover
{
border:solid #003366 1px;
}
 
 
a.darkgrey
{
	color:#333333;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

a.darkgrey:hover
{
	text-decoration:underline;
}
 
 
 
 
/*----------------------------------------------- Etiquetas h -----------------------------------------------*/
h1.title
 {
  	margin:15px 0px 5px 0px ;
	font-size:350%;
	font-family:"Ms Reference Sans Serif", "Microsoft Sans Serif", "Bookman old style", "Garamond";
	font-family:Calibri;
	font-size:430%;
	padding-left:3px;
	letter-spacing:1.5px;
 }
   
h2.subtitle
 {
  	margin:10px 0px 0px 90px;
  	font-size:20px;
 }
 
 
h2.bodytitle
 {
 	background-color:#ECF2F9; 	
	border-bottom:solid #C0C0C0 1px;	
	color:#003366;	
	margin: 0px 0px 0px 0px;	
	padding-left:2px;
	background-image:url(../images/title.bmp);
	background-repeat:no-repeat;
 }
 
 
h2.titulofactura
 {
 	background-color:#003366;
	border-bottom:solid #C0C0C0 1px;	
	color:#FFFFFF;	
	margin: 0px 0px 0px 0px;	
	padding-left:2px;
 } 
 
h3.titulos
 {
	color:#003366;
	text-decoration:underline;
	font-size:14pt;
	padding-left:3px;
	margin: 0px 0px 10px 0px;
 }
 
 h3.titulo_seccion
 {
	background-color:#FFFFFF;
	background-image:url(../images/titulo_seccion.bmp);
	background-repeat:no-repeat;
	color:#003366;
	font-size:17pt;
	line-height:17px;
	height:21px;
	font-family:calibri;
	padding-left:2px;
	margin: 0px 0px 5px 0px;			
 }
 
 
 h3.titulo_parrafo
 {
	background-color:#FFFFFF;
	background-image:url(../images/titulo_parrafo.bmp);
	background-repeat:no-repeat;
	color:#003366;
	font-size:17pt;
	line-height:17px;
	height:21px;
	font-family:calibri;
	padding-left:2px;
	margin: 0px 0px 5px 0px;			
 }
 
 h3.bienvenida_usuario
 {
	background-color:#003366;
	background-image:url(../images/titulo_seccion.jpg);
	color:#FFFFFF;
	font-size:14pt;
	padding-left:24px;
	margin: 0px 0px 10px 0px;
	text-align:center;
 }

/*-------------------------------------------------------- Imágenes-----------------------------------------------------------*/   
img.img_index
 {
 width:110px;
 height:100px;
 border:ridge #C0C0C0 1px;
 margin-right:10px; 
 }
 
 
img.iconos
 {
 width:60px;
 height:50px;
 border:ridge #C0C0C0 1px;
 margin-right:10px; 
 }
 
 img.iconos:hover
 {
 border:ridge #003366 1px;
 }
 
 
table.iconos_index
{
width:620px; text-align:center
}

table.iconos_index td
 {
	width:60px; 
 	height:100px;
 }
 

 img.iconos_index
 {
 width:47px;
 border:none;
 margin-right:10px; 
 float:none;
 }
 
 
 img.iconos_index:hover
 {
 border:ridge #003366 1px;
aheight:43px;
 awidth:43px;
 }
 

  
 
 img.img_contacto
 {
 width:110px;
 height:100px;
 border:ridge #C0C0C0 1px;
 margin: 3px 3px 3px 3px;
 }
 
/*-------------------------------------------------------- Menu Horizontal----------------------------------------------------*/
div.horizontalmenu1
 {
	font-weight: bold;
	background-color : rgb(213,225,240);
	height:15px;
	padding: 4px 0px 4px 0px;
	background-color:#003366;
	background-repeat:repeat;
	background: url(../images/fondo_azul1.jpg) repeat-x;
	border:solid #FFFFFF 1px;
	text-align:center;
 }
 
div.horizontalmenu1 a
 {
	 border-right:solid #CCCCCC 2px; 
	 color:#FFFFFF;
	 padding:4px 4.9px 4px 4.9px;
	 text-decoration:none;
 }

div.horizontalmenu1 a:hover
 {
 	background-color:#173452;
  	color:#FFFFFF;
	padding:4px 4.9px 2px 4.9px;
 }
 
 div.horizontalmenu1 a.actual
 {
	background-color:#BED1E7;
  	color:#000000;
 }
 
/*-------------------------------------------------------- Menu Vertical ----------------------------------------------------*/

ul.menuvertical
 {
	list-style-type: none;
	padding: 0;
	margin-top:0px;
	margin:0px;	
	width:138px;
	background-color : #ECF1F9;
	aborder:solid #CCCCCC 1px; color:#333333;
	background-image: url(../images/fondo-azul-claro2.bmp);
 }

ul.menuvertical li 
{ 
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
}

ul.menuvertical li.oscuro 
{ 
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	background: url(../images/fondo_azul.jpg) repeat-x;
	color:#FFFFFF;
}


ul.menuvertical li a
{ 
	display: block;
	font-weight: bold;
	color:#0B5A97;
	color:#003366;
	margin:0px;
	padding: 2px 0 2px 5px;
	text-decoration: none;
	border-bottom:solid #CCCCCC 1px;
 }


ul.menuvertical li a:hover
 {
	background-image:none;
	background-color:RGB(6,43,87);
	color:#FFFFFF;
 }
 
ul.menuvertical li ul 
 {	display:none; border:none;}

ul.menuvertical li:hover 
 {	position:relative;} 
 
ul.menuvertical li:hover a 
 { 
 	background:none; 
	background-color:RGB(6,43,87); 
	
	text-decoration:none; 
	color:#FFFFFF;
 }
  
ul.menuvertical li:hover ul  /*Afecta a las Ul que hay dentro de las li (que esten en modo hover) que están dentro de ul.menuvertical*/
 {	display:block;}
 
ul.menuvertical li:hover ul li a 
 {	
 	display:block;
	background:none;
	background-color:rgb(213,225,240);
	background-color:#0A4792;
	color:#FFFFFF;
 } 
ul.menuvertical li:hover ul li a:hover 
 { 
 	background:none;
	background-color:#C2CEF2; 
	text-decoration:none;
 } 


li.main
 {background-color:#023051}
 
li.main a
 {color:#FFFFFF;}
 
li.main a:visited
 {color:#FFFFFF;}
  
  
/*--------------------------------------------------------- Listas -----------------------------------------------------------*/
ul.condiciones
 {
	list-style-type:none;;
	font-weight:bold;
	padding-left:10px;
	padding-right:5px;
 }
    
ul.condiciones li
 {
	margin-bottom:10px;
 }
 

ul.establecimientos
 {	
	font-weight:bold;	
 }
    
ul.establecimientos li a
 {
	 color:#003366;
	 text-decoration:none;
 }
 
 ul.establecimientos li a:hover
 {
	 color:#FF0000;
	 text-decoration:underline;
 }
    	
    	
  
/*-------------------------------------------------------- Párrafos-----------------------------------------------------------*/
p.left
 {
	margin:0px;
    background-color:#ECF1F9;
	width:140px;
	text-align:center;	
 }
 
 /*------------------------------------------------------ Forularios----------------------------------------------------------*/  
 
 form.datos_usuario
 { width:auto;}
 
 
form.datos_usuario input
 {font-weight:bold; width:265px;}
 

form.datos_usuario select
 {font-weight:bold; width:270px;}
 
 

form.datos_copisteria
 { width:auto;}
 
form.datos_copisteria input
 {font-weight:bold; width:265px;}
 

form.datos_copisteria select
 {font-weight:bold; width:270px;}
 
  
/*--------------------------------------------------------- Tablas------------------------------------------------------------*/  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla registro_clientes~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.registro_clientes
 {
	margin:auto;
	font-weight:bold;
	text-align:center;
	border:solid #D1D1D1 1px;
	background-color:#EEF3FA;
	padding:0px;
	margin-top:10px;
 }


table.registro_clientes tr td
 {
	padding:4px;
 }
  
   
table.registro_clientes input
 {width:122px; margin:0px;}  
  
  
table.registro_clientes textarea
 {width:370px;}  
 
 
table.registro_clientes td.claro
 {
 	background-color:#3684A9; 
	color:#FFFFFF;
    padding-right:3px;
 }  
 
 table.registro_clientes td.oscuro
 {
 	background-color:#00274F;
	color:#FFFFFF;
    padding-right:3px;
 }  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla listado_copisterias~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
 table.contacto
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
 }
 
 table.contacto tr td
 {
	border:ridge #004080 1px; padding:0px;
 }
  
   


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla listado_copisterias~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.listado_copisterias
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
 }
 
table.listado_copisterias tr
 {
   height:25px;
 }
table.listado_copisterias tr td
 {
	border:ridge #004080 1px; padding:0px;
 }
 
table.listado_copisterias td.claro
 {
 	background-color:#3684A9; 
	color:#FFFFFF;
    padding-right:3px;
 }  
 
 table.listado_copisterias td.oscuro
 {
 	background-color:#00274F;
	color:#FFFFFF;
    padding-right:3px;
 }  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla datos_clientes~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.datos_copisterias
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
	width:400px;
	font-size:12pt;
 }
  
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla mis establecimientos~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
table.datos_mis_establecimientos
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
	width:630px;
	font-size:10pt;
	margin-top:10px;	
 }
 
table.datos_mis_establecimientos tr.celdabeige
 {
 	background-color:#E0D1B1;
	color:#000000;
    padding-right:3px;
 }
 
 
 table.datos_mis_establecimientos tr.celdaazulceleste
 {

	background-color:#DBE5F1;		
	color:#000000;
	background-color:#ECF2F9;
	color:#003366;
 }
 
  
  table.datos_mis_establecimientos tr.celdaazulceleste td
 {

	border:solid #C0C0C0 1px;
 }
 
 
 
 
 


table.datos_mis_establecimientos tr.celdaazulceleste:hover
 {
 cursor:pointer;
 background-color:#003366;
 color:#FFFFFF;
 }
 
 
 
  table.datos_mis_establecimientos tr.celdaazuloscura
 {

	background-color:#7DA6D2;	
	color:#FFFFFF;
    padding-right:3px;
	border:solid #C0C0C0 1px
 }
 
 
  
table.datos_mis_establecimientos tr.celdabeigeoscura
  {
 	background-color:#DFB98E;
	color:#000000;
    padding-right:3px;
 }




 table.datos_mis_establecimientos td.celdaazulceleste
 {
 	background-color:#DBE9F2;	
	color:#000000;
    padding-right:3px;
	border:solid #C0C0C0 1px;
 } 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla mis datos_clientes~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
  
table.datos_clientes
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
	width:630px;
	font-size:10pt;
	margin-top:10px;	
 }
 
table.datos_clientes tr.celdabeige
 {
 	background-color:#E0D1B1;
	color:#000000;
    padding-right:3px;
 }
 
 
 table.datos_clientes tr.celdaazulceleste
 {

	background-color:#DBE5F1;		
	color:#000000;
	background-color:#ECF2F9;
	color:#003366;
 }
 
  
  table.datos_clientes tr.celdaazulceleste td
 {

	border:solid #C0C0C0 1px;
 }
     
table.datos_clientes tr.celdaazulceleste:hover
 {
 cursor:pointer;
 background-color:#003366;
 color:#FFFFFF;
 }
 
 
 
  table.datos_clientes tr.celdaazuloscura
 {

	background-color:#7DA6D2;	
	color:#FFFFFF;
    padding-right:3px;
	border:solid #C0C0C0 1px
 }
 
 
  
table.datos_clientes tr.celdabeigeoscura
  {
 	background-color:#DFB98E;
	color:#000000;
    padding-right:3px;
 }




 table.datos_clientes td.celdaazulceleste
 {
 	background-color:#DBE9F2;	
	color:#000000;
    padding-right:3px;
	border:solid #C0C0C0 1px;
 } 



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Tabla metodo de pago~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table.metodo_pago
 {
	margin:auto;
	font-weight:bold;
	text-align:right;
	width:340px;
	font-size:10pt;
 }


table.metodo_pago tr.celdabeige
 {
 	background-color:#E0D1B1;
	color:#000000;
    padding-right:3px;
 }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Celdas~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
td.celdaazulclara
 {
 	background-color:#ECF2F9;
	color:#003366;
    padding-right:3px;
	text-align:center;
	border:solid #C0C0C0 1px;
	
 }  
 
td.celdaazuloscura
 {
 	background-color:#2A5887;
	color:#FFFFFF;
    padding-right:3px;
	text-align:center;
 }
 
td.celdabeige
 {
 	background-color:#E0D1B1;
	color:#000000;
    padding-right:3px;
 }
 
td.celdabeigeoscura
  {
 	background-color:#DFB98E;
	color:#000000;
    padding-right:3px;
 }