/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------- CSS GENERAL - ESTILO VINILO  -------------------------------*/
/*---------------------------- por Ignacio Ricci (www.ignacioricci.com) -------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles (de http://meyerweb.com/eric/tools/css/reset/) ------------*/


		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 
		h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
		strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
		tfoot, thead, tr, th, td, hr, button, address
		{margin:0; padding:0; border:0; outline:0; font-size:100%; 
		vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		
		
/*- Fin de Reset Styles ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/


		body {font:76% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; background:#E0E0E0 url(../images/shared/vinilo_back.jpg);}
		
			/*- Contenedor de todo el diseño -*/
			#pageWrapper {
				width:1020px; 
				padding:10px; 
				border:1px solid #CCCCCC;
				background:#FFF;
				margin:20px auto 50px;
				z-index: 1;
			}
			.share{position:absolute;right:19px;cursor:pointer;}
			.getNews{/*height:167px;*/width:164px;margin-top:10px;border:none;}
			
			/*- Bordes Comunes -*/
			#categoryList,
			#subMenuLinks,
			#bottomNav {border:1px solid #CCC;}
			
			/*- Links con flecha del header y footer -*/
			a.arrowLink {background:url(../images/shared/arrowlink.gif) no-repeat 0 50%; padding-left:15px;}
			.plugFB{max-width:159px !important;}
			/*- Float Clearer -*/
			.clearThis {clear:both;}
		
			/*- Validacion de campos -*/
			.validation-advice {color:#CC0000;}
				.validation-advice span {font-weight:bold;}
				
			
			#okCompra,
			#malCompra {text-align:center; padding-top:10px; color:#BF008E;}
			
			#malCompra {color:#CC0000;}
				#malCompra a,
				#okCompra a {color:#333;}
								
	
/*- Fin de Estilos Generales -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Header (Logo + Link de Contacto) ---------------------------------------*/

				
		#header {position:relative; height:142px; background: url(../images/shared/headerBG.jpg) repeat-x 0 0;}
				
			/*- Logo -*/
			#header h1 {display:block; margin-left:18px; width:264px; height:142px;}
			
				#header h1 a {display:block; height:100%; width:100%; font-size:0px; text-indent:-9999em; background:url(../images/shared/logoEstiloVinilos.jpg) no-repeat 0 0;}
			
			/*- Link de Contacto -*/	
			#contactLink {position:absolute; top:10px; right:20px; color:#F000AE; font-size:0.9em;}
			#contactLink a {display:block; height:30px;  background:no-repeat 0 0; margin-right:1px; top:10px; right:20px;}
			       #contactLink .telefono {width:185px; background-image:url(../images/shared/telefono-estilovinilos.gif) no-repeat 0 0;}

			.phoneHeader{background-image:url("/images/shared/telefono-estilovinilos.gif");height:45px;position:absolute;right:0;top:0;width:254px;}
			.networksItems{height:41px;left:818px;position:relative;top:-80px;width:188px;}
			.facebookLink{background-image:url("http://www.estilovinilos.com/images/shared/ico-fb.gif");float:left;height:32px;width:32px;margin-left:5px;}
			.twitterLink{background-image:url("http://www.estilovinilos.com/images/shared/ico-twitter.gif");float:left;height:32px;width:32px;margin-left:5px;}
			.youTubeLink{background-image:url("http://www.estilovinilos.com/images/shared/ico-youtube.gif");float:left;height:32px;width:32px;margin-left:5px;}
			.inLink{background-image:url("http://www.estilovinilos.com/images/shared/ico-in.gif");float:left;height:32px;width:32px;margin-left:5px;}
			.sloganText{background-image:url("/images/shared/vinilos-almundo.gif");clear:both;display:block;float:left;height:9px;margin-left:7px;margin-top:-29px;width:296px;}
			.filkrLink{background-image:url("http://www.estilovinilos.com/images/shared/ico-flickr.gif");float:left;height:32px;width:32px;margin-left:5px;}
			* html .sloganText{margin-top:10px;background-repeat:no-repeat;}
			*+html .sloganText{margin-top:10px;background-repeat:no-repeat;}
			* html #topSections a{padding-top:20px;height:0px;}
			* html #topSections h2{position:relative;top:20px;}
			* html #topSections{margin-top:-20px;}
/*- Fin de Header (Logo + Link de Contacto) --------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Banner de la Sección ---------------------------------------------------*/

	
		#sectionBanner {height:60px; margin-bottom:10px;}
		
			#sectionBanner.staticPage {background-color:#DFDFDF;position:relative;}
		
			/*- El nombre de la categoría se oculta -*/
			#sectionBanner h2,
			#topSections a {font-size:0px; text-indent:-9999em;}
			
			/*- Paginas Estáticas -*/
			#topSections {bottom:0px;text-align:right;position:absolute;right:20px;}
			#topSections h2 {float:right;}
			* html #topSections h2 {top:3px;}
			*+html #topSections h2 {top:3px;}
			#topSections a {display:block; height:19px; background:no-repeat 0 0; margin-right:1px; color:#e2e2e2;}
				
					#topSections .preguntasfrecuentes {width:185px; background-image:url(../images/home/preguntas-frecuentes.gif);}
					#topSections .comocomprar {width:128px; background-image:url(../images/home/como-comprar.gif);}
					#topSections .prensa {width:68px; background-image:url(../images/home/prensa.gif);}
					#topSections .quienessomos {width:129px; background-image:url(../images/home/quienes-somos.gif);}
					#topSections .contactenos {width:113px; background-image:url(../images/home/contactenos.gif);}
				
				
/*- Fin de Banner de la Sección --------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Contenido Central (Menu Izq + Informacion de la Seccion) ---------------*/					
	
	
		#contentWrapper {}
					
				/*- Menu Izquierdo ---------------------------*/
				
				#leftMenu {float:left; width:160px;}
					
					/*- Cada Link es un Heading -*/
					#leftMenu h3 {font-weight:normal; font-family:twcenmt, 'Tahoma', Verdana, sans-serif;}
					
					#leftMenu a {display:block; text-decoration:none;}
				
					/*- Lista de Categorias -*/
					#categoryList {padding:3px 5px; background:#E7E9E6 url(../images/repeat%20bgs/catlistBG.jpg) repeat-x 0 0;}
						#categoryList ul li {padding:6px 0 9px 15px; background:url(../images/shared/catListBullet.gif) no-repeat 0 8px;}
						#categoryList a {display:block; text-align:right; cursor:pointer;}
							#categoryList a strong {float:left; font-size:0; text-indent:-9999em; width:110px; height:16px; margin-top:1px; background:no-repeat 0 0; color:#E7E9E6;}
							#categoryList a em {font-style:normal; font-size:0.9em; color:#75AE3C;}
				
					/*- Sub-menu, Secciones estaticas -*/
					#subMenuLinks {padding:10px 5px; margin-top:10px;}
						#subMenuLinks ul li {padding:4px 0 4px 12px; background:url(../images/shared/subMenuBullet.gif) no-repeat 0 5px;}
						#subMenuLinks a {display:block; text-indent:-9999em; font-size:0; height:10px; background:no-repeat 0 0; color:#FFF;}
				
				/*- Contenido de la Sección ------------------*/
				
				#sectionContent {float:right; width:850px;}

					#sectionContent p {padding:10px 5px; line-height:130%; color:#666;}
					
					/*- Link a la Home -*/
					#homeLinK {display:block; width:408px; height:10px; position:relative; top:-20px; margin-left:8px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkHome.gif);}
					#homeLinKO {display:block; width:40px; height:10px; position:relative; top:-10px; margin-left:-10px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkHomeO.gif);}
					#linkDisenio {display:block; width:398px; height:10px; position:relative; top:-15px; margin-left:15px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkDisenio.gif);}
					#linkSeleccion {display:block; width:400px; height:10px; position:relative; top:-6px; margin-left:2px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkSeleccion.gif);}
					#linkSolicitud {display:block; width:408px; height:10px; position:relative; top:-10px; margin-left:1px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkSolicitud.gif);}
					#linkPedido {display:block; width:414px; height:10px; position:relative; top:-6px; margin-left:8px; text-indent:-9999em; font-size:0; background:url(../images/shared/linkPedido.gif);}
				
					
/*- Fin de Contenido Central (Menu Izq + Informacion de la Seccion) --------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Noticias/Novedades -----------------------------------------------------*/


		#newsContainer {padding:10px; background:#CECECE url(../images/home/news/newsBG.jpg) repeat-x 0 0;}
					
			/*- Título Novedades -*/
			#newsContainer h4 {font-size:0px; text-indent:-9999em; background:url(../images/home/news/novedades.png) no-repeat 0 0; display:block; height:34px; width:145px; margin-bottom:5px;}
			#newsContainer p {padding:0;}
	
			/*- Enterate de lo Ultimo -*/
			#enterate {float:left; padding-right:10px; width:140px;}
				#enterate strong {display:block; font-size:0px; text-indent:-9999em; background:url(../images/home/news/enterateDeLoUltimo.png) no-repeat 100% 0; width:100%; height:35px;}
	 
			/*- Cada Noticia -*/
			.news {float:left; padding:5px 10px; border-left:1px dotted #939393; width:200px;}
	
				.news em,
				.news a,
				.news p {display:block;}
				
				.news em,
				.news p {color:#575757 !important;}
	
				/*- Fecha -*/
				.news em {text-transform:lowercase; font-style:normal; font-size:0.8em;}
				/*- Titulo -*/
				.news a {color:#F000AE; font-weight:bold; line-height:150%; text-decoration:none;}
				.news a:hover {text-decoration:underline;}
				/*- Texto -*/
				.news p {font-size:0.9em;}	
				
				
				/*- Ver todas las novedades -*/
				.verTodasLasNovedades {clear:both; text-align:right;}
					.verTodasLasNovedades a {font-size:0.9em; text-decoration:underline; color:#F000AE;}
				
				
/*- Fin de Noticias/Novedades ----------------------------------------------*/
				
/*-----------------------------------------------------------------------------------------------*/			
				
/*- Footer -----------------------------------------------------------------*/	
				
			
		#footer {font-family:Verdana, sans-serif; text-align:center; clear:both; padding-top:20px;}
				
			/*- Navegacion Inferior -*/
			#bottomNav {background:#AFAFAF url(../images/shared/bottomNavBG.jpg) repeat-x 0 0; padding:3px 0;}
				#bottomNav a {font-size:0.9em; color:#666; text-decoration:none; margin:0 15px;}
				#bottomNav a:hover {color:#333; text-decoration:underline;}
				
			/*- CopyRight -*/
			#footer p {font-size:0.8em; color:#666; padding-top:10px;}
			
			
/*- Fin de Footer ----------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Botones ----------------------------------------------------------------*/

		
		/*- Contenedor del Botón -*/		
		.buttonContainer {text-align:center; padding-top:20px; clear:both;}
		
		
			/*- Boton -*/
			button {height:24px; cursor:pointer; white-space:nowrap; overflow:visible;}
			
				button span,
				button em {display:block; background:url(../images/shared/btnBg.gif) no-repeat 0 0;}
		
				button span {padding-right:15px; background-position:100% 0; height:24px;}
				button em {font:normal 0.8em Verdana, sans-serif; font-weight:bold; text-transform:uppercase; padding:6px 0 0 15px; height:18px; color:#FFF;}
				

/*- Fin de Botones ---------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- IE 6 + IE 7 Fixes ------------------------------------------------------*/

		/*- 6 -*/
		* html body {padding-bottom:50px;}
		* html button {display:inline;}
		* html #subMenuLinks ul li {background-position:0 10px;}
		* html #footer {padding-top:5px;}
		/*- 7 -*/
		*+ html body {padding-bottom:50px;}
		*+ html #subMenuLinks ul li {background-position:0 11px;}
		*+ html #footer {padding-top:5px;}

/*- Fin IE 6 + IE 7 Fixes --------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------- FIN DE CSS GENERAL - TU VINILO  -----------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/