/*inicio rasgos generales de la web */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{ margin: 0;padding: 0; }
ul,ol { list-style: none; }
fieldset,img{ border: none;  vertical-align: top}
caption,th{ text-align: left; }
table{ border-collapse: collapse; border-spacing: 0; }
textarea{ resize: none;}

/* END RESET */ 

*{
    padding:0;
    margin:0;
    font-family: 'Open Sans',sans-serif;
    text-decoration: none;
}
a {text-decoration:none;}

img{border:none;}

body > img{
    display: none;
}

textarea{
    resize:none;
}
.NoticiaResumen strong{
    font-weight: bold;
    color:#000;
    font-size: 12px;
}

body{}
/* este es el estilo de la cabecera */
#primero
{
    margin:0 auto;
    overflow: visible;
    border-bottom: 1px solid #e9dbf0;
    height: 176px;
}
#cabecera{
    height:176px;
    width:980px;
    margin:0 auto;
    float:none;
    margin-bottom:0px;
    overflow: visible;
    position:relative;
}
#logo
{
    position:absolute;
    left:0;
    top: 0;
    border-top: none;
    border-left: 1px solid #e9dbf0;
    border-right: 1px solid #e9dbf0;
}
/*?*/
.buscador-productos
{
    float:left;
    width:265px;
    height:25px;
    cursor:pointer;
    margin-left:600px;
    background:url('../imagenes/es/button_buscador-productos.png') no-repeat scroll 0 0 transparent;
}
.sobremetalicolastico{
    float:left;
    width:265px;
    height:25px;
    margin-left:203px;
    color: #666;
    font-size: 13px;
    display: block;
    padding: 10px;
}
.sobremetalicolastico a{
    text-decoration: underline;
    color: #8c71bb;
    font-size: 13px;
    font-weight: 400;
}
.atencion{
    color: #666;
    float: left;
    height:25px;
    padding: 10px;
    font-size: 13px;
    margin-left: 140px;
}
.atencion .strong{
    color: #8c71bb;
    font-weight: 600;
    font-size: 13px;
    display: inline;
}
.buscador-productos:hover
{   
    background-position: 0 -25px;    
}

.banderas{
    float:right;
    margin-top:8px;
    margin-right: 10px;
    /*width:90px;*/
    min-height:18px;
    z-index: 1000;
    overflow: visible;
    position: absolute;
    right: 0;
    border: 1px solid #fff;
}
.banderasArrow{
    background: url(../imagenes/sprite-drop-down-languages.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    height: 10px;
    width: 13px;
    display: block;
    float: right;
    margin-top: 6px;
}

.banderas a
{
    float:left;
    width:16px;
    height:18px;
    cursor:pointer;
    color: #8c71bb;
    font-weight: 600;
    font-size: 13px;
}
.lang{
    height: 20px;
    border-bottom: 1px solid #fff;
    padding: 2px 10px;
    background: #fff;
}
.notopened{
    display: none;  
}
.notopened .banderasArrow{
    display: none;
}
.select{
    display: block;    
}
.banderas .banderasArrow:hover{
    cursor:pointer;
    background-position: 0 -12px;
}
.spain,.england,.france,.catalan,.germany{
    height: 11px;
    width: 22px;
    float: left;
    margin-top: 4px;
}
.spain{     
    background:url('../imagenes/spain.png') no-repeat 0 0;
}
.england{   
    background:url('../imagenes/england.png') no-repeat 0 0;
}
.catalan{   
    background:url('../imagenes/catalan.png') no-repeat 0 0;
}
.france{    
    background:url('../imagenes/france.png') no-repeat 0 0;
}
.germany{    
    background:url('../imagenes/germany.jpg') no-repeat 0 0;
}
#mensajeAviso
{
    background-color: #FFF;
    border:1px solid #CCC;
    padding:20px;
    margin-top:20px;
    color:#004585;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}
#mensajeAviso a{
    color:#29B2E6;
    font-size: 22px;
    text-decoration: underline;

}
.search{
    display: block;
    margin-left: 238px;
    float: left;
    margin-top: 20px;
    margin-bottom: 30px;
}
.search .beauty{
    font-size: 35px;
    font-weight: 300;
    color: #d9c1e8;
    float: right;
    display: block;
    text-align:right;
    width: 403px;
}
.search form, .noticia{
    margin:0;
    border-radius: 20px;
    box-shadow: inset 1px 1px 10px -2px #cecece;
    padding-left: 15px;
    float: left;
    margin-top: 10px;
}
.noticia{
    margin-top: 16px;
}
.search form input,input.magnifier,input.magn{
    margin:0;
    border: 0;
}
input.magnifier{
    background: url('../imagenes/icon-search.png') no-repeat;
    background-position: 2px 6px;
    padding-left: 33px; 
    height: 33px;
    width: 250px;
    font-size: 13px;
    color: #666;
}
.search form input.submit,input.magn{
    background: url('../imagenes/button-go-to.png') left no-repeat;
    background-position: 1px 1px;
    width: 33px;
    height: 33px;
    float: right;
}
.search form input:focus{
    outline: none;
}
::-webkit-input-placeholder {
    font-style:italic;
    color: #666;
}

:-moz-placeholder { /* Firefox 18- */
    font-style:italic;
    color: #666;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-style:italic;
    color: #666;
}

:-ms-input-placeholder {  
    font-style:italic;
    color: #666;
}
.search form input.submit:hover{
    cursor: pointer;
    background-position: 1px -68px;
}

/*inicio de menu*/
#cabecera .menu
{
    float:right;
    height:21px;
    background-repeat: no-repeat;
    background-position: right 8px;
    background-color: transparent;
    padding-right: 7px;
    position:relative;
}
.menuContainer{
    position:relative;
    float: right;
}
#cabecera .menu li ,#footer .chainmail .menu li
{
    float:left;
    padding-left:15px;
    padding-right:10px;
    width:auto;    
    background-image:url('../imagenes/square-separator.png');
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-color:transparent;
    height:21px;
}
#cabecera .menu li:first-child
{
    background: none;
}
#cabecera .menu li a,#footer .chainmail .menu li a
{
    float:left;
    width:auto;
    cursor:pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    height:21px;
    color: #666;
}
#cabecera .menu li a,#cabecera .menu li,#cabecera .menu li.selected{
    border-bottom: 0px solid #fff;    
}
#cabecera .menu li a:hover, #cabecera .menu li.selected a, #cabecera .menu li a.selected,#footer .chainmail .menu li a:hover,#footer .chainmail .menu li a.selected
{
    color:#8c71bb;
}
#cabecera .menu li:hover{
    border-bottom: 6px solid #8c71bb;    
}
#cabecera .menu li{
    padding-bottom: 7px;
}
#cabecera .menu li.selected{
    border-bottom: 6px solid #8c71bb;   
}
#cabecera #dropDownMenu{
    display: none;
    width: 796px;
    overflow:hidden;
    background: white;
    border:1px solid #e9dbf0;   
    border-top: 0;   
    position: absolute;
    right: 0;
    margin-top: 35px;
    z-index: 1001;
    box-shadow: 0 5px 10px #999;
    background: #faf9f5;
}
#dropDownMenu .mainMenu,#dropDownMenu .subMenu,#dropDownMenu .exampleImage{
    display: block;
    float: left;
}
#dropDownMenu .mainMenu{
    width: 205px;
    display: block;
    padding-top: 20px;
}
#dropDownMenu .mainMenu a,#dropDownMenu .subMenu .sub a{
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 15px;
    height: 20px;
    padding: 15px 15px 15px 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
#dropDownMenu .mainMenu a{
    font-weight: 600;
}
#dropDownMenu .subMenu .sub a{
    text-transform: initial;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin-bottom: 5px;
}
#dropDownMenu .subMenu .sub a:hover{
    background: #fff;
    cursor: pointer;
    color: #8c71bb;
}
#dropDownMenu .subMenu .sub a:hover{
    background: none;
}
#dropDownMenu .subMenu{
    min-height: 300px;
    width:591px;
    padding-top: 20px;
    padding-bottom: 10px;
    background: #fff;
}
#dropDownMenu .subMenu .sub{
    display: none;
}
#dropDownMenu .mainMenu a:hover,#dropDownMenu .mainMenu a.clicked{
    background: #fff;
    color: #8c71bb;
    cursor: default;
}
#dropDownMenu .subMenu img{
    display: none;    
    float: right;
    position: absolute;
    right: 35px;
    bottom: 35px;
}
/*fin de menu*/
/*FIN de zona de cabacera*/

#contenedor{
    width: 100%;
    height: auto;
    margin: 0px auto;
    border-bottom:1px solid #e9dbf0;   
    position: relative;
    z-index: 10;
}
#contenedorBG{
    background: #f3e9f4;
    position:absolute;
    right:0;
    left: 50%;
    top: 0;
    height: 450px;
    z-index: -1;
}
#prefooterBG{
    background: #f3e9f4;
    position:absolute;
    right: 50%;
    left: 0;
    top: 0;
    height: 232px;
    z-index: -1;
}
#cuerpo
{
    float:none;        
    margin:auto;
    clear:both;
    width:980px;
    overflow:hidden;
    height:auto;
}
.encabezado
{
    float:left;
    width:980px;
    /*height:52px;*/
}
.encabezado .homemain{
    width:704px;
    height: 450px;
    display: block;
    border-left:1px solid #e9dbf0;
    float: left;
    position: relative;
}
.encabezado .homemain .homeHeaderText{
    font-size: 35px;
    color: #666;
    padding-top: 120px;
    display: block;
    font-weight: 300;
}
.encabezado .homemain .homeSubHeaderText{
    font-size: 15px;
    color: #6b5296;
    display: block;
    font-weight: 600;
}
.encabezado .homeotro{
    width:250px;
    height: 426px;
    float: right;
    display: block;
    padding-left: 24px;
    padding-top: 24px;
    background: #f3e9f4;
    border-left:1px solid #e9dbf0;
    position: relative;
}
.encabezado .homeotro img{
    border: 1px solid #d9c1e8;
}
.encabezado .homeotro .example{
/*    border: 1px solid #d9c1e8;*/
    height: 187px;
    width: 235px;
/*    background: url(../imagenes/img-3-302x187px.jpg);*/
    position: relative;
}
.encabezado .homeotro .example img{
    width: 235px;
}
.encabezado .homeotro .example .exampleText{
    background: url(../imagenes/icon-overlay-go-to-white.png) right no-repeat;
    background-position: 210px 14px;
    //filter: alpha(opacity=70);
    //opacity: 0.7;
    background-color: rgba(107,82,150,0.7);
    background-color: #6b5296/9;
    filter: alpha(opacity=70);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 15px;
    padding-right: 30px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 190px;
    margin-left: 1px;
    display:none;
    line-height: 16px;
}
.encabezado .homeotro .example .exampleText:hover{
    cursor: pointer;
}
#middleheader{
    width: 100%;
    border-bottom: 1px solid #e9dbf0;
}
#middleheader2{
    width: 980px;
    margin: 0 auto;
}
#middleheader h1,#middleheader2 h1{
    font-size: 35px;
    font-weight: 300;
    color: #d9c1e8;
    padding-top: 22px;
    padding-bottom: 22px;
}
#middleheader2 h1{
    width: 978px;
    border-left: 1px solid #e9dbf0;
    border-right: 1px solid #e9dbf0;
}
#buscarpor{
    width: 100%;
    border-bottom: 1px solid #e9dbf0;
    background: #faf9f5;
    float: none;
    overflow:hidden;
    padding-bottom: 65px;
    padding-top: 45px;
}
#buscarpor .buscarporsector{
    width: 980px;
    margin: 0 auto;

}
#buscarpor .buscarporsector h2{
    font-size: 30px;
    color: #6b5296;
    font-weight: 300;    
    margin-bottom: 15px;
    margin-left: 10px;
}
#buscarpor .buscarporsector .buscar{
    font-size: 30px;
    font-weight: 300;    
    border: 1px solid #d9c1e8;
    margin-left: 10px;
    display: block;
    width: 181px;
    height: 181px;
    float: left;
}
#buscarpor .buscarporsector .buscar .buscarText{
    color: #666;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: -181px;
    font-weight: 600;
    width: 181px;
    height: 165px;
    padding-top: 10px;
    padding-bottom: 6px;
    position:absolute;
}
.buscar img{
}
.buscar img.imgtoshow{
    display: none;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    position: absolute;
    margin-top: -181px;
}
.buscar:hover .buscarText{
    filter: alpha(opacity=70) !important;
    opacity: 0.7 !important;
    color: #fff;
}
.buscar:hover{
    cursor: pointer;
}
#sliderAndDetail{
    width: 100%;
    border-bottom: 1px solid #e9dbf0;
    overflow: hidden;
}
#sliderAndDetail .chainmail{
    width: 979px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 20;
    border-left: 1px solid #e9dbf0;
}
#sliderAndDetail .chainmail .right{
    float: left;
    width: 488px;
    border-right: 1px solid #e9dbf0;
    border-left: 1px solid #e9dbf0;
    z-index: 100;
    background: #fff;
    position:relative;
    height: 520px;
    overflow: hidden;
}
#sliderAndDetail .chainmail .left{
    float: left;
    width: 489px;    
    height: 520px;
    position: relative;
    z-index: 50;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#sliderAndDetail .chainmail .right h2,
#sliderAndDetail .chainmail .left h2{
    font-size: 30px;
    color: #6b5296;
    font-weight: 300;    
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 45px;
}

#sliderAndDetail .chainmail .left h2{
    margin-left: 13px;
}
#sliderAndDetail .chainmail .right h2{
    margin-left: 38px;
}
#sliderAndDetail .chainmail .left .slider{
    max-height: 170px;
    overflow: hidden;
    position: absolute;
    width: 9978px;
    margin-left: 56px;
    z-index: 10;
    display: block;
}
#sliderAndDetail .chainmail .left .sliderBig{
    height: 250px;
    max-height: 250px;
    width: 376px;
    float: left;
    margin-left: 56px;
}
.arrowToLeft,.arrowToRight,.sliderItem{
    float: left;    
}
#sliderAndDetail .chainmail .left .slider .sliderItem{
    width: 90px;
    margin: 0 2px;
    position: relative;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItem{
    position: absolute;
    display: none;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItem{
    width: 376px;
    height: 250px;
}
#sliderAndDetail .chainmail .left .arrowContainer{
    background: #fff;
    width: 56px;
    height: 496px;
    float: left;
    position: absolute;
    z-index: 100;
}
#sliderAndDetail .chainmail .left .arrowToLeft,
#sliderAndDetail .chainmail .left .arrowToRight,
.right .arrowToRight,
.right .arrowToLeft{
    z-index: 100;
    width: 16px;
    height: 28px;
    background: url(../imagenes/sprite-carousell-next-prev.png) #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 126px 20px 80px 20px;
}
/*.arrowCover{
    z-index: 101;
    width: 16px;
    height: 28px;
    margin: 50px 21px 80px 21px;
    position: absolute;
}*/
#sliderAndDetail .chainmail .left .arrowToRight,
.right .arrowToRight{
    background-position: -78px 0;    
}
#sliderAndDetail .chainmail .left .arrowToLeft,
.right .arrowToLeft{
    background-position: 0 0;    
}
.arrowToRight:hover{
    background-position: -78px -56px !important;  
    cursor: pointer;
}
.arrowToLeft:hover{
    background-position: 0 -56px !important;      
    cursor: pointer;
}
#sliderAndDetail .chainmail .left .sliderItemImage,
#sliderAndDetail .chainmail .left .sliderItemText{
    width: 90px;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItemImage{
    width: 376px;
    height: 293px;
    margin: 0;
}

#sliderAndDetail .chainmail .left .sliderItemImage{
    height: 71px;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItemImage{
    height: 250px;
    width: 372px;
    margin: 0 2px;
    overflow: hidden;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItemImage img{
    margin:0;
}
#sliderAndDetail .chainmail .left .sliderItem .imgtoshow{
    display: none;
    position: absolute;
    margin-top:-107.5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background: rgba(107,82,150,0.7);
    height: 95px;
    width: 90px;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderItem .imgtoshow{
    display: none;
    width: 360px;
    position: absolute;
    top: 0;
    margin: 0;
    width: 360px;
    height: 293px;
    background: rgba(107,82,150,0.7);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
#sliderAndDetail .chainmail .left .sliderItem .imgtoshow p{
    font-size: 13px;
    display: block;
    text-align: center;
    padding-bottom: 25px;
    margin-top: -50px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}
#sliderAndDetail .chainmail .left .sliderItemText{
    position: absolute;
    margin-top:-120px;
    padding-top: 90px;
    width: 90px;
}
#sliderAndDetail .chainmail .left .sliderItemText:hover{
    cursor: pointer;
}
#sliderAndDetail .chainmail .left .sliderText,
#sliderAndDetail .chainmail .left .sliderBig .sliderText{
    width: 90px;
    height: 40px;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}
#sliderAndDetail .chainmail .left .sliderBig .sliderText{
    display: block;
    color: #fff;
    font-size: 20px;
    width: 372px;
    position: absolute;
    bottom: 0;
    padding: 0;
    text-align: center;
    font-weight: 300;
    font-family: 'Open Sans';
    background: rgba(107,82,150,0.7);
    height: 25px;
    padding-top: 5px;
    padding-bottom: 7px;
    margin: 0 2px;
}
#sliderAndDetail .chainmail .left form,#sliderAndDetail .chainmail .right form{
    text-align: center;
    height: 33px;
    display: block;
    position: absolute;
    top: 49px;
    right: 13px;
}

#sliderAndDetail .chainmail .right form input{
    border: 0;
    background: url(../imagenes/sprite-buttons-formats.png);
    background-position: -103px -9px;      
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #6b5296;
    height: 33px;
    width: 133px;
}
#sliderAndDetail .chainmail .left a.btnEditar{
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    display: block;
    right: 0;
    left: 0;
}
    
#sliderAndDetail .chainmail .left form input:hover,
#sliderAndDetail .chainmail .right form input:hover{
    background-position: -103px -56px;  
    cursor: pointer;
    color: #8c71bb;
}
#sliderAndDetail .chainmail .right #articles{
    height: 240px;
    position: absolute;
    left: 38px;
    width: 15000px;
}
.homemain #articles2{
    position: absolute;
    height: 450px;
    width: 704px;
    left: 0;
}
#articles article strong{
    color: #8c71bb;
}
.homeotro #articles3,
.homeotro #articles4{
    margin-bottom: 24px;
    width: 237px;
    height: 189px;
    position: relative;
}
#sliderAndDetail .chainmail .right #articles article h3,
#sliderAndDetail .chainmail .right #articles article p,
#sliderAndDetail .chainmail .right #articles article p a,
#sliderAndDetail .chainmail .right #articles article p span,
#sliderAndDetail .chainmail .right #articles article p em,
#sliderAndDetail .chainmail .right #articles article p strong,
#sliderAndDetail .chainmail .right #articles article p strong span
#sliderAndDetail .chainmail .right #articles article p strong em{
    font-size: 14px;
}
#sliderAndDetail .chainmail .right #articles article h3,
.homemain #articles2 article h3,
.homeotro #articles3 article h3,
.homeotro #articles4 article h3{
    font-weight: 600;
    color: #8c71bb;
    margin-bottom: 20px;
}
#sliderAndDetail .chainmail .right #articles article h3{
    font-size: 20px;
}
#sliderAndDetail .chainmail .right #articles article p,
.homemain #articles2 p,
.homeotro #articles3 p,
.homeotro #articles4 p{
    font-weight: 400;
    color: #333;
    line-height: 23px;
    text-align: left;
}
#sliderAndDetail .chainmail .right #articles article{
    height: 320px;
    float: left;
    width: 412px;
    margin-right: 22px;
    background: #fff;
    z-index: 15;
    overflow: hidden;
    position:relative;
}
.homemain #articles2 article{
    width: 640px;
    height: 450px;
    max-height: 450px;
    display: none;
    float: none;
    position:absolute;
    left: 0;
    background: #fff;
}
.homeotro #articles3 article,
.homeotro #articles4 article{
    width: 235px;
    height: 185px;
    max-height: 185px;
    display: none;
    float: none;
    position:absolute;
    left: 0;
    background: #fff;
}
.homemain #articles2 article img{
    height: 450px;
}
.homemain #articles2 article h3{
    position: absolute;
    bottom: 0;
    margin: 0;
    background: url(../imagenes/icon-overlay-go-to-white.png) right no-repeat;
    background-position: 610px 18px;
    background-color: rgba(107,82,150,0.7);
    background-color: #6b5296/9;
    filter: alpha(opacity=70);
    color: #fff;
    display: block;
    width: 620px;
    padding: 10px;
    font-size: 25px;
}
.homemain .dots{
    position: absolute;
    bottom: 0;
}
#sliderAndDetail .chainmail .right .dots{
    display: block;
    height: 24px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    padding: 5px;
}
.dotactive, .dot:hover{
    background-position: 0 -30px !important;
}
.dots .dotscontainer{
    position:relative;
}
.dots .dotscontainer .between{
    background:url("../imagenes/barra-gris.png") 0 7px repeat-x;
    height: 15px;
    display: block;
    float: left;
    position: absolute;
    left:5px;
    right: 10px;
    top:0;
    z-index: -1;
}
.dots .dotscontainer .dot{
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
    background-image:url("../imagenes/bullet.png");
    background-position: 0 0;
    cursor: pointer;
}

.dotscontainer{
    margin: 0 auto;
    height: 15px;
}

#prefooter,#footer{
    width: 100%;
    border-top: 1px solid #e9dbf0;
    border-bottom: 1px solid #e9dbf0;
}
#prefooter{
    position:relative;
}
#footer{
    border-top: 0;
    height: 33px !important;
}
#prefooter .chainmail,#footer .chainmail{
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    position:relative;
}
#prefooter .chainmail{
    height: 232px;
}
#prefooter .chainmail .links,#prefooter .chainmail .access,#prefooter .chainmail .footerIcon{
    display: block;
    float: left;    
    border-right: 1px solid #e9dbf0;
}
#prefooter .chainmail .links{
    background: #f3e9f5;
    padding-top: 20px;
    width: 336px;
    height: 202px;
}
#prefooter .chainmail .links a{
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    height: 35px;
    padding-left: 15px;
    text-transform: uppercase;
}
#prefooter .chainmail .links a:hover{
    color: #8c71bb;
}
#prefooter .chainmail .access{
    width: 409px;
    overflow: hidden;
    height: 232px;
    background: #fff;
}
#prefooter .chainmail .access .accessContainer{
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-bottom: 10px;
}
#prefooter .chainmail .access strong{
    font-size: 13px;
    color: #8c71bb;
    font-weight: 600;
    text-transform: uppercase;
}
#prefooter .chainmail .access p{
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: 300;
}
#prefooter .chainmail .access .atencion{
    float: none;
    margin-left: 0;
    padding: 10px 0;
    height: 18px;
    font-weight: 300;
}
#prefooter .chainmail .footerIcon{
    width: 232px;
    height: 232px;
}
#footer .chainmail a{
    display: block;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    padding: 8px 10px 7px 10px;
    font-weight: 600;   
    width: 170px;
    float: left;
}
#footer .chainmail .menu li a{
    padding: 0;
    text-transform: lowercase;
}
#footer .chainmail a:hover{
    color: #8c71bb;
}
#footer .chainmail .menu li{
    padding: 8px 10px 7px 17px;
    height: 18px;
    background-position: 0 15px;
}
#footer .chainmail .powered{
    font-size: 11px;
    color: #666;
    float: right;
    padding: 9px 10px 7px 0;
    border-right: 1px solid #e9dbf0;
    font-weight: 300;
}
#footer .chainmail .aviso{
    display: block;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    padding: 8px 10px 7px 10px;
    font-weight: 400;   
    width: 170px;
    float: left;
    cursor: pointer;
}
#footer .chainmail .aviso:hover{
    color: #8c71bb;
}
.avisolegal_container{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    background-color: #6b5296/9;
    z-index:10001;
}
.avisolegal_container .avisolegal{
    width: 918px;
    padding: 30px;
    padding-top: 0;
    background: #fff;
    border: 1px solid #e9dbf0;
    margin: 0 auto;
    margin-top: 24px;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 500px;
    position: relative;
    z-index: 999;
}
.seeaviso{
    color: #8c71bb;
    font-weight: 600;
    display: inline;
    cursor: pointer;
}
.avisolegal_container .marginleft
{
    position:absolute;
    left: 50%;
    width:493px;
}
.avisolegal_container .close{
    background-image: url('../imagenes/btnXCerrar.png');
    background-repeat: no-repeat;
    background-position: 0 0;    
    cursor:pointer;
    display: block;
    width: 25px;
    height: 24px;
    float:right;
    z-index: 9999;
}
.avisolegal h2{
    font-size: 30px;
    color: #6b5296;
    font-weight: 300;    
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'Open Sans',sans-serif;
}
.avisolegal h3{
    color: #6b5296;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'Open Sans',sans-serif;
}

.avisolegal ul{
    list-style: disc;
    padding-left: 40px;
    padding-bottom: 10px;
}
.avisolegal, .avisolegal p{
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #666;
    font-family: 'Open Sans',sans-serif;
    padding-bottom: 10px;
    text-align: justify;
}
.avisolegal p a{
    color: #8c71bb;
    font-weight: 400;
}
.avisolegal p a:hover{
    text-decoration: underline;
}
#footer .chainmail .powered img{
    padding: 3px 0 3px 10px;
}
.chainmail{
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
#theList{
    border-bottom: 1px solid #e9dbf0;
}
#searchForm,#searchResult{
    float: left;
}
#theList .chainmail{
    width: 978px;
    border-right: 1px solid #e9dbf0;
    border-left: 1px solid #e9dbf0;
    display: block;
    overflow:hidden;
    background: #f3e9f4;
}
.siteTitle{
    display: block;
    margin: 0 auto ;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e9dbf0;
}
.siteTitle h3{
    font-size: 35px;
    color: #8c71bb;
    font-weight: 300;
    border-left: 1px solid #e9dbf0;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 13px;
    float: left;
}
#searchForm{
    width: 213px;
    padding-left: 12px;
    padding-right: 12px;
}
#searchForm .searchTitleText{
    font-weight: 400;
    font-size: 13px;
    color: #666;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}
#searchForm .searchBox{
    background: #fff;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.scrolled .searchOptions{
    height: 162px;    
    overflow-y: scroll;
    overflow-x: hidden;
}
.searchBox#reset{
    border: 1px solid #e9dbf0;
    cursor: pointer;
}
.searchBox#reset:hover{
    background: #8c71bb;
}
.searchBox#reset:hover .searchBoxTitle{
    color: #fff;
}
#searchForm .searchBox .searchBoxTitle{
    margin-left: 20px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #8c71bb;
}
#searchForm .searchBox .searchBoxTitle .mark{
    width: 18px;
    height: 18px;
    background: url(../imagenes/sprite-more-less.png);    
    background-position: 0 0;
    float: right;
}
#searchForm .searchBox .searchBoxTitle:hover .mark{
    cursor: pointer;
}
#searchForm .searchBox .searchBoxTitle:hover{
    cursor: pointer;
}
#searchForm .searchBox .searchOptions{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 10px;
    display: block;
}
.searchOptions .option{
    display: block;    
    margin-bottom: 5px;
    margin-top: 5px;
    float: none;
    min-height: 22px;
    z-index: 9999;
    overflow: hidden;
}
.searchOptions .option input{
    display: block;
    float: left;
    height: 22px;
}
.searchOptions .option label{
    line-height: 15px;
    display: block;
    float: left;
    font-size: 13px;
    color: #666;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 10px;
    width: 140px;
}

#theList #searchResult{
    width: 740px;    
    background: #fff;
    min-height: 1481px;
    border-left: 1px solid #e9dbf0;
}
#searchResult .searchResultProduct{
    width: 222px;
    height: 222px;
    padding: 12px;
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
}
.searchResultProduct .image{
    display: block;
    width: 220px;
    height: 170px;
}
.searchResultProduct .image img{
    width: 220px;
    height: 170px;
}
.searchResultProduct .viewDetails,.searchResultProduct .viewDetails2{
    position: absolute;
    background: #8c71bb;
    width: 220px;
    height: 222px;
    //filter: alpha(opacity=70);
    //opacity: 0.7;
    background-color: rgba(107,82,150,0.7);
    background-color: #6b5296/9;
    display: none;
    z-index: 2;
}
.searchResultProduct .mas{
    z-index: 100;
    display: none;
    width: 218px;
    height: 222px;
    position: absolute;
    background: url(../imagenes/icon-overlay-see-more-white.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 75px;
    margin-top: 55px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

#searchResult .borderVertical{
    height: 246px;
    width: 1px;
    background: #e9dbf0;
    float: left;
    display: block;
}
#searchResult .borderHorizontal{
    height: 1px;
    width: 740px;
    background: #e9dbf0;
    float: left;
    display: block;
}
.textContainer{
    display: block;
    float: left;
    width: 190px;
}
.searchResultProduct .moreInfo{
    width: 31px;
    height: 31px;
    margin-top: 7px;
    background: url(../imagenes/button-more-info.png);
    float: left;
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
}
.searchResultProduct:hover .moreInfo{
    cursor: pointer;
    background-position: 0 31px;
}
.searchResultProduct:hover{
    cursor: pointer;
}
.searchResultProduct .searchResultProductTitle{
    font-size: 13px;
    color: #8c71bb;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    margin-top: 5px;
    line-height: 15px;
}
.searchResultProduct .searchResultProductVolume{
    font-size: 13px;
    color: #666;
    display: block;
    font-weight: 400;
    padding-bottom: 5px;
}
.productSlider,.productDetails{
    display: block;
    float: left;
}
.productSlider{
    width: 559px;
    padding: 12px;
    background: #f3e9f4;
    border-right: 1px solid #e9dbf0;
}
.productDetails{
    padding: 30px;
    padding-top: 10px;
    width: 334px;
    height: 568px;
    background: #fff;
}
.productSlider .bigImage{
    border: 1px solid #e9dbf0;
    height: 440px;
    width: 558px;
    display: block;
    text-align: center;
}
.productSlider .bigImage img{
    display: none;
}
.product{
    display: none;
}
.bigImage img.visible,.productDetails .visible{
    display: block;
    width: 100%;
}

.productSlider .imageSlider{
    width: 560px;
    display: block;
    position: relative;
    height: 124px;
    overflow: hidden;
    padding-bottom: 3px;
    padding-top: 15px;
}
.productSlider .slider{
    height: 127px;
    width: 10000px;
    padding-bottom: 15px;
    position: absolute;
    padding-left: 77px;
    padding-right: 77px;
}

.productSlider .arrowContainer,
.right .arrowContainer{
    display: block;
    float: left;
    height: 127px;
    width: 19px;
    z-index: 1000;
    position: absolute;
    text-align: center;
    padding-left: 21px;
    padding-right: 21px;
    background: #f3e9f4;
}
.right .arrowContainer{
    background: #fff;
    width: 38px;
    padding: 0;
    height: 340px;
}
.productSlider .arrowContainer .arrowToLeft,.productSlider .arrowContainer .arrowToRight{
    background: url(../imagenes/sprite-carousell-next-prev.png);
    display: block;
    width: 16px;
    height: 28px;
    background-repeat: no-repeat;
    margin-top: 50px;
}
.productSlider .arrowContainer .arrowToLeft{
    background-position: 0 0;
}
.productSlider .arrowContainer .arrowToRight{
    background-position: -78px 0;
}
.productSlider .arrowContainer .arrowToLeft:hover {
    background-position: 0 -56px;
}
.productSlider .arrowContainer .arrowToRight:hover {
    background-position: -77px -56px;
}
.productSlider .slider .sliderItem{
    float: left;
    display: block;
    border: 1px solid #fff;
    width: 123px;   
    position: relative;
    margin-right: 16px;
}
.productSlider .slider .sliderItem:hover{
    border: 1px solid #6b5296;
    cursor: pointer;
}
.productSlider .slider .sliderItem img{
    border: 0;
    width: 123px;
}
.productSlider .slider .sliderItem .sliderText{
    background: #8c71bb;
    color: #fff;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    padding: 2px;
    font-weight: 300;
}
.bordered{
    border: 1px solid #6b5296 !important;
}
.productDetails .attribute,.productDetails .attributeValue,.productDetails .especificacion,.productDetails .especificacionText{
    font-size: 13px;
    display: block;
}
.productDetails .attribute,.productDetails .especificacion{
    color: #8c71bb;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
.productDetails .attributeValue,.productDetails .especificacionText{
    color: #666;
    margin-top: 5px;
    display: block;
    min-height: 22px;
}
.productDetails form input{
    font-size: 13px;
    display: block;
}

.btnBig,.btnMedium{
    background: url(../imagenes/sprite-buttons-formats.png);   
    background-position: -435px -9px;
    width: 220px;
    height: 33px;
    border: 0;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b5296;
    margin-top: 15px;
    text-align:center;
    cursor: pointer;
}
.btnBig{
    background-position: -661px -9px;
    width: 330px;
}
.productDetails .btnBig{
    margin-top:15px;
}
.btnBig{
    margin: 0 0 0 10px;
}
#datosContactoServicios .btnBig,.btnMedium{
    margin: 0;
    margin-top:15px;
    display: block;
    float: right;
    padding: 8px 0;
    height: 18px;
}
.btnMedium:hover{
    background-position: -435px -56px;
}
.btnBig:hover{
    background-position: -661px -56px;
}
.btnBig a,.btnMedium a{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #6b5296;
    padding: 8px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.btnMedium a{
    padding: 0;
}
.productDetails form input[type=submit]:hover{
    background-position: -661px -56px;
    color: #8c71bb;
    cursor: pointer;
}
#otroProducts .chainmail .left{
    float: left;
    width: 100%;    
    position: relative;
}
#otroProducts .chainmail .left h2{
    font-size: 30px;
    color: #6b5296;
    font-weight: 300;    
    margin-bottom: 10px;
    margin-left: 36px;
    margin-top: 33px;
}
#otroProducts .chainmail .left .slider{
    max-height: 170px;
    margin-bottom: 20px;
    overflow: hidden;
    position: absolute;
    width: 978px;
    margin-left: 60px;
    z-index: 10;
    display: block;
}
#otroProducts .chainmail .left .sliderItem{
    width: 124px;
    position: relative;
}
#otroProducts .chainmail .left .sliderItemImage,#otroProducts .chainmail .left .sliderItemText{
    width: 124px;
}
#otroProducts .chainmail .left .sliderItemImage{
    height: 124px;
}
#otroProducts .chainmail .left .sliderItem .imgtoshow{
    display: none;
    position: absolute;
    margin-top:-124px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background: rgba(107,82,150,0.7);
}
#otroProducts .chainmail .left .sliderItem .imgtoshow p{
    font-size: 13px;
    display: block;
    text-align: center;
    padding-bottom: 25px;
    margin-top: -50px;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}
#otroProducts .chainmail .left .sliderItemText{
    position: absolute;
    margin-top:-124px;
    padding-top: 124px;
    width: 124px;
}
#otroProducts .chainmail .left .sliderItemText:hover{
    cursor: pointer;
}
#otroProducts .chainmail .left .sliderText{
    width: 124px;
    height: 30px;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;

}
#otroProducts{
    width: 100%;
    border-bottom: 1px solid #e9dbf0;
    background: #faf9f5;
    overflow: hidden;
    height: 349px;
}
#otroProducts #searchResult{
    width: 10000px;
    padding-left: 32px;
    padding-right: 58px;
    height: 230px;
    position: relative;
}
#otroProducts .chainmail{
    width: 1030px;
    margin: 0 auto;
    overflow: hidden;
    height: 315px;
    padding-bottom: 34px;
}
#otroProducts .searchResultProduct{
    background: #fff;
    border: 1px solid #d9c1e8;
    margin-left: 6px;
    margin-right: 6px;
    width: 220px;
    height: 220px;
    padding: 4px;
    margin-bottom: 34px;
    z-index: 1;
    position: relative;
}
#otroProducts .searchResultProduct .mas{
    margin-top: 50px;
}
#otroProducts .searchResultProduct .viewDetails{
    left: 0;
    right: 0;
    bottom: 0;
    height: 228px;
    width: 228px;

}
#otroProducts .searchResultProduct .textContainer{
    padding-left: 8px;
    padding-bottom: 8px;
    width: 171px;
}
#otroProducts .chainmail .left .arrowContainer{
    width: 28px;
    height: 230px;
    float: left;
    position: absolute;
    z-index: 100;
    background: #faf9f5;
}
#otroProducts .chainmail .left .arrowToLeft,#otroProducts .chainmail .left .arrowToRight{
    z-index: 100;
    width: 16px;
    height: 28px;
    background: url(../imagenes/sprite-carousell-next-prev.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 101px 6px 80px 6px;
}
#otroProducts .chainmail .left .arrowToRight{
    background-position: -78px 0;    
}
#otroProducts .chainmail .left .arrowToLeft{
    background-position: 0 0;    
}

#ajChange h2{
    color: #666;
    font-weight: 300;
    font-size: 15px;
    text-transform: inherit;
    padding: 10px 15px;
}
.pagination{
    display: block;
    padding: 10px;
    margin-top: 27px;
    margin-bottom: 10px;
    float: right;
}
.pagination .pages{
    /*    width: 248px;*/
    overflow: hidden;
    height: 22px;
    float:left;
    position: relative;
}
.pagination .pages .pageshide{
    width: 580px;
    height: 22px;
    left: 0;
    position: absolute;
}
.pagination .text{
    float: left;
    display: block;
    height: 24px;
    font-size: 13px;
    color: #666;
}
.pagination .page{
    color: #8c71bb;
    font-weight: 400;
    font-size: 13px;
    float: left;
    padding: 1px 5px;
    border: 1px solid #fff;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    width: 15px;
    position: relative;
}
.pagination .page:hover{
    cursor: pointer;
    border: 1px solid #e9dbf0;

}
.pagination .prev{
    color: red;
    border: 1px solid #999;
}
.pagination .current{
    color: #8c71bb;
    font-weight: bold;
    border: 1px solid #999;
}
.pagination .next{
    color: blue;
    border: 1px solid #999;
}
.pagination .arrow{
    color: #8c71bb;
}
.simple{
    width: 978px;
    border-left: 1px solid #e9dbf0;
    border-right: 1px solid #e9dbf0;
    overflow: hidden;
    display: block;

}
.simple h4{
    display: block;
    font-size: 35px;
    color: #666;
    font-weight: 300;
    padding: 22px 13px;
}
.simple p{
    display: block;
    font-weight: 400;
    color: #666;
    line-height: 27px;
    padding: 5px 30px 5px 0;
    text-align: justify;
    font-size: 15px;
}
.simple p.strong{
    font-size: 17px;
    font-weight: 600;
    color: #8c71bb;
}
.simple em, .simple strong{
    font-size: 15px;
}
.simple strong{
    color: #8c71bb;
}
.simple em{
    margin-top: 15px;
    padding-bottom: 5px;
    color: #8c71bb;
    display: block;
    text-decoration: underline;
    font-style: normal;
    font-size:18px;
}
.simple#personalizacion{
    padding: 20px;
    width: 938px;
}
.simple#personalizacion p{
    padding-bottom: 0;
    padding-top: 0;
}
.simple p.strong{
    text-align: center;
    margin: 15px;
}
.simple#empresa .left{
    float: left;
    width: 581px;
    display: block;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 20px;
    height: 740px;
    border-right: 1px solid #e9dbf0;
}
.simple#empresa .right{
    float: left;
    width: 366px;
    display: block;
}
.simple#empresa .right img{
    border-bottom: 1px solid #e9dbf0;
}
.simple#empresa .right p.strong{
    font-size: 17px;
    font-weight: 600;
    color: #8c71bb;
    text-align: center;
    margin: 100px 50px;
    padding: 0;
}

.simple span.strong{
    font-size: 15px;
    font-weight: 600;
    color: #8c71bb;
    float: left;
    padding-right: 5px;
}
.searchText{
    font-size: 15px;
    font-weight: 300;
    color: #666;
    padding: 10px 15px;
    border-bottom: 1px solid #e9dbf0;
}
h1{
    text-align: center;
    text-transform: uppercase;
    color: #d9c1e8;
    font-size: 25px;
    font-weight: 300;

}

.encabezado h1, .encabezado h2 {
    margin: 9px auto auto 14px;
    text-align: center;
    text-transform: uppercase;
}
.encabezado h1 {
    font-size: 30px;
    color: #004585;
    font-weight: bolder;
}
.encabezado h2 {
    font-size: 20px;
    color: #666;
}
.encabezado h3, #contactoServicios h3
{
    float:left;
    color:#666;
    margin-top:2px;
    margin-left:5px;
    font-size:40px;
}


.capa1{float:left;
       width:978px;
       height:400px;}
.capa2{float:left;
       width:978px;
       height:339px;
       border:#e3e3e3 solid 1px;
       background-color:#fff;}
.capa3{float:left;
       margin-top:3px;
       margin-left:5px;
       width:968px;
       height:328px;}

.sombra{float:left;
        width:924px;
        margin-left:20px;
        height:25px;
        background:url('../imagenes/sombra-slider.png') no-repeat scroll 0 0 transparent;}

#zona-noticias
{
    float:left;
    width:980px;
    margin-top:20px;
    height:310px;
}
#zona-noticias .empresa
{
    float:left;
    color:#666;
    font-size:40px;
    padding-left:5px;
    width:477px;
    height:50px;
    padding-top:2px;
    font-family: 'Raleway', cursive;
    border-top:#e3e3e3 solid 1px;
}
#zona-noticias .noticias
{
    float:right;
    color:#666;
    font-size:40px;
    padding-left:5px;
    width:477px;
    height:50px;
    padding-top:2px;
    font-family: 'Raleway', cursive;
    border-top:#e3e3e3 solid 1px;
}
#zona-noticias .cuadro-izquierdo
{
    float:left;
    position:relative;
    width:480px;
    height:250px;
    background-color:#fff;
    border:#e3e3e3 solid 1px;
}
#zona-noticias .cuadro-izquierdo p
{
    float:left;
    line-height:150%;
    width:436px;
    height:150px;
    margin-top:22px;
    margin-left:22px;
    font-size:15px;
    color:#666;
}
#zona-noticias .cuadro-izquierdo a
{
    position:absolute;
    /* z-index:50;*/
    cursor:pointer;
    bottom:20px;
    right:20px;
    width:116px;
    height:24px;
    background:url('../imagenes/es/button_leer-mas.png') no-repeat scroll 0 0 transparent;
}
#zona-noticias .cuadro-izquierdo a:hover
{
    background-position: 0 -24px;
}
#zona-noticias .cuadro-izquierdo p span
{
    font-weight:bold;
    font-size:15px;
}
#zona-noticias .cuadro-derecho
{
    float:right;
    width:480px;
    height:250px;
    background-color:#fff;
    border:#e3e3e3 solid 1px;
}
.cuadro-derecho
{
    float:right;
    width:480px;
    height:250px;
    background-color:#fff;
    border:#e3e3e3 solid 1px;
}
.titulo-noticia
{
    float:left;
    font-size:17px;
    color:#004585;
    text-decoration:underline;
    cursor: pointer;
}
.introduccion-noticia
{
    float:left;
    width:398px;
    height:110px;
    margin-top:20px;
    font-size:15px;
    line-height:150%;
    color:#666;
    cursor: pointer;
}
.introduccion-noticia span
{
    font-weight:bold;
    font-size:15px;
}
#zona-sectores
{
    float:left;
    width:968px;
    /*height:230px;*/
    margin-bottom:50px;
    margin-top:70px;
}
#zona-sectores h4
{
    float:left;
    color:#666;
    font-size:40px;
    padding-left:5px;
    width:980px;
    height:50px;
    padding-top:16px;
    font-family: 'Raleway', cursive;
    border-top:#e3e3e3 solid 1px;
}
#zona-sectores div
{
    float:left;
    width:978px;
    height:160px;
    margin-top:18px;
    background-color:#fff;
    border:#e3e3e3 solid 1px;
}

#zona-sectores div .sector
{
    float:left;
    width:105px;
    height:120px;
    border:none;
    margin-right:11px;
    margin-top:15px;
    cursor:pointer;    
}

#zona-sectores div .farmacia
{
    background:url('../imagenes/iconos-sectores/farmacia.png') no-repeat scroll center 18px transparent;
}
#zona-sectores div .cosmetica
{
    margin-left:8px;background:url('../imagenes/iconos-sectores/cosmetica.png') no-repeat scroll center 18px transparent;
}
#zona-sectores div .quimica
{
    background:url('../imagenes/iconos-sectores/quimica.png') no-repeat scroll center 18px transparent;
}
#zona-sectores div .alimentaria
{
    background:url('../imagenes/iconos-sectores/alimentaria.png') no-repeat scroll center 18px transparent;
}

#zona-sectores div .industria
{
    background:url('../imagenes/iconos-sectores/industria.png') no-repeat scroll center 18px transparent;
}
#zona-sectores div .veterinaria
{
    background:url('../imagenes/iconos-sectores/veterinaria.png') no-repeat scroll center 18px transparent;
}

#zona-sectores div .sector span
{
    font-size:14px;
    width:100%;
    text-align:center; 
    color:#666;
    margin-top:100px;
    display:block;
}
#zona-sectores div .sector:hover span{
    cursor:pointer;
    color:#29B2E6;}
.nuestros-productos
{
    float:right;
    margin-right:20px;
    margin-top:65px;
    width:250px;
    height:24px;
    cursor:pointer;
    background:url('../imagenes/es/button_conoce-productos.png') no-repeat scroll 0 0 transparent;
}
.nuestros-productos:hover
{
    background-position: 0 -24px;
}

/*inicio pantalla CONTACTAR*/
.cuerpo-contactar
{
    background: #fff;
    overflow: hidden;
}
.ubicacion
{
    float:left;
    margin-top:20px;
    margin-left:20px;
    margin-bottom: 40px;
    width:474px;
    height:auto;
}
.ubicacion h5
{
    margin-left:10px;
    margin-top:18px;
    color:#8c71bb;
    font-size:17px;
    font-weight:normal;
}
.ubicacion ul{
    padding-left:10px;
    padding-top:15px;
    overflow: hidden;
}
.ubicacion ul li
{
    font-size:15px;
    color:#666;
    margin-bottom:15px;
}
.ubicacion .columnas {
    position: relative;
}
.ubicacion .ubicacion_direccion {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
.ubicacion .ubicacion_contacto {
    display: inline-block;
    width: 48%;
    margin-top: 15px;
    right: 0;
}
.ubicacion .boton_info{
    width: 117px;
    height: 91px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.ubicacion .contacto_info {
    word-wrap: break-word;
    border: solid 1px #DDDDDD;
}
.ubicacion .contacto_info .titulo,
.ubicacion .contacto_info .nombre_agente,
.ubicacion .contacto_info .otros,
.ubicacion .contacto_info .movil,
.ubicacion .contacto_info .email,
.ubicacion .contacto_info .pre{
    font-size: 15px;
    font-weight: normal;
    color: #26B2E5;
}
.ubicacion .contacto_info .titulo,
.ubicacion .contacto_info .nombre_agente{
    font-weight: bold;
}
.ubicacion .contacto_info .nombre_agente,
.ubicacion .contacto_info .otros,
.ubicacion .contacto_info .pre{
    color: #666666;
}

.ubicacion .contacto_info .titulo{
    padding: 8px;
    line-height: 22px;
}
.ubicacion .contacto_info .titulo .banderas{
    width: 33px;
    height: 22px;
    margin: 0;
}
.ubicacion .contacto_info .contenido{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 10px;
}
.ubicacion .contacto_info .nombre_agente,
.ubicacion .contacto_info .otros,
.ubicacion .contacto_info .movil,
.ubicacion .contacto_info .email{
    margin-bottom: 2px;
}

.ubicacion .contacto_info .pre{
    display: inline-block;
}

.mapa
{
    float:right;
    position:relative;
    margin-top:20px;
    margin-right:20px;
    width:443px;
    height:auto;
}
.mapa h5
{
    float:left;
    margin-left:0px;
    margin-top:18px;
    color:#8c71bb;
    font-size:17px;
    font-weight:normal;
}
.mapa .link-google
{
    position:absolute;
    top:25px;
    right:18px;
    cursor:pointer;
    font-size:13px;
    color:#004585;
    text-decoration:underline;}
.mapa .link-mapa
{
    float:left;
    margin-top:10px;
    width:auto;
    height:auto;
    padding-bottom: 10px;
}
.mapa iframe.link-mapa{
    width: 440px;
    height: 440px;
}
.mapa .link-mapa img
{
    float:left;
    width:442px;
    height:250px;
}
.formulario-contacto
{
    padding-bottom: 20px;
} 
.formulario-contacto h5
{
    float:left;
    margin-left:0px;
    margin-top:18px;
    color:#29B2E6;
    font-size:17px;
    font-weight:normal;
}
.formulario-contacto ul
{
    clear:left; 
    float:left;
    margin-top:12px;
    width:409px;
    padding-left:30px;
    height:228px;
    background:url('../imagenes/background_contactar.png') repeat-x top center;}
.formulario-contacto ul li{
    float:left;
    margin-top:12px;
    margin-bottom:7px;
    width:360px;
    height:20px;}
.formulario-contacto ul li label
{
    float:left;
    margin-top:12px;
    font-size:15px;
    color:#666;
    width:150px;
    height:20px;
}
.formulario-contacto ul li input{
    float:left;
    margin-top:12px;
    font-size:12px;
    color:#333;
    font-family: 'Arial', sans-serif;
    width:177px;
    padding-left:10px;
    border:#ccc solid 1px;
    height:20px;}
.formulario-contacto ul li select{
    float:left;
    margin-top:12px;
    font-size:12px;
    color:#333;
    font-family: 'Arial', sans-serif;
    width:189px;
    padding-left:10px;
    border:#ccc solid 1px;
    height:20px;}
.formulario-contacto span
{
    clear:left;
    float:left;
    margin-top:5px;
    margin-left:3px;
    color:#005FA4;
    font-size:12px;}

.formulario-contacto .mensaje
{
    float:right;
    margin-top:10px;
    width:433px;
    height:20px;
    font-size:15px;
    color:#666;}

.formulario-contacto textarea
{
    float:right;
    width:422px;
    font-size:12px;
    color:#333;
    padding-left:10px;
    line-height:180%;  
    height:205px;
}


.formulario-contacto .check
{
    float:right;
    width:442px;
    height:20px;}
.formulario-contacto .check input
{
    float:left;
    margin-top:10px;
    width:13px;
    height:13px;}
.formulario-contacto .check a
{
    clear:none;
    float:left;
    padding-top:6px;
    padding-left:10px;
    background:none;
    margin-top:0px;
    cursor:pointer;}
#cuerpo-contactar-pedirInfo .formulario-contacto
{
    border:0;
    padding: 10px;
}
#listProductosInfo
{
    padding: 5px 10px; 
    font-size:12px;
    overflow-x:hidden;
    overflow-y: auto;
    color:#666;
    border:1px solid #CCC;
    background-color:#FFF;
    width: 95%;
}
/*fin pantalla CONTACTAR*/
/*inicio pantalla QUIENES SOMOS*/
.cuerpo-generico {
    background: url("../imagenes/background_generico.png") no-repeat scroll left bottom #FFFFFF;
    border: 1px solid #E3E3E3;
    float: left;
    height: 674px;
    margin-bottom: 65px;
    width: 978px;
}
.columna-izquierda
{
    float:left;
    margin-left:30px;
    margin-top:40px;
    width:390px;
    /*text-align: justify;*/
    text-align: left;
}
.columna-izquierda p
{
    float:left;
    font-size:15px;
    line-height:175%;
    font-weight:normal;
    color:#666;}
.columna-izquierda p .bold
{
    font-size:15px;
    color:#666;
    font-weight:bold;}
.columna-izquierda p .blue
{
    font-size:26px;
    margin-top:10px;
    font-family:'Arial',sans-serif;
    line-height:110%;
    color:#3399FF;
    padding-top:0px;
    display:block;
    font-weight:normal;}


.columna-derecha
{
    float:right;
    margin-top:25px;
    margin-right:30px;
    width:509px;
    height:640px;}

.zona1
{
    float:left;
    width:509px;
    height:640px;}
.zona2
{
    float:left;
    width:509px;
    height:640px;
    background-color:#fff;}
.zona3
{
    float:left;
    margin-top:3px;
    margin-left:5px;
    width:509px;
    height:600px;}


/*fin pantalla QUIENES SOMOS*/

/*inicio pantalla DETALLE PRODUCTO*/
.ruta
{
    float:left;
    width:600px;
    height:19px;
    margin-top:22px;
    margin-bottom:22px;}
.ruta a
{
    float:left;
    color:#004585;
    font-size:15px;
    cursor:pointer;
    text-decoration:underline;}
.ruta a:hover
{
    color:#29B2E6;}
.ruta span
{
    float:left;
    color:#004585;
    font-size:15px;
    padding-left:10px;
    padding-right:10px;}

.block_content ul
{
    float:left;
    width:250px;
    margin-top:25px;}
.block_content ul li
{
    float:left;
    margin-left:20px;
    cursor:pointer;
    margin-bottom:11px;
    padding-left:30px;
    background:url('../imagenes/button_informacion1.png') no-repeat scroll 0 2px transparent;
    width:235px;
    height:20px;}
.block_content ul li:hover{background:url('../imagenes/button_informacion2.png') no-repeat scroll 0 2px transparent;}
.block_content ul li a
{
    font-size:14px;
    color:#666;}
.block_content ul li:hover a
{     
    color:#29B2E6;
}
.cesta .cesta-inferior
{
    float:left;
    position:relative;
    z-index:99999;
    width:289px;
    height:9px;
    background:url('../imagenes/background_cesta-abajo.png') no-repeat top center;
}

.encabezado-producto
{
    float:left;
    width:980px;
    height:62px;
    border-top:#e3e3e3 solid 1px;}
.encabezado-producto h1, .encabezado-producto h3
{
    float:left;
    color:#666;
    margin-top:17px;
    margin-left:5px;
    font-size:25px;
    width: 715px;
}
.encabezado-producto h1 span.serie, .encabezado-producto h3 span.serie
{
    font-size:25px;
    color:#999;
}
.encabezado-producto .buscador
{
    float:right;
    width:250px;
    height:60px;
    margin-top:8px;
}
.encabezado-producto .buscador span
{
    float:right;
    color:#666;
    font-size:18px;
    margin-bottom: 6px;
}
.encabezado-producto .buscador select
{
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: 'Arial',sans-serif;
    font-size: 15px;
    height: 21px;
    margin-top: 13px;
    padding-bottom: 0;
    padding-left: 8px;
    text-align: left;
    vertical-align: super;
    width: 240px;    
}
.encabezado-producto .buscador select option
{
    font-size: 12px;
    font-family:'Arial',sans-serif;
    padding-left: 8px;    
}
.colum-izq-productos
{
    float:left;
    width:320px;
    height:400px;
    background-color:#fff;
    border:#e3e3e3 solid 1px;}  
.colum-izq-productos h4
{
    float:left;
    color:#29B2E6;
    margin-top:15px;
    margin-left:18px;
    font-size:17px;}
.marg1{margin-bottom:5px;}
.colum-izq-productos ul
{
    float:left;    
    margin-left:18px;
    width:280px;
    height:200px;}

.colum-izq-productos ul li
{
    float:left;
    width:280px;
    margin-top:15px;
    height:auto;
}
.colum-izq-productos ul li span
{
    /*float:left;*/
    font-size:15px;
    padding-left:10px;
    font-weight:normal;
    color:#666;
}
.colum-izq-productos ul.ulFamilia li
{
    margin-top:10px;
}
.colum-izq-productos ul.ulFamilia li span
{
    /*float:left;*/
    font-size:14px;
}
.colum-izq-productos ul li .bold
{
    font-weight:bold!important;
    padding-left:0px;
    text-transform: capitalize;
}

.colum-izq-productos ul li a
{
    color:#004786;
    font-size:15px;
    text-decoration:underline;
    margin-left:12px;
}
.colum-izq-productos ul li .detalles
{
    float:left;
    clear:left;
    margin-top:5px;
    font-size:15px;
    padding-left:0px;
    line-height:150%;
    font-weight:normal;
    color:#666;
}
.colum-izq-productos div{float:left;
                         width:318px;
                         height:75px;
                         margin-left:18px;}

.colum-izq-productos div div
{
    float:left;
    position:relative;
    margin-left:0px;
    width:58px;
    margin-right:20px;
    height:63px;
}
.colum-izq-productos div div span
{
    position:absolute;
    bottom:0px;
    width:58px;
    text-align:center;
    color:#666;
    font-size:10px;
}
.colum-izq-productos div .farmacia{background:url('../imagenes/iconos-sectores/farmacia-xs.png') no-repeat scroll center 8px transparent;}
.colum-izq-productos div .cosmetica{background:url('../imagenes/iconos-sectores/cosmetica-xs.png') no-repeat scroll center 8px transparent;}
.colum-izq-productos div .alimenticia{background:url('../imagenes/iconos-sectores/alimentaria-xs.png') no-repeat scroll center 8px transparent;}
.colum-izq-productos div .industria{background:url('../imagenes/iconos-sectores/industria-xs.png') no-repeat scroll center 8px transparent;}
.colum-izq-productos div .quimica{background:url('../imagenes/iconos-sectores/quimica-xs.png') no-repeat scroll center 8px transparent;}
.colum-izq-productos div .veterinaria{background:url('../imagenes/iconos-sectores/veterinaria-xs.png') no-repeat scroll center 8px transparent;}
.colum-der-productos
{
    float:right;
    width:650px;
    background-color:#fff;
    height:400px;
    border:#e3e3e3 solid 1px;
}
.imageProducto
{
    margin-top:10px;
    text-align: center;
    width:380px;
    float:left;
}
.imageProducto img
{
    margin:auto;
    margin-top:40px;
}
.imageFamilia
{
    margin-top:10px;
    text-align: center;
    width:100%;
}
.area1
{
    float:left;
    width:650px;
    height:400px;
}
.area2
{
    float:left;
    width:650px;
    height:400px;
    background-color:#fff;
}
.area3
{
    float:left;
    margin-top:3px;
    margin-left:5px;
    width:650px;
    height:360px;
}
.colum-centro-productos
{
    float:left;
    background-color:#fff;
    margin-top:8px;
    height:auto;
    display: block;
    margin-left: 35px;
}
.colum-centro-productos h4
{
    float:left;
    color:#29B2E6;
    margin-top:20px;
    margin-left:18px;
    font-size:17px;
}
.button_mas-informacion, .button_mas_infoFamilia
{
    background: url("../imagenes/es/button_pedir-informacion.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 24px;
    left: 388px;
    position: absolute;
    top: 200px;
    width: 201px;
    z-index: 0;
}
.button_mas-informacion:hover, .button_mas_infoFamilia:hover, .buttonMasInfoColeccion:hover
{
    background-position: 0 -24px;
}
.button_mas_infoFamilia
{
    top:370px;
}
.buttonMasInfoColeccion
{
    cursor:pointer;
    display: block;
    z-index:0;
    width:239px;
    height:24px;
    background:url('../imagenes/es/btnInfoColeccion.png') no-repeat scroll 0 0 transparent;
    margin-left:5px;
}
#textInformateProducto
{
    color: #666666;
    float: left;
    font-size: 18px;
    margin-top: 235px;
    text-align: center;
    width: 245px;
    background:url('../imagenes/imgInfoProducto.jpg') no-repeat scroll 0px 25px transparent;
    padding-left: 15px;   
}
#textInformateProducto a
{
    background-image: url("../imagenes/consulta-producto-boton-big.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    font-size: 14px;
    padding-top: 120px;
    text-transform: uppercase;
    font-weight: bold;
}
#textInformateProducto a:hover
{
    background-position: center -185px;   
    color:#29B2E6;
}
.detallar
{
    float:right;
    width:265px;
    height:311px;
    /*border-bottom:#e3e3e3 solid 1px;*/
    border-left:#e3e3e3 solid 1px;
}
.detallar h5    
{
    float:left;
    margin-top:18px;
    margin-left:18px;
    width:218px;
    height:21px;
    text-align:right;
    font-size:17px;
    color:#29B2E6;
}
.detallar img
{
    float:left;
    margin-left:28px;
    width:218px;
    height:143px;
    margin-top:8px;
}
.detallar h6
{
    float:left;
    margin-top:18px;
    margin-left:18px;
    font-size:15px;
    color:#666;
}
.detallar ul
{
    float:left;
    margin-top:15px;
    margin-left:30px;
    width:225px;
    height:58px;}
.detallar ul li{float:left;
                margin-bottom:9px;
                width:225px;
                height:15px;}
.detallar ul li .left{float:left;
                      width:80px;
                      height:15px;
                      font-size:15px;
                      color:#666;
                      font-weight: bold;
}
.detallar ul li .right{float:left;
                       width:142px;
                       height:15px;
                       font-size:15px;
                       color:#999;}
.colum-izq-productos ul li a.jqVerCodigos
{
    color:#29B2E6;
    font-size: 12px;
    text-decoration: underline;
}
.colum-izq-productos div.verCodigosProductos
{
    position:absolute;
    background-color:#F3F3F3;
    border:2px solid #6BC9ED;
    font-size: 14px;
    color:#333;
    padding:10px;
    width:315px;
    display: block;
    margin-left: 0;
    height: auto;
    z-index: 9999;
}
/*para el scroll de productos*/

.scroll2{
    clear:left;
    padding-left:5px;
    padding-right:6px;
    padding-top:27px;
    padding-bottom:28px;
    float:left;width:auto;height:auto;}
.border-bottom{border-bottom:#e3e3e3 solid 1px;}
.border-top{border-top:#e3e3e3 solid 1px;}

.scrollable2 .items div .producto{width:160px;height:180px;}

.scrollable2 .items div .producto div
{
    width:150px;
    height:150px;
    border:none;}
.scrollable2 .items div .producto div img
{
    float:left;
    width:150px;
    height:150px;
    margin-left:5px;
    margin-top:2px;
    border:none;}
.scrollable2 .items div .producto:hover{cursor:pointer;}
.scrollable2 .items div .producto:hover div img
{
    float:left;
    width:150px;
    height:150px;
    margin-left:3px;
    margin-top:0px;
    border:#29B2E6 solid 2px;}

.scrollable2 .items div .producto span
{
    float:left;
    width:150px;
    text-align:center;
    margin-top:15px;
    font-size:15px;
    text-decoration:underline;
    color:#004585;}
.scrollable2 .items div .producto:hover span
{
    float:left;
    width:150px;
    text-align:center;
    margin-top:15px;
    font-size:15px;
    text-decoration:underline;
    color:#29B2E6;}

/*fin de scroll de productos*/
#listadoFamilia
{
    text-align: center;
    border-top:#e3e3e3 solid 1px;
    padding-bottom: 20px;
    padding-top:20px;
    width:980px;
    display:block;
    clear:both;
}
.colum-centro-productos table
{
    margin:auto;
    width:915px;
    /*height:300px;*/
    display:block;
    border-bottom: 1px solid #E3E3E3;
}
.colum-centro-productos table thead
{
    width:915px;
    height:25px;}

.colum-centro-productos table thead tr .codigo, 
.colum-centro-productos table tbody tr .codigo
{
    width:100px;padding-left:10px;text-align:left;
    border-left:1px solid #e3e3e3;
}
.codigo span
{
    float:left;font-size:14px;width:75px;display:block;
}
.codigo a, .denominacion a, .denominacionFamilia a{
    color: #666666;
    font-size: 14px;
}
.codigo a:hover, .denominacion a:hover, .denominacionFamilia a:hover{
    color:#28B2E5;
}
.codigo a.i
{
    float:right;
    cursor:pointer;
    margin-right:10px;
    width:14px;
    height:14px;
    background:url('../imagenes/button_informacion.png') no-repeat scroll 0 0 transparent;}
.codigo a.i:hover
{
    background:url('../imagenes/button_informacion.png') no-repeat scroll 0 -14px transparent;}

.colum-centro-productos table thead tr .denominacion, 
.colum-centro-productos table tbody tr .denominacion{width:312px;padding-left:10px;text-align:left;}
.colum-centro-productos table thead tr .denominacionFamilia, 
.colum-centro-productos table tbody tr .denominacionFamilia{width:280px;padding-left:10px;text-align:left;}
.colum-centro-productos table thead tr .volumen, 
.colum-centro-productos table tbody tr .volumen{width:90px; font-weight: bold}
.colum-centro-productos table thead tr .rosca, 
.colum-centro-productos table tbody tr .rosca{width:126px;}
.colum-centro-productos table tbody tr .rosca
{
    text-align: center;
    padding:2px;
}
.colum-centro-productos table thead tr .altura, 
.colum-centro-productos table tbody tr .altura{width:85px;}
.colum-centro-productos table thead tr .diametro1, 
.colum-centro-productos table tbody tr .diametro1{width:85px;}
.colum-centro-productos table thead tr .diametro2, 
.colum-centro-productos table tbody tr .diametro2{width:135px;}
.colum-centro-productos table thead tr .largo, 
.colum-centro-productos table tbody tr .largo{width:85px;}


.colum-centro-productos table tbody tr .volumen,
.colum-centro-productos table tbody tr .diametro1,
.colum-centro-productos table tbody tr .diametro2
{
    text-align: center;
    /*padding-right: 40px;*/
}

.colum-centro-productos table thead tr td
{
    text-align:center;
    color:#28B2E5;
    font-size:15px;
    border:#e3e3e3 solid 1px;}
.colum-centro-productos table tbody
{
    width:913px;
    height:auto;
    border-left:#e3e3e3 solid 1px;
    border-bottom:#e3e3e3 solid 1px;
    border-right:#e3e3e3 solid 1px;
}
.colum-centro-productos table tbody .white{height:10px;}
.colum-centro-productos table tbody .white td{height:10px;}

.colum-centro-productos table tbody .azul{background-color:#EBF1F5;}
.colum-centro-productos table tbody tr td
{
    text-align:center;
    color:#666;
    border-right:#e3e3e3 solid 1px;
    height:22px;
    padding-top:3px;
    font-size:14px;}

#gal02 .items .letraoferta
{
    text-decoration:underline;
    float:left;
    margin-left:5px;
    margin-top:5px;
    color:#162882;
    width:125px;height:100px;
    font-weight:bold;
    margin-top:10px;
    line-height:150%;
    font-size:14px;
    text-align:center;}
#gal02 .items .imagenoferta img{float:right;border:#666 solid 1px;}

#gal02 .items .letraoferta
{
    text-decoration:underline;
    float:left;
    margin-left:5px;
    margin-top:5px;
    color:#162882;
    width:125px;
    height:100px;
    font-weight:bold;
    margin-top:10px;
    line-height:150%;
    font-size:14px;
    text-align:center;}
#gal02 .items .imagenoferta img
{
    float:right;
    width:35%;
    height:35%;
    margin-right:5px;
    margin-top:5px;
    border:#999 solid 1px;}
/*fin pantalla DETALLE PRODUCTO*/
/*inicio BUSQUEDA DE PRODUCTO*/
#divBuscadorPalabras
{
    float: left;
    font-size: 18px;
    margin-left: 60px;
    margin-top: 22px;
    color:#20A8DF;
}
#divBuscadorPalabras form
{
    font-size: 18px;    
    color:#20A8DF;
}
#divBuscadorPalabras input
{
    font-size: 16px;
    color:#666;
    margin-left: 10px;
    padding:2px 5px;
}
#toggleFiltro
{
    float:right;
    margin-right: 10px;
    margin-top:25px;
    color:#CCC;
    font-size: 20px;
    cursor:pointer;
}
#toggleFiltro:hover
{
    color:#20A8DF;
}
a.resetFilter
{
    background-image: url("../imagenes/refresh_btn.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: right;
    height: 18px;
    margin-right: 19px;
    margin-top: 20px;
    padding: 3px 15px 0 30px;
    width: 85px;
}
a.resetFilter:hover
{
    color:#666666;
    background-position: 0 -20px;
}
#contentBuscadorProd
{
    width:980px;
    margin:auto;
    background-color:transparent;
    background-image: url('../imagenes/C-FONDO.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 270px;
    clear:both;
    margin-top:10px;
}
#contentBuscadorProd ul
{
    float:left;
    margin-left: 72px;
    margin-top:10px;
    font-size: 16px;
    color:#FFF;
    line-height: 26px;

}
#contentBuscadorProd ul.primera
{
    margin-left:40px;
}
#contentBuscadorProd ul.agrupar
{
    margin-left:30px;
    height: 200px;
    border-left: 4px solid #FFF;
    padding-left: 20px;
}
#contentBuscadorProd ul li{
    font-size: 14px;
    margin-bottom: 2px;
}
#contentBuscadorProd ul li.tituloCategoria
{
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.radioButtonBP
{
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../imagenes/radioButton.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    padding-left: 24px;
}
.radioButtonBP.select
{
    background-image:url(../imagenes/radioButtonSelect.png);
}
#numProductos
{
    background-color: #FFFFFF;
    border: 1px solid #11518D;
    clear: both;
    color: #11518D;
    font-size: 16px;
    margin-left: 15px;
    margin-top: 10px;
    padding: 5px;
    width: 122px;
    float:left;
    text-align: center;
}
#paginacion
{
    float:right;
    margin-top: 15px;
}
.contenedor-productos
{
    float:left;
    width:auto;
    height:auto;
    margin-top:20px;
    margin-bottom:40px;
    display: block;
    margin: 0 auto;
}
.especificacion-producto, .especificacion-familia
{
    float:left;
    margin-right:10px;
    margin-bottom:15px;
    width:216px;
    height:385px;
    border-bottom:#e3e3e3 solid 1px;
}
.especificacion-producto:hover, .especificacion-familia:hover
{
    cursor:pointer;
}
.especificacion-familia
{
    height: 295px;
}
.especificacion-producto h3, .especificacion-familia h3
{
    float:left;
    margin-top:10px;
    margin-left:3px;
    width:216px;
    color:#004585;
    text-decoration:underline;
    font-size:15px;
}
.especificacion-producto:hover h3 , .especificacion-familia:hover h3{color:#2AB2E6;}
.especificacion-producto:hover ul li span, .especificacion-familia:hover ul li span{color:#2AB2E6;}
.especificacion-producto h4, .especificacion-familia h4{float:left;
                                                        width:216px;
                                                        margin-top:8px;
                                                        color:#999999;
                                                        font-size:17px;
                                                        margin-left:3px;}
.especificacion-producto:hover h4, .especificacion-familia:hover h4{color:#2AB2E6;}
.especificacion-producto div, .especificacion-familia div
{
    float:left;
    width:216px;
    height:200px;
}
.especificacion-familia div
{
    height: 135px;
}
.especificacion-producto div img, .especificacion-familia div img
{
    float:left;
    width:212px;
    margin-left:2px;
    margin-top:2px;
}
.especificacion-producto:hover div img, .especificacion-familia:hover div img
{
    float:left;
    margin-left:0px;
    margin-top:0px;
    border:#2AB2E6 solid 2px;
}


.especificacion-producto .button, .especificacion-familia .button
{
    float:left;
    cursor:pointer;
    width:130px;
    padding-left: 32px;
    padding-top: 8px;
    height:16px;
    margin-top:5px;
    margin-left:0px;
    background:url('../imagenes/button_informacionL.png') no-repeat scroll 0 0 transparent;
    color:#CCC;
    text-decoration: underline;
    vertical-align: bottom;
}
.imageProducto .buttonAdd
{
    float:left;
    cursor:pointer;
    width:60px;
    height:61px;
    margin-top:5px;
    margin-left:0px;
    background:url('../imagenes/consulta-producto-boton-small.png') no-repeat scroll 0 0 transparent;
    margin-left: 10px;
    margin-top: 0;
    position:absolute;
}
.imageProducto .buttonAdd:hover
{
    background-position:  0 -139px;
    color:#28B4E5;
}
.especificacion-producto .buttonAdd
{
    float:left;
    cursor:pointer;
    width:28px;
    height:29px;
    margin-top:0px;
    margin-left:20px;
    background:url('../imagenes/consulta-producto-boton-small-xs.png') no-repeat scroll 0 0 transparent;
    position:relative;
    top:2px;
}
.especificacion-producto .buttonAdd:hover
{
    background-position:  0 -65px;
    color:#28B4E5;
}

.especificacion-producto .button:hover
, .especificacion-familia .button:hover
{
    background-position:  0 -24px;
    color:#28B4E5;
}


.especificacion-producto .addCesta
{
    float:left;
    cursor:pointer;
    width:7px;
    height:24px;
    margin-top:5px;
    margin-left:-10px;
}
.especificacion-producto .addCesta:hover
{
    color:#004585;
}

.especificacion-producto ul
, .especificacion-familia ul
{
    float:left;
    margin-left:3px;
    width:216px;
    margin-top:10px;
    height:70px;
}
.especificacion-producto ul li, .especificacion-familia ul li
{
    float:left;
    width:216px;
    margin-bottom:10px;
    height:15px;}
.especificacion-producto ul li, .especificacion-familia ul li
{
    float:left;
    width:216px;
    margin-bottom:10px;
    height:15px;}
.especificacion-familia ul li{
    margin-bottom: 15px;
}


.especificacion-producto ul span, .especificacion-familia ul span
{
    float:left;font-size:14px;color:#666;width:140px;
}
.especificacion-familia ul span{
    font-size:12px;
    width:130px;
}
.especificacion-producto ul .bold, .especificacion-familia ul .bold
{
    font-weight:bold; width:auto;
    text-transform: capitalize;
    margin-right: 4px;
}
.marg2{margin-bottom:40px;}

/*    FOOTER      */


#segundo{
    margin:0 auto;
    overflow: hidden;
    background:url('../imagenes/background_footer.png') repeat-x bottom center;
    height: 85px;
}

#menu-footer{float:right;
             width:520px;
             height:20px;
             list-style-type: none;
             display:block;
             margin-left:220px;
}

#menu-footer li{
    float:left;
    list-style-type: none;
    display:block;
    height:auto;
    width:auto;
    font-size:11px;
    color:#004585;
    margin-left:29px;
    margin-top:10px;
}
#menu-footer .ultimo{
    border-right:none!important;   
}

#menu-footer li a{
    float:left;
    height:auto;
    color:#004585;
    cursor:pointer;
    width:auto;
    font-size:12px;
    border-bottom:#004585 solid 1px;
    text-decoration:none;
    padding-right:20px;

}
#menu-footer li a:hover{
    color:#29B2E6;
    border-bottom:#29B2E6 solid 1px;
}
#menu-footer li.selected a{
    color:#29B2E6;
    border-bottom:#29B2E6 solid 1px;
}

.logo-footer
{
    float:left;
    margin-top:14px;
    cursor:pointer;
    width:auto;
    height:auto;
    color: #004585;
    font-size: 16.5px;
}
.logo-footer img
{
    float:left;
    width:136px;
    height:30px;
}

.direccion{
    float:left;
    margin-top:7px;
    width:810px;
    height:18px;
}
.direccion li{
    float:left;
    list-style-type: none;
    display:block;
    height:auto;
    width:auto;
    font-size:13px;
    color:#666;
    padding-left:7px;
    padding-right:7px;
    border-right:#666 solid 1px;
    margin-top:10px;
    color:#004585;
}
.direccion .ultimo
{
    border-right:none!important;
    padding-right: 0px;
}                   

.info{float:right;
      margin-top:-3px;
      width:auto;
      font-size:17px;
      color:#004585;
      text-decoration:underline;
      height:auto;}
.info:hover{color:#29B2E6;}

#path{
    clear:left;
    float:left;
    width:300px;
    height:30px;
    margin-top:13px;
    margin-left:6px;
    display:block;
}
#path a{color:#fff;
        font-size:14px;
        text-decoration:none;
}
#path a:hover
{
    text-decoration: underline;
}
#path .bold{font-weight:bold;}

#path img{margin-top:15px;}

#impacto{float:right;
         margin-top:21px;
         width:165px;
         height:20px;}
#impacto span{float:left;
              padding-top:5px;
              font-size:11px;
              color:#fff;}
#impacto .link-impacto{float:left;
                       padding-top:5px;
                       font-size:11px;
                       margin-left:5px;
                       color:#fff;
                       cursor:pointer;}
#impacto .imagen-impacto{float:left;
                         width:auto;
                         height:auto;
                         padding-left:8px;
                         cursor:pointer;}

#impacto .imagen-impacto img{float:left;
                             width:17px;
                             margin-left:10px;
                             height:15px;}

#linkAvisoLegal
{    
    /*margin-top:115px;    
    position:absolute;
    left:49%;*/
    float:left;
    padding-top:12px;
    margin-left: 120px;
    display:block;
}
#linkAvisoLegal a
{
    color:#FFF;    
}
#linkAvisoLegal a:hover
{
    text-decoration: underline;   
}
.legal{
    padding:30px;
    text-align: justify;
}
.legal p{
    font-size: 16px;
    color:#666;
    line-height: 28px;
}
.legal h3
{
    color:#333;
    margin-top:35px;
    margin-bottom: 5px;
}
/****************************************************************/
/*  NOTICIAS                                                    */
/****************************************************************/

#contentNoticias
{
    width:940px;
    display:block;
    clear:both;
    background-color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;

}
.NoticiaResumen
{
    padding: 20px 0 ;
    font-size: 15px;
}
.NoticiaResumen table{
    width: 100%;
}
.NoticiaResumen.select
{
    background-color: #E6F5FF;
}
.titulo-noticia
{
    margin-left: 20px;
    color: #8c71bb;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 17px;
}
.NoticiaResumen.select .titulo-noticia
{
    text-decoration: underline;
}
.fecha-noticia
{
    float:right;
    margin-right: 20px;
    color: #666;
    text-decoration: none;
    font-size: 17px;
    font-style: italic; 
}
.cuerpo-noticia
{
    padding-left: 20px;
    padding-top:10px;
    font-size: 14px;
}
.NoticiaResumen img
{
    margin-left: 8px;
    max-width: 400px;
}
.cuerpo-noticia p, .cuerpo-noticia span, .cuerpo-noticia h1, .cuerpo-noticia strong,
.cuerpo-noticia b,.cuerpo-noticia em
{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 23px;
    text-align: justify;
}
.cuerpo-noticia p{
    padding-bottom: 10px;
}
.cuerpo-noticia strong{
    font-weight: 600;
    color: #8c71bb;
}
.cuerpo-noticia p a,.cuerpo-noticia p a span{
    font-size: 14px;
    color: #8c71bb;
    text-decoration: underline;
    font-weight: 400;
}
#cuerpo_noticias {
    border-left: 1px solid #e9dbf0;
    border-right: 1px solid #e9dbf0;
    display: block;
    overflow: hidden;
}
.btnLeerMas a,a.btnLeerMas, .btnEditar a,a.btnEditar, .btnEliminar2 a, a.ok, a.cancel
{
    background-image: url('../imagenes/sprite-buttons-formats.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -103px -9px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #6b5296;
    height: 18px;
    padding: 8px;
    width: 117px;
    display: block;
    text-align: center;
    float: right;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
}
a.ok, a.cancel{
    height: 29px;
    width: 129px;
    padding: 2px;
}
article a.btnEditar{
    line-height: 18px !important;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.btnLeerMas a:hover,a.btnLeerMas:hover, .btnEditar a:hover, .btnEliminar2 a:hover,a.ok:hover, a.cancel:hover, article a.btnEditar:hover
{
    background-position: -103px -56px;
    cursor:pointer;
}

#btnVolver
{
    background-image: url('../imagenes/sprite-buttons-formats.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -10px -9px;
    width:63px;
    display: block;
    float: right;
    border: 0;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b5296;   
    padding: 8px 9px 8px 11px;
    height: 18px;
    text-align: center;
}
#btnVolver:hover
{
    background-position: -10px -56px;
    cursor:pointer;
}
#buscadorNoticias
{
    float:right;
    margin-top:20px;
    margin-right:20px;
}
#buscadorNoticias table tr td
{
    font-size:17px;
    color:#666;    
}

#buscarNoticiaTexto
{
    background-image: url('../imagenes/btnBuscar.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:24px;
    height: 24px;
    display: block;
    float: right;
    margin: 0 10px;
}
#buscarNoticiaTexto:hover
{
    background-position: 0 -24px;
    cursor:pointer;
}
#primerasNoticias
{
    background-image: url('../imagenes/btnPrimeraNoticia.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:10px;
    height: 10px;
    display: block;
    float: right;
    margin: 0 10px;
}
#primerasNoticias:hover
{
    background-position: 0 -10px;
    cursor:pointer;
}
#ultimasNoticias
{
    background-image: url('../imagenes/btnUltimaNoticia.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:10px;
    height: 10px;
    display: block;
    float: right;
    margin: 0 10px;
}
#ultimasNoticias:hover
{
    background-position: 0 -10px;
    cursor:pointer;
}
#anteriorNoticia
{
    background-image: url('../imagenes/btnAnteriorNoticia.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:16px;
    height: 10px;
    display: block;
    float: right;
    margin: 0 10px;
}
#anteriorNoticia:hover
{
    background-position: 0 -10px;
    cursor:pointer;
}
#siguienteNoticia
{
    background-image: url('../imagenes/btnSiguienteNoticia.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:16px;
    height: 10px;
    display: block;
    float: right;
    margin: 0 10px;
}
#siguienteNoticia:hover
{
    background-position: 0 -10px;
    cursor:pointer;
}
#paginasNoticias tr td a
{
    font-size: 15px;
    color:#004585;
    text-decoration: underline;
    cursor:pointer;
    padding:0 8px;
}
#paginasNoticias tr td a:hover
{
    color:#28B4E5;
}
#paginasNoticias tr td a.active
{
    font-weight: bold;
    color:#666;
    text-decoration: none;
}
/****************************************************************/
/*  AGENTES                                                     */
/****************************************************************/
#contentAgentes
{
    width:938px;
    display:block;
    clear:both;
    background-color: #FFF;
    padding:0 20px;
}
#contentAgentes .banderas{
    width: 33px;
    height: 22px;
}


/****************************************************************/
/*  SERVICIOS                                                   */
/****************************************************************/
.support-note span{
    color: #ac375d;
    font-size: 16px;
    display: none;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions{
    display: block;
}
#contentServicios
{
    width:938px;
    display:block;
    clear:both;
    border:1px solid #E3E3E3;
    background-color: #FFF;
    padding:0 20px 20px;
}
#contentServicios.contactoServicio
{    
    background-image: url('../imagenes/background_formulario-contactar.png');
    background-repeat:no-repeat;
    background-position: 551px 97px;
    margin-top:90px;
}
.divServicio
{
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 0 ;
    font-size: 15px;
}
.titulo-servicio
{
    margin-left: 20px;
    color: #29B2E6;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 20px;
}
.cuerpo-servicio
{
    font-size: 15px;
    line-height: 22px;
    padding-left: 20px;
    color:#666;
}
#contactoServicios h3{
    float:none;
    width:100%;
}
#datosContactoServicios
{
    margin-top:15px;
    width:100%;
    clear:both;
}
#datosContactoServicios td.title
{
    color:#8c71bb;
    font-size: 17px;
    padding-bottom:10px;
    width:50%;
}
#datosContactoServicios td.obligatorios{
    color:#005FA4;
    font-size:12px;
    padding-bottom: 10px;
}
#datosContactoServicios table#camposIzquierda
{
    margin:10px 35px;
}
#datosContactoServicios table#camposIzquierda td, #datosContactoServicios #camposDerecha td
{
    font-size: 15px;
    color:#666;  
    padding:8px 0;
}
#datosContactoServicios #camposDerecha td{
    padding:2px;
}
#datosContactoServicios td.tdDerechaSer
{
    padding-left: 40px;    
}
#datosContactoServicios table#camposIzquierda td input
{
    font-size: 13px;
    padding:2px;
    color:#DDD;
    border:1px solid #CCC;
    margin:0 10px;
    width:200px;
    font-style:italic;
    float: left;
}
.star{
    float:right;
    font-size:15px;
}
#datosContactoServicios table#camposIzquierda td select
{
    font-size: 13px;
    padding:2px;
    color:#666;
    border:1px solid #CCC;
    margin:0 10px;
    width:205px;
    font-style:normal;
}
#datosContactoServicios table#camposIzquierda td input.active
{
    color:#666;
    font-style: normal;
}
#datosContactoServicios table#camposDerecha td textarea
{
    font-size: 15px;
    color:#666;
    border:1px solid #CCC;    
    width:425px;
    height: 145px;
    padding:5px;
}
#datosContactoServicios table#camposDerecha td.aceptarLOPD
{
    font-size: 12px;
}
#datosContactoServicios a#pedirInformacion
{
    background-image: url('../imagenes/es/button_pedir-informacion.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    width:211px;
    height: 24px;
    display: block;
    float: right;
    margin: 10px 0px 0 0;    
}
#datosContactoServicios a#enviarConsulta
{
    background-image: url('../imagenes/sprite-buttons-formats.png');
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -245px -9px;
    width:194px;
    display: block;
    float: right;
    border: 0;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b5296;   
    padding: 8px;
    height: 18px;
    width: 166px;
    text-align: center;
}
#datosContactoServicios a#enviarConsulta:hover, #datosContactoServicios a#pedirInformacion:hover
{
    background-position: -245px -56px;
    cursor: pointer;
}
.titleServicio
{
    margin-top:10px;
}
.titleServicio h3
{
    font-weight: bold; 
    font-size:18px;
    color:#29B2E6;
    text-transform: uppercase;
}
.ch-grid li:hover .titleServicio h3
{
    color:#004585;    
}
/**** plugin efecto circulo ***/
.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 314px;
    height: 314px;
    display: inline-block;
    margin: 30px 0px;

}

.ch-grid li.center {
    width: 314px;
    height: 314px;
    display: inline-block;
    margin: 20px 15px;
}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/
    cursor: default;
}

.ch-info-wrap, .ch-info{
    position: absolute;
    width: 272px;
    height: 272px;
    border-radius: 50%;
}
.ch-info-wrap{
    top: 21px;
    left: 21px;
    background: #ffff;
    box-shadow: 
        0 0 0 21px rgba(255,243,248,0.4), 
        inset 0 0 3px rgba(225,243, 248, 0.8);

}
.ch-info-wrap:hover{
    cursor:pointer;
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;

    -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}
.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
    opacity: 0;

    background: #29B2E6;
    pointer-events: none;

    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);

    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
}



.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    margin: 0 15px;
    padding: 40px 0 0 0;
    height: 90px;
    font-weight: bold;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    color: #fff;
    padding: 63px 5px 0 5px;
    /*font-style: italic;*/
    margin: 0 30px;
    font-size: 14px;
    /*border-top: 1px solid rgba(255,255,255,0.5);*/
    font-weight: bold;
    line-height: 25px;
}

.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}
.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    opacity: 0;
} 

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
    pointer-events: auto;
}
/********************************************************/
/*      OVERLAY AVISOS                                  */
/********************************************************/
#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
    top:0;
    left:0;
    width:1400px;
    height:700px;
    opacity: 0.8;
}
#maskError {
    position:fixed;
    z-index:1000002;
    background-color:#000;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity: 0.3;
}
#messageError, #messageErrorPI
{
    position:fixed;
    display:none;
    z-index:1000003;
    top:100px;
    left: 0;
    right: 0;
    margin:auto;
    width:420px;
    text-align: left;
    line-height: 28px;
    color:#004586;
    background-color: transparent;
    border: 1px solid #e9dbf0;
}
#messageErrorPI{
    width:520px;
}
.deleteitem{
    display: block;
    margin-top: 20px;
    font-size: 30px;
}
#messageError div#cabeceraError, #messageErrorPI div#cabeceraErrorPI
{
    width:420px;
    /*background-image: url('../imagenes/topAvisos.png');
    background-repeat: no-repeat;
    background-position: center top;*/
    background:#FFF;
    /*border:1px solid #CCC;*/
    color:#FFF;
    font-size:16px;
    text-align: left;
    display: block;
    height: 25px;
}
#messageErrorPI div#cabeceraErrorPI{
    width:520px;
}


#messageError div#aviso img, #messageErrorPI div#aviso img
{
    height: 122px;
    width:49px;
    position: absolute;
    left:340px;
    top:20px;
}
#messageErrorPI div#aviso img{
    left:440px;
}
#messageError div#cerrarError, #messageErrorPI  div#cerrarErrorPI
{
    width:420px;
    height: 35px;
    background-color: #fff;
}
#messageErrorPI  div#cerrarErrorPI{
    width:auto;
}
#messageError div#btnBotones, #messageErrorPI div#btnBotones
{
    /*background-image: url('../imagenes/centerAvisos.png');
    background-repeat: repeat-y;
    background-position: center top;*/
    background:#FFF;
    width:380px;
    padding:5px 20px;
}
#messageErrorPI div#btnBotones{
    width:auto;
}
#btnBotones table{
    margin: 20px auto 0 auto;

}

#messageError div#btnBotones input:hover, #messageErrorPI div#btnBotones input:hover
{
    background-position: -103px -56px;
}
#messageError #contentError, #messageErrorPI #contentErrorPI
{
    /*background-image: url('../imagenes/centerAvisos.png');
    background-repeat: repeat-y;
    background-position: center top;*/
    background:#FFF;
    width:380px;
    padding:5px 20px;
    color: #8c71bb;
    font-weight: 300;
    font-size: 25px;
    text-align: center;
}
#messageErrorPI #contentErrorPI{
    width:auto;
}
#messageError #contentError div#confirmAlert, #messageErrorPI #contentErrorPI div#confirmAlert
{
    font-size: 14px;
    font-family: arial;
    margin-left: 5px;
    margin-right: 56px;
    color: #666;
}
#messageError ul, #messageErrorPI ul
{
    font-size: 12px;
    list-style-position: outside;
    list-style-type: none;
    color:#29B2E6;
    margin-left: 15px;
}
#messageError ul li span, #messageErrorPI ul li span
{
    font-size: 14px;
    color:#333;
}
#messageError a.close, #messageErrorPI a.close
{
    background-image: url('../imagenes/btnXCerrar.png');
    background-repeat: no-repeat;
    background-position: 0 0;    
    cursor:pointer;
    display: block;
    width: 25px;
    height: 24px;
    float: right;
    position: absolute;
    right: -10px;
    top: -10px;
}

/*********************************************************************/
/*          CESTA                                                    */
/*********************************************************************/
.cesta
{
    float:right;
    width:289px;
    height:50px;
    cursor:pointer;
}
.cesta .cesta-superior
{
    float:left;
    width:289px;
    margin-top:4px;
    height:9px;
    background:url('../imagenes/background_cesta-arriba.png') no-repeat top center;}
.cesta .cesta-medio
{
    float:left;
    position:relative;
    position:relative;
    z-index:999999;
    width:289px;
    height:auto;
    background:url('../imagenes/background_cesta-medio.png') repeat-y top center;}

.cesta .cesta-medio h4
{
    color: #3399FF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 18px;
    margin-left: 5px;
    margin-top: 0;
    padding-left: 5px;
    padding-top: 0;
    text-decoration: underline;
    width: 60px;
}
.cesta .cesta-medio img
{
    position:absolute;
    top:-4px;
    right:12px;
    width:35px;
} 
.cesta .cesta-medio #ocultar span
{
    position:absolute;
    top:4px;
    left:20px;
    font-size:14px;
    color:#666;
    font-weight:bold;
}
.size
{
    width:200px;
    height:20px;}
.button_pedir-informacion
{
    float:left;
    margin-bottom:10px;
    margin-left:45px;
    top:0px;
    cursor:pointer;
    width:211px;
    height:24px;
    background:url('../imagenes/es/button_pedir-informacion.png') no-repeat scroll 0 0 transparent;}
.button_pedir-informacion:hover
{
    background-position: 0 -24px;
}
.elementoCesta
{
    width:200px;
    display: block;
    float:left;
}

.eliminarDeCesta
{
    width:15px;
    height:22px;
    float:left;
    background-image:url(../imagenes/btnEliminar.png);
    background-position: 0 0;
    background-repeat: no-repeat;    
}
.eliminarDeCesta:hover
{
    background-position: 0 -22px;
}
.titleBasket,.cesta .cesta-medio #ocultar span.titleBasket
{
    padding-left:15px;
    background-image:url(../imagenes/slide_down.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}
.titleBasket.Activo,.cesta .cesta-medio #ocultar span.titleBasket.Activo
{
    padding-left:15px;
    background-image:url(../imagenes/slide_up.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}
#ajVaciarCesta
{
    margin-left:15px;
}
#numElementosCesta
{
    clear: both;
    color: #004585;
    display: block;
    font-size: 12px;
    margin-left: 21px;
    margin-top: 25px;
    white-space: nowrap;
}
.cesta .cesta-medio #ocultar #numElementosCesta span
{
    left:auto;
    top:auto;
    position: inherit;
}
/*---VENTANA MODAL---*/
#mask {
    position:absolute;
    z-index:1000000;
    background-color:#004586;
    display:none;
    top:0;
    left:0;
    width:1400px;
    height:700px;
    opacity: 0.4;
}
.moreinformacion{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:9999;
    background-color: rgba(0,0,0,0.5);
    background-color: #000000/9;
    filter: alpha(opacity=50);
    display: none;
}
.moreinformacion .contactThanks{
    padding: 30px;
}
.moreinformacion .contactThanks p{
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: #8c71bb;
    line-height: 45px;
}
.pedirInfo{
    margin: 0 auto;
    display: block;
    padding:10px;
    background:#FFF;
    width:960px;
    min-height: 50px;
    border: 1px solid #d9c1e8;
    margin-top: 50px;
}
.pedirInfo > .close
{
    background-image: url("../imagenes/btnXCerrar.png");
    display: block;
    margin-top: -20px;
    margin-right: -20px;
    width: 25px;
    height: 24px;
    cursor: pointer;
    z-index:1000002;
    float:right;
}
#contentInfo h2,#messageError div#aviso, #messageErrorPI div#aviso{    
    font-size: 35px;
    color: #8c71bb;
    font-weight: 300;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 13px;
    background:#fff;
    display: block;
}   
#mensajeEnvioEmail
{
    margin-top:25px;
    padding:20px;
    width:100%;
    text-align: center;
    font-size:23px;
    color:#28B4E5;
    line-height: 40px;
}

/*******************************************************/
/*          INICIO LOGIN                               */
/*******************************************************/
#login-holder
{
    text-align: center;
    font-size: 22px;
    color:#CCC;
    padding: 30px;
    border-left: 1px solid #e9dbf0;
    border-right: 1px solid #e9dbf0;
    background-color:#FFF;
}
#loginbox
{
    padding:10px 0px;
    margin:auto;
    width:300px;
    color:#666;
    font-size:22px;
    line-height: 20px;
}
#loginbox table th, #loginbox table td
{
    font-size:15px;
    line-height: 22px;
    color:#666;
    text-align: left;
    padding-left: 10px;
}
#loginbox table td input{
    font-size:15px;
    color:#666;
    padding: 2px;
}

#loginbox table td input[type=submit]{
    border: 0;
    background: url(../imagenes/sprite-buttons-formats.png);
    background-position: -103px -9px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #6b5296;
    height: 33px;
    width: 133px;
}
#loginbox table td input[type=submit]:hover{
    background-position: -103px -56px;
    cursor: pointer;
    color: #8c71bb;
}

#loginbox table th, #loginbox table td
{
    padding-bottom: 10px;
}
/****************************************************************/
/*          GENERALES IMPORTANTES                               */

/*Pagina error 404*/
.error_404 .cuerpo-generico{
    height: auto;
}
.error_404 .columna-izquierda{
    margin-bottom: 40px;
}

.hidden{
    display: none;
}
.clear{
    clear: both;
}
.menuOpener{
    width: 50px;
    height: 38px;
    background: url('../imagenes/menu.png') no-repeat;
    margin: 90px 0 0 356px;
    display: none;
    cursor: pointer;
}

#filterOpener{
    width: 38px;
    height: 38px;
    background: url('../imagenes/filterOpen.png') no-repeat;
    cursor: pointer;
    margin: 10px auto;
}
#filterOpener.rotate{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}