/*  
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
*/

div 
{
    position: relative;
}

img
{
    border: 0px;
}

/* Overall */

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: 60px;
}

#contentbox
{
    margin-top:0px;
    position:relative;
    margin:0 auto;
    width: 703px;
}

.lessBottom
{
    padding-right: 2px;
}

.grandeNaranja
{
    color: #f25822;
    font-size: 15px;
    font-weight: bold;
}

/*   Header   */

#header
{
    background: url(images/header.jpg);
    height: 110px;
    width: 800px;
}

#header img
{
    position: absolute;
    left: 0px;
    bottom: 1px;
}

#botonera
{
    height: 23px;
}

#botonera img
{
    text-align: left;
    float: left;
    border-right: solid 1px #fff;
	
}

#headerBottom
{
    position: relative;
    height: 5px;
    width: 100%;
    background: url(images/botonerabottom.jpg) #FFFFFF;
}

/*   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: 282px;*/
    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
{
    /*float: left;*/
    border: 0px;
    margin-right: -6px;
    text-decoration: none;
    text-align: center;
}

.moreButton
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.bloquesColumnas
{
    /*display: none;*/
    clear: both;
    /*ie8!*/
    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;
}

.fl
{
    float: left;
}

/*   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: 340px;
    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;
}

.blogPost
{
    clear: both;
    text-align: left;
    font-size: 10px;
    display: block;
    overflow: auto;
    margin-bottom: 10px;
}

.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; }