/*  
Theme Name: Permar
Theme URI: 
Description: Disenio Permar
Version: 1.0
Author: 
Author URI: 

The CSS, XHTML, JS and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* contenedores */
body { background-color:#000; text-align: center; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; }
#container { position: relative; margin:76px auto; width: 800px; }
#content { background: #FFFFFF; position:relative; margin:0px; padding-top: 30px; padding-bottom: 0px; }
#content_page { background: #FFFFFF; position:relative; margin:0px; padding: 0px; }
#contentbox { margin-top:0px; position:relative; margin:0 auto; width: 703px; }
#content_box_home { margin-top:0px; position:relative; margin:0 auto; width: 530px; }

/* estilos generales */
div { position: relative; }
img { border: 0px; }
.lessBottom { padding-right: 2px; }
.grandeNaranja { color: #f25822; font-size: 15px; font-weight: bold; }
.fl { float: left; }
.cap { text-transform: capitalize; }

/*   Header   */
#header { background: url(images/header.png); height: 110px; width: 800px; position: relative; text-align: left; }
#header a img  { position: relative; float: left; }
#logo { margin: 49px 0 0 0; }
#boton_servicio_header { margin: 65px 0 0 285px; }
#boton_blog_header { margin: 65px 0 0 12px; }
#facebook_header { margin: 64px 0 0 12px; }
#twitter_header { margin: 64px 0 0 12px; }
#botonera { height: 23px; }
#botonera img { text-align: left; float: left; border-right: solid 1px #fff; }
#headerBottom { position: relative; height: 3px; width: 100%; background: repeat-x url(images/botonerabottom.jpg) #FFF; }

/*   Catalogo   */
#catalogBG { background-color:#FFFFFF; width: 800px; height: 462px; }
.itemContainer { background-color: #ffffff; position: relative; width: 281px; height: 168px; border: solid 1px #f58158; padding: 0px; margin-bottom: 1px; margin-left: 1px; 
overflow: hidden; float: left; }
.itemTitleHeader { position: relative; width: 100%; height: 28px; line-height: 28px; background-color: #f25822; text-align: center; text-decoration: none; }
.headerLettersContainer { text-align: center; margin: 0 auto; text-decoration: none; display: table-cell; vertical-align: middle; }
.headerLetters { border: 0px; margin-right: -6px; text-decoration: none; text-align: center; }
.moreButton { position: absolute; right: 0px; bottom: 0px; }
.bloquesColumnas { display: none; clear: both; height: 1%; }
.bloquesColumnas img { clear: both; }
.columnaHome { float: left; margin-right: 1px; }
.columnaHomeS { float: left; margin-right: 0px; }
.columnaHome img { float: left; margin-bottom: 1px; }
.columnaHomeS img { float: left; margin-bottom: 1px; }

/*   nav   */
#catBack { position: absolute; left: 400px; top: 385px; z-index: 101; }
#catNext { position: absolute; left: 542px; top: 385px; z-index: 101; }
#catBackShade { position: absolute; left: 400px; top: 385px; z-index: 100; }
#catNextShade { position: absolute; left: 542px; top: 385px; z-index: 100; }

/*   product   */
#productHeaderContainer { position: absolute; left: 24px; top: 32px; width: 753px; height: 29px; line-height: 34px; background-color: #F25822; text-align: center; }
#productImage { position: absolute; left: 24px; top: 68px; width: 370px; height: 340px; line-height: 345px; overflow: hidden; }
#productInfoDisplay { position: absolute; left: 405px; top: 68px; width: 369px; height: 320px; overflow: auto; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#productInfoDisplay b, #productInfoDisplay strong { color: #F25822; }
#productHowToInfo { display: none; position: absolute; left: 405px; top: 68px;  width: 369px; height: 340px; overflow: auto; text-align: left; }
#productBudgetInfo { display: none; position: absolute; left: 405px; top: 68px; width: 369px; height: 340px; overflow: auto; text-align: left; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#productInfoDisplay b, #productInfoDisplay strong { color: #F25822; }

/*   form contacto   */
.inputs { border: solid 1px #F25822; margin-bottom: 3px; width: 240px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/*   botones nav producto   */
#productBackStart { position:absolute; left:  24px; top: 414px; }
#productBackCatalog { position:absolute; left:  212px; top: 414px; }
#productHowTo { position:absolute; left:  400px; top: 414px; }
#productBudget { position:absolute; left:  650px; top: 395px; }
#productFooter { position:absolute; left:  24px; top: 464px; }
#loadingBar { display: none; }

/* blog */
.blogPost { clear: both; text-align: left; font-size: 12px; display: block; overflow: auto; margin-bottom: 10px; }
.blogPost p img  { float: left; }
.blogPostMeta { float: none; display: block; width: 450px; clear: both; display: table-cell; vertical-align: middle; text-align: left; color: #949599; padding-bottom: 3px; 
padding-top: 3px; }
.bottomNaranja { border-bottom: solid 1px #f25822; }
.listaBottomNaranja li { border-bottom: solid 1px #f25822; padding-bottom: 5px; padding-top: 5px; }
.listaBottomNaranja { float: none; font-size: 12px; }
.listaBottomNaranja li a { color: #000000; font-weight: bold; text-decoration: none; }
.listaBottomNaranja li a:hover { text-decoration: underline; }
.blogPostMeta a { color: #949599; text-decoration: none; }
.blogPostMeta a:hover { text-decoration: underline; }
.blogPostMeta img { float: none; vertical-align: middle; }
.postAutor { float: right; }
.barraSocial { line-height: 20px; }
#productSocial { position:absolute; left: 410px; top: 417px; }
.barraSocial div { float: left; } 
.blogPostMetaBoxMeta { float: left; width: 220px; text-align: right; }
.blogPostMetaBoxSocial { float: left; width: 220px; }

/* footer */
#footer_container { position: relative; width: 702px; clear: both; padding-top: 20px; margin: 0 auto; }
.footer_container_home { margin: 46px auto; padding-bottom: 46px; padding-top: 40px !important; }
#footer_container img { float: left; }
#footer { position: relative; width: 702px; height: 120px;  float: left; }
.fondo_footer { background: url(images/footer.png) no-repeat; }
.sin_links { background-position: 0 -23px; }
.clear { clear: both; }
.center_div { margin: 0 auto; }
#rif { position: absolute; bottom: 0; right: 49px; }
#footer_distribution { position: absolute; display: block; top: 59px; left: 10px; width: 90px; height: 34px; }
#footer_naxa { position: absolute; top: 59px; left: 126px; width: 99px; height: 34px; }
#footer_olimpia { position: absolute; top: 59px; left: 239px; width: 126px; height: 32px; }
#footer_samsung { position: absolute; top: 64px; left: 558px; width: 75px; height: 26px; }
#footer_pickens { position: absolute; top: 45px; left: 647px; width: 41px; height: 61px; }

/* aires */ 
#aires_contenido { width: 702px; margin: 0 auto; margin-top: 20px; }
#aires_header { width: 710px; margin-bottom: 10px; }
#aires_back { width: 360px; text-align: left; display: inline-block; font-size: 14px; }
#aires_back a { font-size: 14px; text-decoration: none; }
#aires_social { width: 370px; text-align: right; display: inline-block; height: 20px; overflow: hidden; padding-top: 10px; }
#aires_social div { float: right; }
#aires_social .fbshare { width: 70px; overflow: hidden;  }
#aires_imagen_principal { width: 702px; height: 289px; float; left; }
#aires_info { background: #0a141e; color: #FFF; text-align: left; font-size: 13px; float; left; }
#aires_botones1 { height: 24px; clear: both; }          
#aires_botones2 { width: 443px; height: 24px; padding: 0 0 0 218px; clear: both; display: none; }          
#aires_texto { padding: 30px 25px 40px 25px; }
#aires_texto_ficha { display: none; }
#aires_botones1 a img, #aires_botones2 a img { float: left; margin: 0 1px 0 0; }
table { border: 0; margin: 0; }
table tr td { border: 0; padding: 0 10px 10px 0; color: #FFF; font-size: 13px; }

/* servicio tecnico */
.ts_content { float: left; width: 450px; text-align: left; background: #fff; padding: 0 20px; }
.ts_title { margin-bottom: 10px; }
.ts_sidebar { float: left; width: 280px; }
.ts_types { list-style: none; margin: 0 0 20px; padding: 0; }
.ts_types li { padding: 5px 0; border-bottom: solid 1px #F25822; }
.ts_types li a { font-weight: bold; font-size: 12px; color: #000; text-decoration: none; }
.ts_types li a:hover { text-decoration: underline; }