/*css document*/

*{margin: 0px;padding: 0px;}

a, a:link, a:visited, a:active
{color: #fff;
text-decoration: none;
outline: none;
font: 14px Verdana,Arial,Helvetica,sans-serif;}


a:hover
{
color: #fff;
text-decoration: none;
outline: none;
}



body
{
height: 100%;
width: 100%;
margin: 0;
padding: 0;	
font: 76%/140% Verdana,Arial,Helvetica,sans-serif;
color: #fff;
text-align: center;
background-color:#000000;
}


/************************************************************* COLUMNAS *********************************************/

.indexflash
{
width: 99%;
height: 564px;
margin-top: 0;
margin-right: 1%;
margin-left: 0;
}

.indexnav
{
width: 99%;
height: 33px;
margin-right: 1%;
margin-left: 1%;
margin-top: 10px;
margin-bottom: 0;
text-align: center;
background: url(imag/indexnav.png) bottom center no-repeat;
}



.main 
{
height: auto;
width: 90%;
margin-top: 0px;
margin-right: 5%;
margin-left: 5%;
}


.navflash
{
float: right;
width: 345px;
height: 123px;
margin-top: 10px;
margin-right: 0;
}

.logo
{
float: left;
width: 253px;
height: 105px;
margin: 0;
padding: 0;
}

#header 
{
float: left; 
width: 100%; 
height: 159px; 
margin: 15px 0 0 0;
padding: 0;
position: relative;
background: url(imag/blue.png) bottom center no-repeat;
}

.title
{
float: right;
width: 100%;
height: 33px;
margin-left: 0;
margin-top:0;
padding: 0 6px 0 0 ;
position: relative;
text-align: right;
text-transform: uppercase;
}




.titleright
{
float: right;
width: 46%;
height: 60px;
margin-left: 0;
margin-top:0;
padding: 0 6px 0 0 ;
position: relative;
text-align: right;
}


.titleright2
{
float: right;
width: 100%;
height: 24px;
margin-left: 0;
/*margin-top:37px;*/
padding: 15px 0 6px 0 ;
position: relative;
text-align: right;
}


.textleft,.textleftcontact
{
float: left;
width: 60%;
height: 579px;
margin-left: 0;
margin-top: 3px;
margin-bottom: 10px;
padding: 0 4px;
/*text-align: justify;*/
font-size: 1.1em;
line-height:1.6em;
position: relative;
overflow:hidden;
outline:none;
text-decoration:none;
position: relative;
background: url(imag/fndtxt2.jpg) top left repeat-x;
border: 1px solid #484848;
}

.textleft
{
text-align: justify;
}

.textleftcontact
{
text-align: center;
}

.imageright1, .imageright2
{
float: right;
width: 38%;
height: 579px;
margin-right: 0;
margin-top: 3px;
margin-bottom: 10px;
padding: 0;
position: relative;
overflow:hidden;
display: block;
text-align: center;
border: 1px solid #484848;
}

.imageright1
{
background: url(imag/4.jpg) center center no-repeat;
}

.imageright2
{
background: url(imag/ociu.jpg) center center no-repeat;
}


#pobox
{
width: 98%;
height: 150px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 6px;
position: relative;
overflow: hidden;
border-bottom: 1px solid #484848;
}

/********************************************************* PRODUCTS *****************************************************/
.introtxtprod
{
float: left;
width: 100%;
margin: 10px 0 10px 0 ;
padding: 2px;
text-align: justify;
overflow: hidden;
border: 1px solid #484848;
}


#productsleft
{
float: left;
width: 48%;
margin-bottom: 10px;
margin-left:0;
padding: 2px;
position: relative;
overflow: hidden;
text-align: center;
}

#productsright
{
float: right;
width: 48%;
margin-bottom: 10px;
margin-right: -1%;
padding: 2px;
position: relative;
overflow: hidden;
text-align: center;
}

.productsp
{
  float: left;
  outline:none;
  text-decoration:none;
  position: relative;
  text-align: center;
  margin: 10px 3px;
  padding:0;
}

.productsp a:link, .productsp a:visited, .productsp a:active
{
  width: 204px;
  height: 204px;
  outline:none;
  text-decoration:none;
  padding: 0;
  display: block;
  border: 1px solid #484848;
}


.productsp a:hover
{
  width: 204px;
  height: 204px;
  outline:none;
  text-decoration:none;
  padding: 0;
  display: block;
  border: 1px solid #A2A2A2;
}


.productsp6
{
background: url(imag/crister.jpg) center center no-repeat;
}

.productsp7
{
background: url(imag/venezina.jpg) center center no-repeat;
}

.productsp8
{
background: url(imag/carpenoctem.jpg) center center no-repeat;
}

.productsp10
{
background: url(imag/airstar.jpg) center center no-repeat;
}

.productsp13
{
background: url(imag/dopo.jpg) center center no-repeat;
}


.productsp14
{
background: url(imag/mariner.jpg) center center no-repeat;
}

.productsp15
{
background: url(imag/kubic.jpg) center center no-repeat;
}

.productsp16
{
background: url(imag/iberlamp.jpg) center center no-repeat;
}

.productsp17
{
background: url(imag/lampister.jpg) center center no-repeat;
}


.productsp18
{
background: url(imag/iberlamp.jpg) center center no-repeat;
}

.productsp19
{
background: url(imag/kubic.jpg) center center no-repeat;
}

.productsp20
{
background: url(imag/sul.jpg) center center no-repeat;
}

.productsp21
{
background: url(imag/elk.jpg) center center no-repeat;
}

.productsptextleft
{
  float: left;
  width: 50%;
  /*height: 204px;*/
  margin-left: 0;
  margin-right: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  overflow: hidden;
  padding: 0 5px;
  height: 129px;
  padding-top: 75px;
  border: 1px solid #484848;
  background: url(imag/fnd_col_prdcts.jpg) center center repeat-x;
}

div.productsptextleft div
{
  margin: auto 5px;
  vertical-align: middle;
}

.productsptextright
{
float: right;
width: 22%;
height: 204px;
margin-right: 0;
margin-left: 3px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
overflow: hidden;
padding: 0;
border: 1px solid #484848;
background: url(imag/fnd_col_prdcts.jpg) center center repeat-x;
}



/********************************************************* ALABASTER *****************************************************/

.productspa1
{
float: left;
width: 204px;
height: 204px;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
margin-top: 10px;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 10px;
padding:0;
border: 1px solid #484848;
}


.productspa2
{
float: right;
width: 204px;
height: 204px;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
margin-top: 10px;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 10px;
padding:0;
border: 1px solid #484848;
}


#footer
{
float: left;
width: 100%;
height: 100px;
margin-bottom: 0;
margin: 2px 0 0 0;
padding: 0;
background: url(imag/foot.png) top center no-repeat;
}

.footerem
{
text-align: center;
width: 100%;
margin-top: 15px;
margin-left: 1%;
margin-right: 1%;
padding: 0;
position: relative;
}

.footera
{
text-align: center;
width: 100%;
margin-top: 30px;
margin-left: 1%;
margin-right: 1%;
padding: 0;
position: relative;
}

.footerval
{
text-align: right;
width: 100%;
margin-top: 24px;
margin-left: 1%;
margin-right: 1%;
padding: 0;
position: relative;
font-size: 9px;
}

/************************************************************* COLUMNAS *********************************************/


/************************************************************* ESTILOS *********************************************/

h1
{
color: #fff;
font-size: 1.2em;
font-weight:normal;
text-align: left;
line-height: 24px;
}

span.h1
{
color : #E8FFB0;
font-weight: bold;
font-size: 1.2em;
}

span.contact
{
color: #fff;
font-size: 1.5em;
font-weight:normal;
text-align: left;
line-height: 24px;
}

.h1
{
color: #F12563;
font-size: 1.1em;
font-weight:normal;
}


h2
{
font-size: 1.1em;
color: #fff;
font-family:  Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
}

a.h2:link, a.h2:visited, a.h2:active
{ 
font-size: 1em;
color: #fff; 
text-decoration: underline;
font-weight: bolder;
text-align: center;
}
 
a.h2:hover
{ 
font-size: 1em;
color: #ffc46a;
text-decoration: underline;
font-weight: bolder;
text-align: center; 
}


span.h2
{
  color : #FFC46A;
  font-weight: bolder;
  font-size: 1em;
 /* text-transform: uppercase;*/
}

span.mimax
{
color : #FF9900;
font-weight: bold;
font-size: 1em;
}


h3 
{
color: #ffc46a;
font-size: 1.5em;
font-weight:bolder;
}

a.h3:link, a.h3:visited, a.h3:active
{
color:#000;
text-decoration: none;
font-size: 14px;
font-weight:bolder;
text-decoration: underline;
background: url(imag/fnd_ttl.jpg) top left repeat-x;
}

a.h3:hover
{
color: #fff;
text-decoration: underline;
background: url(imag/fnd_ttl_hov.jpg) top left repeat-x
}


h4
{
color: #fff;
font-size: 1em;
text-align: left;
font-weight:bold;
padding-bottom: 6px;
}

.call
{
color: #fff;
font-size: 2em;
font-weight: bold;
text-align: center;
}

.cont
{
color: #fff;
font-size: 10px;
font-weight: normal;
}

h5
{
color: #ffc46a;
font-size: 1.5em;
font-weight:bolder;
}

a.h5:link, a.h5:visited, a.h5:active
{
color:#FF9900;
text-decoration: none;
font-size: 1.5em;
font-weight:normal;
text-align: center;
text-decoration: none;
}

a.h5:hover
{
color: #fff;
text-decoration: none;
}



h6
{
font-size: 9px;
color: #fff;
font-family:  Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 0 10px 0 0;
}

a.h6:link, a.h6:visited, a.h6:active
{ 
font-size: 9px;
color: #484848; 
text-decoration: underline;
font-weight: normal;
text-align: right;
}
 
a.h6:hover
{ 
font-size: 9px;
color: #a2a2a2;
text-decoration: underline;
font-weight: normal;
text-align: right; 
}


span.index
{
color : #FF9900;
font-weight: bold;
font-size: 14px;
}



/************************************************************* ESTILOS *********************************************/


/************************************************************* IMÁGENES *********************************************/
a img 
{
border : none !important;
outline:none;
text-decoration:none;
}

img a:hover
{
border : none !important;
outline:none;
text-decoration:none;
}


/************************************************************* IMÁGENES *********************************************/


/************************************************************* LISTAS *********************************************/

ol, ul 
{
list-style: none;
}

/************************************************************* LISTAS *********************************************/


/************************************************************* CLEAR *********************************************/
.clearboth
{
clear: both;
height: 1px;
}


.clearright
{
height:1px;
clear: right;
}

.clearleft
{
height:1px;
clear: left;
}

/************************************************************* CLEAR *********************************************/

div.secciones_productos div.productsptextleft h2
{
  text-align: center;
}

div.secciones_productos div.productsptextleft h2 a
{
  color: inherit;
  font-weight: bold;
}

ul.item{
margin-left:15px;
}

ul.item li{
background:url(imag/item.jpg) top left no-repeat;
margin-bottom: 0.25em;
padding-left:20px;
}

ul.item li strong{
color:#FFC46A;
}