/* CSS Document 
Viviana Rosa - Caberta&Rosa Studio

GENERAL***************************************************************************/
html, body {
	margin:0px;
	padding:0px;
	font-family: "lucida sans unicode", lucida sans, lucida grande, trebuchet ms, arial, verdana;
	background-image:url(images/fondo.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;	
	color: #4b4b4b;
	font-size: 12px;
	line-height: 15px;	
	text-align:center;
	width:100%; 
	height:100%;
}
body a:link {
	color: #4b4b4b;
	text-decoration:underline;
}
body a:visited {
	color: #4b4b4b;
	text-decoration:underline;}
	
body a:active {
	color: #4b4b4b;
	text-decoration:underline;	
}
body a:hover {
	color: #06315b;
	text-decoration:underline;	
}


#top {
	width:998px; 
	height:610px;
	top:0px;
	background-image:url(images/top.jpg);
	background-position:top center;
	background-repeat:no-repeat;		
	text-align:center;
	position:relative;
	margin: 0px auto;	
	}
	
#topuser {
	width:998px; 
	height:380px;
	top:0px;
	background-image:url(images/topuser.jpg);
	background-position:top center;
	background-repeat:no-repeat;		
	text-align:center;
	position:relative;
	margin: 0px auto;	
	}	
		

#medio {
	width:998px; 
	background-image:url(images/back.jpg);
	background-position:top center;
	background-repeat:repeat-y;	
	margin: 0px auto;
	text-align:center;
	top:0px;
	}
	
#mediocontent {
	width:810px; 
	min-height:420px;
	margin: auto;
	margin-left:94px;
	margin-right:94px;
	/*hacerlo autoajustable*/
	height:auto; 
	overflow:hidden;
	}	

#pie {
	width:100%; 
	height:230px; 
	background-image: url(images/pie-back.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#piecontent {width:998px; 
	height:230px; 
	background-image: url(images/pie-front.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin: auto;
	}	
	
/*FIN GENERAL***************************************************************************/
	
	
	
/*TEXTOS***************************************************************************/	
	
.titulo 	
{	color: #06315b;
	letter-spacing:-1px;
	font-size:22px;
	text-align:left;
	margin-bottom:20px;
	line-height:24px;
	font-weight:normal;
		}

.volanta
{	letter-spacing:3px;
	text-transform:uppercase; 
	color:#666; 
	text-align:left;	
	font-size:12px; margin-bottom:5px;
		}

.texto 	
{	color: #4b4b4b;
	font-size:12px;
	text-align:left;
	margin-bottom:30px;
	line-height:15px;
	font-weight:normal;
		}	

			
.line
{	margin-bottom:5px;
	margin-top:5px;
	border-bottom:2px dotted #cccccc;
		}						
	

								
		
/*FIN TEXTOS***************************************************************************/			
	

/*LOGO***************************************************************************/			
	
div#logo {
	position:relative;
	width:634px;
	height:138px;
	float:left;
	top:0px;
	left:0px;
	bottom:0px;
	font-size:14px;
	text-align:left;
	color:#999;
		}	

/*FIN LOGO***************************************************************************/		

/*ANIMACION***************************************************************************/			
	
div#anima {
	position:absolute;
	width:960px;
	height:401px;
	float:left;
	top:178px;
	left:19px;
	bottom:0px;
	font-size:14px;
	text-align:left;
	color:#999;
		}	

/*FIN ANIMACION***************************************************************************/			
			
/*ACCESO***************************************************************************/			
	
div#acceso {
	position:absolute;
	width:300px;
	height:63px;
	float:right;
	top:56px;
	right:0px;
	bottom:0px;
	font-size:14px;
	text-align:right;
	color:#999;
		}	

/*FIN ACCESO***************************************************************************/	

/*CARRO***************************************************************************/			
	
div#carro {
	position:absolute;
	width:170px;
	height:63px;
	float:right;
	top:100px;
	right:19px;
	bottom:0px;
	font-size:14px;
	text-align:left;
	color:#999;
		}	

/*FIN CARRO***************************************************************************/			
	

/*MENU***************************************************************************/	


div#encabezado_menu {
			position:absolute;
			float:left;
			width:850px;
			height:25px;
			float:left;
			top:147px;
			left:82px;
			bottom:0px;
			text-align:left;		
			display:block;
			cursor:pointer;
		}

#encabezado_menu ul {padding:0;margin:0;list-style-type: none;}
	
#encabezado_menu ul li {display:inline;font-size:0px;line-height:0px;margin:0;}
#encabezado_menu ul li a {
	float:left;
	display:block;
	padding-top:30px;
	overflow:hidden;
	height:0px !important;
	height/**/:/**/30px;
	height:0px;
	/*margin-left:32px;*/
	}
	
#encabezado_menu ul li a.opcion1 {width:90px;margin-left:0;background-image:url(images/menu/opcion1.png);}
#encabezado_menu ul li a.opcion2 {width:157px;background-image:url(images/menu/opcion2.png);}
#encabezado_menu ul li a.opcion3 {width:147px;background-image:url(images/menu/opcion3.png);}
#encabezado_menu ul li a.opcion4 {width:141px;background-image:url(images/menu/opcion4.png);}

#encabezado_menu ul li a:hover {background-position:0 -30px;}
* html #menu_encabezado a:link, * html #menu_encabezado a:visited {height:30px; he\ight:0;}	

#encabezado_menu #current a{ /*TAB seleccionado, Página Actual*/

background-position:0 -30px;

}

/*FIN MENU***************************************************************************/	

/*FORMULARIO*************************************************************************/

.formcrbase
{
	padding:0px;
	margin:0px;
	width:590px;
	float:left;
	text-align:left;
}

fieldset {margin:0px; padding:0px; border:none;}

legend
{
	margin:0px;
	padding:0px;
	font-size:14px;
}

.legend
{
	padding-right:12px;
	color:#787878;
	font-size:13px;
}


.formcrbase div {padding:0px 0px 20px 0px; margin:0px;}


label {float:left; width:130px; line-height: 20px;margin-right:20px; padding:0px; text-align:right; color:#787878;font-size:13px} 

.imputcr { width:418px;  border:1px solid #999; font-size:14px; background:#e6e6e6; color:#333; text-indent:5px; height:20px;} 

.selectcr { border:1px solid #999; font-size:14px; background:#e6e6e6; color:#333;} 

.imputcr:Hover {border:1px solid #333;  background: #FFFFCC;}

.textareacr {overflow:auto; font-family:Arial,Helvetica,sans-serif; font-size:14px; border:1px solid #999;
width:418px;  background:#e6e6e6; color:#333; text-indent:5px;}
.textareacr:Hover {border:1px solid #333; background: #FFFFCC;}


.buttoncr { width:115px;height:25px;border:none; font-size:11px; color:#ccc; background:#06315b; line-height:25px; padding:0px; cursor:pointer; vertical-align:middle; font-weight:bold; margin:0px; padding:0px;}
.buttoncr:Hover {  color:#fff; background: #333; }
.buttoncr:active {  color:#fff; background: #000; }

.imputcajas { width:200px;  border:1px solid #999; font-size:14px; background:#e6e6e6; color:#333; text-indent:5px; height:18px;} 
.imputcajas:Hover {border:1px solid #333;  background: #FFFFCC;}


/*FIN FORMULARIO*************************************************************************/

/*COLUMNA IZQUIERDA CON MARGEN*************************************************************************/


div#Left
{
	width:590px;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:left;
	color:#4b4b4b;
}


/*FIN COLUMNA IZQUIERDA CON MARGEN************************************************************************/

/*COLUMNA CHIQUITA DERECHA*************************************************************************/


div#Right
{
	width:200px;
	float:right;
	margin:0px 0px 0px 20px;
	text-align:left;
	color:#4b4b4b;
}

div#Right p
{
	margin:0px 0px;
	font-size:14px;
	line-height:20px;
	
}

div#Right h2
{
	color:#000;
}


/*FIN COLUMNA CHIQUITA DERECHA*************************************************************************/

div#credito {
	position:relative;
	width:500px;
	height:25px;
	float:right;
	top:135px;
	text-align:right;
	right:75px;
	bottom:20px;
	font-size:12px;
	color:#999;
		}		
		
div#credito a:link {
	text-decoration:none;
	color:#999;
		}				
		
div#credito a:visited {
	text-decoration:none;
	color:#999;
		}	
		
div#credito a:active {
	text-decoration:none;
	color:#999;
		}	
		
div#credito a:hover {
	text-decoration:none;
	color: #06315b;
		}							
		
/*CARRO DE PEDIDO*************************************************************************/
		
.catalogo {
	color:#4b4b4b;
		}	
		
.precio {
	color: #06315b;
	font-weight:bold;
		}			
		
div#total {
	position:relative;
	background-image:url(images/carro/total.png);
	background-position:top left;
	background-repeat:no-repeat;	
	width:230px;
	height:27px;
	text-align:left;
	left:450px;
	text-align:right;
	padding-top:20px;
	padding-right:15px;	
	font-size:12px;
	font-weight:bold;
	color: #06315b;
		}	
		
div#linkscarro {
	position:relative;
	width:245px;
	height:59px;
	top:5px;
	text-align:left;
	left:450px;
		}			
						
		
/*FIN CARRO DE PEDIDO*************************************************************************/		


/* PAGINA CONTACTO****************************************************************************/

div#contacto {
	position:relative;
	background-image:url(images/contacto.jpg);
	background-repeat:no-repeat;	
	width:152px;
	height:44px;
	text-align:left;
	padding-top:38px;
	padding-left:345px;	
	font-size:12px;
	font-weight:normal;
	color: #06315b;
		}	



/*FIN PAGINA CONTACTO*****************************************************************************/