/* CSS Document created by Jorge Condomí */

/* Elementos html */

*{padding:0; margin:0;}

body{ background: #ecedf1 url(../img/bg_body.png) top center repeat-x; font-family: "Trebuchet Ms", Verdana, Tahoma; font-size:14px;}

a, a:link, a:visited{ color:#006699; text-decoration:none;}

	a:hover{ color:#003399;}

	a:active, a:focus{}

	a img{ border:none;}

h2{color:#990000; line-height:16px; font-size:18px; font-weight:normal; margin-top:10px;}



h3{color:#FF6600; font-weight:normal;}

	h3 a, h3 a:link, h3 a:visited{color:#e67007; text-decoration: underline;}

	h3 a:hover{color:#CC3300;}

fieldset{ border: none;}

/* Clases genericas */

.box{ background: #fff url(../img/bg_box.png) top center repeat-x ; padding: 10px 10px 40px 10px; margin-bottom:10px; overflow:hidden;}

.text{ width:130px; background:#fff; border:1px solid #e67007; padding:1px 0; text-align:center;}

.destacado1{color:#e67007;}

.destacado2{color:#0756e6; }

/*  Layout */

#contenedor{ position:relative; width:770px; margin: 0 auto 20px auto;}



#head{}

	h1{color: #e67007; font-size: 45px; width: 400px;  float:left; margin-left:20px;}

	#menu{ float:right; width:300px; font-size:11px; line-height:normal; margin-top:42px; margin-right:20px; position:relative;}

		#munu ul{ margin:0; padding:10px 10px 0 50px; list-style:none;}

			#menu li{ display:inline; margin:0; padding:0;}

			#menu a{ float: right; background:url(../img/tableft4.gif) no-repeat left top; margin: 0; padding: 0 0 0 7px; text-decoration: none;}

			#menu a span{ float:left; display:block; background:url(../img/tabright4.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FF6600}

			 /* Hack para IE5-Mac \*/

			#menu a span {float:none;}

			/* e IE5-Mac hack */

			#menu a:hover span {color:#FF6600;}

			#menu li a:link, #menu li a:visited{}

			#menu a:hover{background-position:0% -42px;}

			#menu a:hover span{background-position:100% -42px;}

			#menu li a:active, #menu li a:focus{}



#main{ border:1px solid #999; background-color:#fff; clear:both; padding:10px 20px;}

	#box-promocional{ width:481px; height:230px; background: transparent url(../img/bg_promo.png) top center no-repeat; margin-top: 20px;}

		/* Ie Hack*/

		#box-promocional h2{ padding: 5px 10px;}

		html > body #box-promocional h2{ padding:10px;}

		#box-promocional ul{ list-style:none; margin:5px 0 0 30px; font-size:17px;}

			#box-promocional li{margin:2px 0;}

			#agrega{ background: transparent url(../img/icon_agrega.png) left center no-repeat; height:42px; }
			
				#agrega:hover{ background: transparent url(../img/icon_agrega_hover.png) left center no-repeat; height:42px;  cursor: pointer;}

			#dispone{ background: transparent url(../img/icon_dispone.png) left center no-repeat; height:42px; }

				#dispone:hover{ background: transparent url(../img/icon_dispone_hover.png) left center no-repeat; height:42px;  cursor: pointer;}
			
			#descubre{ background: transparent url(../img/icon_descubre.png) left center no-repeat; height:42px; }
			
				#descubre:hover{ background: transparent url(../img/icon_descubre_hover.png) left center no-repeat; height:42px;  cursor: pointer;}

		#box-promocional p{ margin-left :50px; padding-top:10px; }

		#registrate{height:37px; width:176px; background: transparent url(../img/bg_registrate.png) top center no-repeat; margin:10px auto; color:#FFFFFF;}

		#registrate a{ display:block; height:31px; width:166px; padding:6px 0 0 10px; }

		#registrate a:link, #registrate a:visited{color:#FFFFFF; font-size:16px; text-decoration:underline;}

	#sidebar{ width: 220px; float:right; margin-top:5px; }

		#sidebar h2{text-align:right;border-bottom: 2px solid #efefef;}

		#sidebar p{position:relative; margin: 5px 0;}

		#sidebar input{position:absolute; right:1px;}

		#last-tags{ color:#003399; text-align:center; padding: 10px 1px 1px 5px; margin:0;}

	#busqueda{width:481px; }

	#busqueda fieldset{width:381px; margin:0 auto; height:20px; padding:10px 0 10px 100px; border:1px solid #dedede; background-color:#f8f8f8;}

	#last-links{ clear:both;}

	#last-links a:link, #last-links a:active{ text-decoration:underline;}

		/* Zebra */

		.link-0{border: 1px solid #f4f4f4;  margin: 10px;}

		.link-1{border: 1px solid #f4f4f4;  margin: 10px; background-color: #f7fcff;}

		/* Ie Hack */

		h4{ font-size:36px; float:left; margin:7px 0 0 4px;}

		html > body h4{ font-size:36px; float:left; margin:5px 0 0 8px;}

		

		.info{ margin-left:40px;}

		.ver-descripcion{ display:block; background: transparent url(../img/icon_see.gif) top center no-repeat; height:18px; width:18px; overflow:hidden; text-indent:-9999px; float:right; margin:5px;  cursor: pointer;}
		
		.no-ver-descripcion{ display:block; background: transparent url(../img/icon_nosee.gif) top center no-repeat; height:18px; width:18px; overflow:hidden; text-indent:-9999px; float:right; margin:5px; cursor: pointer;}

		a.agregar{ display:block; background: transparent url(../img/icon_add.gif) top center no-repeat; height:13px; width:13px; overflow:hidden; text-indent:-9999px; float:left; margin:0 1px;}

		.url{color:#666666; font-size:12px;}

		.descripcion{font-size:13px; font-style:italic; margin-right:20px; margin-left:10px;}

		.link-info{color:#333333; font-size:12px;padding-top:1px; margin-right:20px; background: transparent url(../img/bg_link-info.png) top center repeat-x;}

		.tag{ font-size:14px;}

		/* Contadores */

		#cont1{color:#0538ad;}

		#cont2{color:#1c51cb;}

		#cont3{color:#4a74d4;}

		#cont4{color:#7393de;}

		#cont5{color:#b5c6ee;}

		

	#popular-tags{ width:700px; margin:10px auto;}

		#tags{ padding:10px; text-align:center; border:1px solid #efefef; background-color:#fcfcfc;}

/*Manitas*/	

.expandir { cursor:pointer; }

ul{ margin:5px 0 5px 15px;}