/*
Theme Name: SapphireLA
Description: SapphireLA
Author: SomosWP
Author URI: http://www.somoswp.com
*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		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
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea {font-family:inherit; font-size:1em;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Estilos generales ------------------------------------------------------*/


		body {font:76% Arial, Helvetica, sans-serif; background:#000;}
			
			/*- Define la resolucion -*/
			.wrap {width:920px; margin:0 auto;}
			
			/*- Links -*/
			a {text-decoration:none;color:#336699}
			a:hover {text-decoration:underline;color:#6297CA}
			
			/*- Float clears -*/
			#menu ul, #main, #box-novedades ul, .box, .box .follow span, #box-buscar p, #postList {overflow:hidden;}
			
			/*- Bordes redondeados -*/
			#featured-Selection a, #respond input, #respond textarea {-moz-border-radius:5px; -webkit-border-radius:5px;}
			#menu a {-moz-border-radius:8px; -webkit-border-radius:8px;}

			
			 
			/*- Labels accesibles -*/
			.accesible {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;}
			
			/*- Ocultar textos -*/
			#logo a, #lang, .featuredItem a, #aboutTheProducts li, .box .moreInfo, #box-buscar button, #respond button {display:block; font-size:1px; text-indent:-9999em;}
			
			/*- Cantidad de comentarios -*/
			.commentNumber {width:60px; height:26px; position:absolute; top:11px; right:10px;}
				.commentNumber a {color:#111 !important; text-decoration:none !important; display:block; font-weight:bold; text-align:right; height:20px; background:url(images/icons/comments.gif) no-repeat 0 0;}
				.commentNumber a:hover {background-position:0 -27px; color:#666 !important; text-decoration:none;}
			
			/*- Nombre del producto en promocion -*/
			.featuredItem h2 {font:5em/90% Impact, Arial, sans-serif;}
			
			
/*- Fin de Estilos generales -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Excepciones segun la pagina --------------------------------------------*/

		
		/*- Si es la HOME -*/
		body.home #box-twitter,
		body.home #box-facebook {float:left; min-height:204px;}
		body.home #box-twitter {margin-right:10px;}
		

/*- Fin de Excepciones segun la pagina -------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/

		
		#header {background:url(images/bgs/header/header.jpg) repeat-x 0 0;}
			#header .wrap {position:relative;}
		
			/*--------------------------*/
			/*	LOGO					*/
			/*--------------------------*/
		
			#logo {}
				#logo h1 {padding:16px 0 0 31px;}
					#logo a {width:158px; height:106px; background:url(images/logo.png) no-repeat 0 0;}
					#logo a:hover {background-position:-159px 0;}
				
			/*--------------------------*/
			/*	SEARCH					*/
			/*--------------------------*/
				#search{position:absolute;top:8px;right:80px}
				#registracion{position:absolute;top:14px;right:258px;}
				#registracion span{float:left;margin-left:5px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;border:0 none;color:#666666}
				#registracion a {font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#336699;margin:0;padding:0;}


			/*--------------------------*/
			/*	IDIOMA					*/
			/*--------------------------*/
			
			#lang {position:absolute; top:13px; right:10px;}
				#lang * {display:block;}
				
				/*- Idioma actual -*/
				#lang strong {width:40px; height:18px; padding:5px 0 0 10px; background:url(images/bgs/header/langSelect.gif) no-repeat 0 0; cursor:pointer;}
					#lang strong span {width:16px; height:11px;}
					
					/*- Segun el idioma -*/
					#lang #currentLang-es span {background:url(images/icons/flags/es-closed.gif) no-repeat 0 0;}
					#lang #currentLang-br span {background:url(images/icons/flags/br-closed.gif) no-repeat 0 0;}
					
					/*- Estilos del JS -*/
					#lang strong.langHover {background-position:0 -24px;}
					#lang strong.langOpen {background-position:0 -48px;}
					
					
				/*- Lista de idiomas -*/
				#lang ul {display:none; width:39px; margin-left:0px; background:silver; border-bottom:1px solid silver; padding:5px 5px 0; position:absolute; z-index:2;}
					#lang li {padding:0 0 8px 4px;}
					#lang a {width:32px; height:11px;}
					
					/*- Segun el idioma -*/
					#lang #selectLang-es a {background:url(images/icons/flags/es-open.gif) no-repeat 0 0;}
					#lang #selectLang-es a:hover {background-position:-33px 0;}
					#lang #selectLang-br a {background:url(images/icons/flags/br-open.gif) no-repeat 0 0;}
					#lang #selectLang-br a:hover {background-position:-33px 0;}
					
					/*- Estilos del JS -*/
					#lang .displayLang {display:block;}				
					
			/*--------------------------*/
			/*	DESTACADOS				*/
			/*--------------------------*/
			
			#featured {width:920px; height:292px; margin:20px auto 10px; background:url(images/bgs/featured/featured.jpg) no-repeat 0 0; position:relative;}
			
				/*- Numeros para ir a cada producto -*/
				#featured-Selection {z-index:2; position:absolute; top:12px; right:10px; display:none;}
					#featured-Selection li {float:left; margin-right:3px;}
					#featured-Selection a {display:block; font-weight:bold; font-size:1.1em; color:#FFF; padding:10px 6px; background:#3F161B; opacity:0.6;}
					#featured-Selection .currentFeaturedSelection a {opacity:1;}
					
				/*- Lista de productos -*/
				#featured-List {padding-top:30px; clear:both;}
				
					/*- Cada producto -*/
					.featuredItem {height:272px; overflow:hidden;}
						.featuredItem h2 {width:310px; padding-left:40px; text-transform:uppercase; letter-spacing:-0.05em; color:#FFF;}
						.featuredItem ul {width:310px; padding:5px 0 10px; margin:20px 40px 5px; border-left:1px solid #215AC5; border-bottom:1px solid #0082D9;}
							.featuredItem li {font-size:1.3em; font-weight:bold; color:#B9E1EE; padding:0 0 5px 30px; background:url(images/bgs/featured/bullet.gif) no-repeat 12px 4px;}
							.featuredItem img {width:530px; height:390px; position:absolute; bottom:0; right:60px; z-index:1;}
							.featuredItem a {width:88px; height:19px; margin:10px 0 0 39px; background:url(images/btns/featured-more.gif) no-repeat 0 0;}
							.featuredItem a:hover {background-position:0 -20px;}
		
				/*- Sobre los productos (Windows 7, ATI, etc) -*/
				#aboutTheProducts {position:absolute; bottom:10px; right:10px; z-index:2;}
					#aboutTheProducts li {float:left; height:53px; margin-right:5px;}
					#windows7 {width:46px; background:url(images/icons/windows7.gif) no-repeat 0 0;}
					#poweredByAti {width:57px; background:url(images/icons/ati.gif) no-repeat 0 0;}


/*- Fin de Header ----------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Contenido central ------------------------------------------------------*/

		
		#main {padding-bottom:5px;position:relative; z-index:2;}
		
			/*--------------------------*/
			/*	MENU					*/
			/*--------------------------*/
			
			#menu {padding-top:12px; margin-bottom:10px;}
				
			
			
			
			
			/*--------------------------*/
			/*	CONTENIDO				*/
			/*--------------------------*/
			
			#content {float:left; width:590px; padding-left:15px;padding-top:15px}
			
			/*--------------------------*/
			/*	SIDEBAR					*/
			/*--------------------------*/
			
			#sidebar {float:right; width:290px; padding-right:15px;padding-top:19px}


/*- Fin de Contenido central -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Cajas ------------------------------------------------------------------*/
		

		/*--------------------------*/
		/*	CAJA BASE				*/
		/*--------------------------*/
		
		.box {width:290px; padding-bottom:22px; margin-bottom:10px; }
			.box h4 {font-size:1.3em; letter-spacing:-0.02em; padding:4px 0px 2px 1px; border-bottom:1px solid #999999; position:relative;}
			.box ul, .box p, .box q {display:block; font-size:1.1em; padding:15px 15px 0; color:#333; }
			
				/*- Seguir en Twitter y Facebook -*/
				.box .follow {padding:10px 15px 0;}
					.box .follow span {display:block; font-weight:bold; padding:5px 10px; background:#D8D8D8;}
					.box .follow strong {float:left; color:#666;}
					.box .follow a {float:right; color:#333;}
					
				/*- Icono de mas informacion -*/
				.box .moreInfo {width:17px; height:18px; background:url(images/btns/box-more.gif) no-repeat 0 0; position:absolute; top:13px; right:12px; z-index:1;}
				.box .moreInfo:hover {background-position:0 -19px;}
			
		/*--------------------------*/
		/*	CAJA CON UNA LISTA		*/
		/*--------------------------*/

		.listBox {padding-bottom:12px;}
			.listBox ul {padding:0;}
				.listBox li {border-bottom:1px solid #B7B7B7;}
					.listBox li a {display:block; padding:12px 15px;}
					.listBox li a:hover {text-decoration:none; background-color:#DDD;}
						.listBox li strong {color:#333; padding:1px 0 5px 0px;}
						.listBox li em {display:block; font-style:normal; color:#666; padding-left:0px; clear:both;}
						.listBox img {float:left; width:16px; height:16px; margin:0 18px 0 6px;}
				
				/*- JS -*/
				.listBox li.last {border:0;}
				
		/*--------------------------*/
		/*	CAJA DEL BLOG			*/
		/*--------------------------*/	
			
		.blogBlox {}
			.blogBox h4 {color:#282828; background-repeat:no-repeat;}
			.blogBox li strong {line-height:130%; padding:1px 0 5px 0px;}
							
		/*--------------------------*/
		/*	CAJA NOVEDADES (HOME)	*/
		/*--------------------------*/
		
		#box-novedades {width:590px; padding-bottom:10px;}
			#box-novedades ul, #box-novedades p {}
			#box-novedades h4 {color:#336699; }
				
			/*- ULTIMA NOVEDAD (DESTACADA) -*/
			#box-novedades #ultimaNovedad {float:left; width:400px; position:relative;}
				#box-novedades #ultimaNovedad a {border:0;}
				#box-novedades #ultimaNovedad p {padding:0;}
				#box-novedades #ultimaNovedad img {width:400px; height:225px;}
				
				/*- Lista de novedades -*/
				#box-novedades li {float:right; margin-bottom:6px; clear:right;}
					#box-novedades li a {display:block; border:1px solid #282828;}
					#box-novedades li a:hover {border-color:#000;}
					#box-novedades li img {display:block; width:145px; height:85px;}
				
				/*- Titulo -*/
				#box-novedades #ultimaNovedad h5 {font-size:1.2em; color:#A4A4A4; background:#333; border-bottom:3px solid #1F1F1F;}
					#box-novedades #ultimaNovedad h5 a {display:block; padding:16px 15px 11px; color:#A4A4A4; margin-right:40px;}
					#box-novedades #ultimaNovedad h5 a:hover {color:#FFF; text-decoration:none;}
					#box-novedades #ultimaNovedad h5 img {width:54px; height:18px; margin-right:5px; display:inline; vertical-align:middle; position:relative; top:-2px;}
					
					/*- Comentarios -*/
					#box-novedades .commentNumber {background:#333;}
						#box-novedades .commentNumber a {margin:0; padding:6px 7px 0 0;}				
			
			#box-novedades .vermasvideos { float: right; color: #333333; font-weight:bold; text-transform: uppercase; background: padding: 6px 0 4px 23px; margin-right: 15px;	font-size: 14px;}
			
		/*--------------------------*/
		/*	CAJA REVIEWS			*/
		/*--------------------------*/
			
		#box-reviews {padding:0px!important}
			#box-reviews h4 {color:#282828; }
			#box-reviews a {color:#282828;}
			#box-reviews a:hover {text-decoration:none;}
	
		#box-panel-new{color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;}
			#box-panel-new ul {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;list-style-type:square;margin-left:10px;}
			#box-panel-new li {margin:10px}
			#box-panel-new a {color:#333;font-size:12px;text-decoration:none;}
			#box-panel-new a:hover {color:#336699;}
			#box-panel-new .titulo{color:#336699;font-size:15px}
			#box-panel-new .resumen{margin:0px;margin-top:3px;margin-left:3px;font-weight:normal;font-size:12px}



		/*--------------------------*/
		/*	CAJA DESCARGAS			*/
		/*--------------------------*/
			
		#box-descargas {padding:0px!important}
			#box-descargas h4 {color:#282828;}
			#box-descargas a {color:#282828; }
			#box-descargas a:hover {text-decoration:none; }
			
		/*--------------------------*/
		/*	CAJA TWITTER			*/
		/*--------------------------*/
							
		#box-twitter {width:100%}
			#box-twitter h4 {color:#336699; }
			#box-twitter q {float:right; width:200px; font-style:italic; padding:10px 25px 0 5px; quotes:'"''"';}
			#box-twitter img {float:left; width:35px; height:35px; margin:10px 0 0 20px;}
				
		/*--------------------------*/
		/*	CAJA FACEBOOK			*/
		/*--------------------------*/
			
		#box-facebook {width:100%}
			#box-facebook h4 {color:#333;}
			#fans {text-align:center;}
			#fans img {width:35px; height:35px; margin:0 1px 3px; border:1px solid #DDD;}
			#networkedblogs_nwidget_iframe #fans div {display:none;}
					
		/*--------------------------*/
		/*	CAJA RSS (BLOG)			*/
		/*--------------------------*/	
				
		#box-rss {padding:0;margin-bottom:20px }
			#box-rss h4 {padding:0; border:0;}
			#box-rss a {color:#866200;position:relative;top:-10px; }
			
		/*--------------------------*/
		/*	CAJA BUSCAR (BLOG)		*/
		/*--------------------------*/
		
		#box-buscar {}
			#box-buscar h4 {}
			#box-buscar p {padding:0px 0 0px 0px;}
			#box-buscar input buscar{float:left; width:160px; padding:2px; margin-top:0px;border:1px solid gray; background:#FFF;}
			#box-buscar lupa {float:left; cursor:pointer;}
		
		/*--------------------------*/
		/*	CAJA NOVEDADES (BLOG)	*/
		/*--------------------------*/		
		
		#box-ultimasNovedadesBlog {}
			#box-ultimasNovedadesBlog h4 {);}
				
		/*--------------------------*/
		/*	CAJA COMENTARIOS (BLOG)	*/
		/*--------------------------*/	
		
		#box-ultimosComentarios {}
			#box-ultimosComentarios h4 {);}
			
		
/*- Fin de Cajas -----------------------------------------------------------*/			
/*-----------------------------------------------------------------------------------------------*/

/*- Posts ------------------------------------------------------------------*/
				
				
		/*- Lista de Posts -*/
		#postList {padding-bottom:20px;}
			#postList h5 {font-size:1.7em; color:#4CCCF8; padding:0 5px 10px; margin-bottom:10px; border-bottom:1px solid #292929;}
			#postList h5 a {color:#333333;}
			#postList h6 {text-transform:uppercase; font-size:1.3em; color:#FFF; padding:10px 5px 0;}
			#postList p, #postList li {font-size:1.15em; color:#333; line-height:150%; padding:0 5px 10px; clear:both;}
			#postList li {padding:0 5px 3px 0;}
			#postList p a {color:#336699; text-decoration:underline;}
			#postList p a:visited {color:#336699;}
			#postList p a:hover {color:#6297CA;}
			#postList ul, #postList ol {margin:20px 20px 10px 50px;}
			#postList ul {list-style-image:url(images/postBullet.gif);}
			#postList ol {list-style:decimal-leading-zero;}
			
			
			#postList ul.int li {
				margin-bottom: 20px;
			}
			#postList ul.int h5 {
				padding: 0 5px 6px;
				margin-bottom: 0px;
				font-size: 1.3em;
			}
			#postList ul.int em {
				font-weight: normal;
				font-style: normal;
				font-size: 0.9em;
				color: #333;
				margin-left:5px;
			}
			/*- Titulo -*/
			.title {margin-bottom:10px; border-bottom:1px solid #282828; position:relative;}
				.title h4 {font-size:2.0em; color:#333; padding:10px 0px 10px 10px}
				.title .commentNumber {top:16px;}
				.title .commentNumber a {padding:3px 7px 3px 0;}
			
			/*- Fecha y Etiquetas -*/
			#postList .postMeta {padding:0 24px 10px 5px; border-bottom:1px solid #282828;}
				#postList .postMeta p {color:#333; display:inline; padding:0 9px; border-right:1px solid #282828;}
				#postList .postMeta a {color:#333; text-decoration:none;}
				#postList .postMeta a:hover {color:#666;}
				
			/*- Contenido del post -*/
			.postEntry {padding:20px;}
				.postEntry h5 {float:left; margin-top:10px;}
			
			/*- Si es un resultado (archivo, productos) -*/
			.postResult {padding:33px 20px 20px 170px; clear:both; position:relative; min-height: 100px;}
				.postResult img {width:125px; height:125px; border:1px solid #000; position:absolute; top:20px; left:25px; z-index:1;}
				.postResult h5,
				.postResult p {width:385px;}

			.postResultDonde {padding:19px 5px 0px 100px; clear:both; position:relative; }
				.postResultDonde img {width:125px; height:125px; border:1px solid #000; position:absolute; top:20px; left:25px; z-index:1;}
				.postResultDonde h5,
				.postResultDonde p {width:385px;}


/*- Fin de Posts -----------------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Comentarios ------------------------------------------------------------*/			
			
			
		/*- Subtitulos -*/
		.subTitle {font-size:1.6em; padding:5px 0 10px 0px;border-bottom:1px solid #333;}
			
		/*--------------------------*/
		/*	LISTA DE COMENTARIOS	*/
		/*--------------------------*/	
		
		#commentList {}
			#commentList li {width:570px; margin:20px;}
			
				/*- Texto -*/
				.commentText {padding:5px;}
					.commentText p {font-size:1.3em; line-height:130%; color:#333;}
			
				/*- Autor -*/
				.commentAuthor {padding:5px; }
					.commentAuthor img {width:18px; height:18px; vertical-align:middle; border:1px solid #6B6B6B; margin-right:8px; position:relative; top:-1px;}
					.commentAuthor .author, .commentAuthor .author a {font-weight:bold; text-transform:uppercase; color:#336699;}
					.commentAuthor span {color:#666;}
				
		/*--------------------------*/
		/*	DEJAR COMENTARIO		*/
		/*--------------------------*/	
			
		#respond {}
			#respond form {width:530px; padding:10px 0 0 24px;}
			#respond p {clear:both; margin-bottom:7px;}
			#respond .fieldLine {clear:none; float:left; margin-right:7px;}
			#respond .fieldLine.last {margin-right:0;}
			#respond input, #respond textarea {font-size:1.1em; color:#999; padding:5px 10px; border:0;}
			#respond input {width:152px; background:#1E1E1E;}
			#respond textarea {width:510px; height:120px; background:#141414; overflow:auto;}
			#respond button {width:187px; height:29px; background:url(images/btns/leaveComment.png) no-repeat 0 0; cursor:pointer;}
			#respond button:hover {background-position:-188px 0;}
			

/*- Fin de Comentarios -----------------------------------------------------*/	
/*-----------------------------------------------------------------------------------------------*/

/*- Footer -----------------------------------------------------------------*/

		
		#footer {background:#535353 url(images/bgs/footer/footer.gif) repeat 0 0;}
			#footer .wrap {padding:20px 0 20px;}
				
				/*- Links -*/
				#footer ul {font-weight:bold; text-transform:uppercase; padding:0 80px 0 30px;}
					#footer li {display:inline; padding:0 12px 0 9px; background:url(images/bgs/footer/separator.gif) no-repeat 100% 0;}
					#footer li a {color:#CCC;}
					#footer li a:hover {color:#FFF;}
				
					/*- JS -*/
					#footer li.last {background:none;}
				
				/*- Copyright -*/
				#footer p {padding:5px 80px 0 39px; color:#9C9C9C;text-align:center;}
					#footer p a {color:#9C9C9C;}
					#footer p a:hover {color:#CCC;}
							   
					#footer span{
						color:#ccc;
					}	
				#footer .sappGlobal{
					font-weight:bold;
					color:#ddd;
				}
					
.twitter-message {
	min-height: 28px;
	font-size: 12px !important;
}
.twitter-message a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}	
.navigation {
	clear: both;
	margin-top: 30px;
}
.alignleft {
	float: left;
}
.alignright{
	float: right;
}
.navigation a {
	background: #ccc;
	color: #000;
	padding: 8px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0px 10px;
	
}						
/*- Fin de Footer ----------------------------------------------------------*/

/*- WHITE VERSION -*/

body {background:#FBFBFB;}
#header {background-image:url(images/white-version/header.jpg);}
#lang strong {background-image:url(images/white-version/langSelect.gif);}
#logo a {background-image:url(images/white-version/logo.png);}
#featured {background-image:url(images/white-version/featured.jpg);}
#menu {background-image:url(images/white-version/menu.gif);}

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------- Fin de SapphireLA -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/