/*
 * Colores, tipos de letra, fondos...
 *************************************************************/

	/*	Enlaces y Cuerpo del Sitio */
		a{color:#ffcc00;font-size:11px;text-decoration:none;font-weight:bold;}
		a:hover{text-decoration:none;color:#333;}
		body{color:#333333;background:url(images/bg.jpg) #333;}
	
	/* Caja principal */
		.main{margin-top:0;width:750px;}
	
	
	/* Encabezado */
		.main .header-top{
			margin-top:20px;
			text-align:right;
			background:url(images/menu-top.gif) no-repeat #077AC2;
			width:100%;
			height:25px;
			line-height:25px;
			color:#fff;
		}
		.main .header{
			background:url(images/bg-header.jpg) #fff no-repeat right bottom;
			height:108px;
			color:#fff;
			font-size:11px;
		}
	
	/* Caja del logo -Cambiar la dimension segun el tamaņo del logo- */
		.main .header .logo{position:absolute;top:10px;left:10px;}
	
		.main .header .telefonos{
			position:absolute;top:2px;right:3px;z-index:9999;
		}

		.main .header .objetos{
			width:240px;
			height:75px;
			position:absolute;top:5px;right:5px;
			text-align:right;			
			color:#077AC2;
		}		
		.main .header .objetos form p{line-height:13px;width:230px;}
		.main .header .objetos form p label{width:100px;text-align:right;}
		.main .header .objetos form p label,
		.main .header .objetos form p span{font-size:10px;}
		.main .header .objetos form p span{color:#333;}
		.main .header .objetos form input{width:110px;}
		.main .header .objetos form input.otro{width:auto;}
		.main .header .objetos form input.boton{
			width:auto;
			padding:0 5px;
			position:absolute;
			font-size:10px;
			top:50px;left:80px;
			border:0;
			color:#fff;
			letter-spacing:1px;
			font-weight:bold;
			background:url(images/bg-menu.gif) repeat-x; height:20px;
		}
	
	/* Menu principal */
		.main .menu{background:url(images/bg-menu.gif) repeat-x; height:25px;}
		.main .menu ul{}
		.main .menu ul li{line-height:25px;margin-right:2px;}
		.main .menu ul li a{color:#ffffff;text-decoration:none;font-weight:bold;}
		.main .menu ul li a:hover{background:url(images/bg-menu-hover.gif) repeat-x;}
		
		
	/* Contenido */
	
		.main .place{background:#fff;}
		
		.main .place .banner-producto{
			background:url(images/bg-top.jpg) no-repeat top right;
			height:102px;
		}
		
		.main .place .banner-producto img{
			margin:15px 0 0 10px;
		}
		
		.main .place .mis-productos{
			border-top:5px solid #ffcc00;
			margin-top:10px;
			background:url(images/bg-degradado.jpg) repeat-x;
			padding:15px 4px;
		}
		
		.main .place .left{
			width:175px;
			float:left;
			margin-right:10px;
		}
		
		.main .place .left ul li{
			background:url(images/arrow.jpg) no-repeat 2px 2px;
			padding-left:15px;
			margin:3px 0 3px 10px;
		}
		
		.main .place .left ul li a{
			color:#F7B244;
		}

		.main .place .left ul li a:hover{
			color:#0879C9;
		}
		.main .place .left ul ul{
			padding-left:20px;
		}		
				
		.main .place .right{
			float:left;
			width:550px;
			line-height:17px;
		}
		.main .place .right table{width:100%;}
		.main .place .right ul{margin-left:20px;list-style:none;}
		.main .place .right ul li{background:url(images/varrow.jpg)no-repeat;padding-left:18px;margin:2px 0;}		
		.main .place .right p{margin-bottom:10px;}
		
		.main .place .right h1{
			font-size:15px;
			font-weight:bold;
			color:#0879C9;
			padding-bottom:2px;
			margin-bottom:2px;
			border-bottom:1px dotted #ccc;
		}
		
		.main .place .mis-productos h3{
			font-weight:bold;
			font-size:17px;
			color:#333;
			border-bottom:1px dotted #e0e0e0;
		}
	

		.main .place .mis-productos li{
			color:#333;
			border-left:1px dotted #e0e0e0;
			float:left;
			width:170px;
			padding:4px;
			margin:0 2px;
			font-size:10px;
			position:relative;
			padding-bottom:20px;
		}
		
		.main .place .mis-productos li h2 a{
			color:#0879C9;
			font-weight:bold;
			font-size:14px;
		}
		
		.main .place .mis-productos li a span.span-contenido{
			background:url(images/mas.gif) no-repeat;
			width:97px;
			height:12px;
			display:block;
			position:absolute;
			right:0;
			bottom:0;
		}
		
				
	/* Footer */
		.main .footer{
			background:url(images/bg-footer.gif) no-repeat #fff;
			height:16px;
		}
		.main .footer-out{background:transparent;padding-bottom:30px;margin-top:5px;}
		.main .footer-out .contenido_footer{
			background:url(images/decome.gif) no-repeat;
			padding:5px;
			padding-left:60px;
			width:500px;
			float:left;
			color:#999;
			font-size:10px;
		}		
		.main .footer-out .contenido_footer a,
		.main .footer-out .contenido_footer ul li a{
			border:0;
			color:#999;
		}		
		.main .footer-out .contenido_footer ul.menu_horizontal{ display:block; width:100%;height:20px;}
		.main .footer-out .contenido_footer ul.menu_horizontal li{float:left;}
		.main .footer-out .contenido_footer ul.menu_horizontal li a{
			color:#fff;
			display:block;
			margin-right:15px;
		}
		
		.main .footer-out .contenido_footer ul.menu_horizontal li a:hover{
			border-bottom:1px dotted #999;
		}
	
	/*************************************/
	/**** Formularios y Addons Hacks *****/
	/*************************************/
	
		form h4{color:#ff9900;}
		form a{text-decoration:none;color:#ff9900;font-weight:bold;}
		form a:hover{text-decoration:underline;}
		form .need{color:#ffcc00;}
		form hr{border:1px solid #e0e0e0;}
		form input, form select{color:#666666;border:1px solid #C2C2C2;	}
		form select option{	color:#666666;border-bottom:1px solid #f2f2f2; }
		form textarea{	color:#333333;	border:1px solid #C2C2C2;}
		form input.boton{color:#333;border:1px solid #f2f2f2;}
		form input.boton:hover{background:#333333; color:#fff;}