html {
    overflow-y:scroll;
    overflow-x:hidden;
}
body {
    font-family: Arial, helvetica;
    background-image: url(../images/logo_plustik_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.separator {
    clear: both;
}
.cabecera {
    height:80px;
    background-image: url(../images/bg_cabecera.png);
}

.cabecera .contenido{
    height:80px;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/bg_cabecera.png);
}

.cabecera .contenido ul.flags {
    float: left;
    margin-top: 60px;
}

.cabecera .contenido ul.flags li{
    margin:0 2px;
}

ul.flags li a{
    width: 28px;
    height: 21px;
    background-image: url(../images/bg_banderas.png);
    display: block;
    cursor: pointer;
}

ul.flags li a.espanol{
    background-position: 0 0;
    
}

ul.flags li.selected a.espanol{
    background-position: 0 -42px;
    cursor: default;
    
}

ul.flags li.selected a.espanol:hover{
    background-position: 0 -42px;
    
}

ul.flags li a.espanol:hover{
    background-position: 0 -21px;
    
}


ul.flags li a.english{
    background-position: -28px 0;
    
}
ul.flags li.selected a.english,ul.flags li.selected a.english:hover{
    background-position: -28px -42px;
    cursor: default;
    
}
ul.flags li a.english:hover{
    background-position: -28px -21px;
    
}

.cabecera .contenido ul.menu{
    float: left;
    margin-top: 42px;
    margin-right: 30px;
    margin-left: 0px;
    width: 390px;
}

.cabecera .contenido ul li{
    float: left;
    margin: 0 10px;
}



.cabecera .contenido ul li .left {
    width: 7px;
    height: 38px;
    display: block;
    line-height: 26px;
    float: left;
    /*background-image: url(../images/pestanas_menu.png);
    background-position: 0 -114px;*/
}
.cabecera .contenido ul li .middle {
    float: left;
}

.cabecera .contenido ul li .middle a{
    padding: 0 10px;
    color: white;
    text-decoration: none;
    height: 38px;
    display: block;
    line-height: 32px;
    font-size: 12px;
    font-weight: bold;
    float:left;
    /*background-image: url(../images/pestanas_menu.png);
    background-position: 0 -151px;*/
}

.cabecera .contenido ul li .right {
    width: 7px;
    height: 38px;
    display: block;
    line-height: 26px;
    float: left;
    /*background-image: url(../images/pestanas_menu.png);
    background-position: 0 -188px;*/
}


/******************Menu selected y hover**********************/
.cabecera .contenido ul li.selected .left {
    background-image: url(../images/pestanas_menu.png);
    background-position: 0 0;
}
.cabecera .contenido ul li.selected .middle {
    float: left;
}

.cabecera .contenido ul li.selected .middle a{
    background-image: url(../images/pestanas_menu.png);
    background-position: 0 -38px;
    color: #33537d;
}

.cabecera .contenido ul li.selected .right {
    background-image: url(../images/pestanas_menu.png);
    background-position: 0 -76px;
}





.cabecera .contenido ul li.hover .left {
    background-image: url(../images/pestanas_menu.png);
    background-position:  0 -114px;
}

.cabecera .contenido ul li.hover .middle a{
    background-image: url(../images/pestanas_menu.png);
    background-position: 0 -150px;
}

.cabecera .contenido ul li.hover .right {
    background-image: url(../images/pestanas_menu.png);
    background-position: 0 -188px;
}






/******************Menu selected y hover**********************/

.page {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}
.page .descargarpdf{
    margin-bottom: 10px;
    display: block;
    height: 76px;
    width: 581px;
}
.page h2.title{
    color: #33537d;
    font-size: 15px;
    margin: 20px 0;       
}

.page div.textoinicial {
    padding: 30px 50px;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 50px;
}

.page div.textoinicial p{
    margin-bottom: 15px;
    color: #505050;
}

.page .titlecolor {
    height: 41px;
}
.page .titlecolor .left{
    width: 5px;
    height: 41px;
    float: left;
}
.page .titlecolor .middle{
    height: 41px;
    float: left;
    line-height: 44px;
    color: white;
    font-weight: bold;
    padding-left: 15px;
}
.page .titlecolor .right{
    width: 5px;
    height: 41px;
    float: left;  
}

.page .titlecolor.verde,
.page .titlecolor.naranja,
.page .titlecolor.azul,
.page img.imgfamilia,
.page p.textofamilia{
    margin-bottom: 15px;
}

.page .titlecolor.verde,
.page .titlecolor.naranja,
.page .familia1,
.page .familia2{
    width: 410px;
    float: left;
    
}

.page .familia1,
.page .familia2 {
    height: 480px;
    position: relative;
}
.page .familia2 {
    margin-left: 30px;
}

.page .titlecolor.verde .left{
    background-image:url(../images/bg_title_ver.png);
}
.page .titlecolor.verde .middle{
    background-image:url(../images/bg_title_ver.png);
    background-position: 0 -41px;
    width: 385px;
}
.page .titlecolor.verde .right{  
    background-image:url(../images/bg_title_ver.png);
    background-position: 0 -82px;
}




.page .titlecolor.naranja .left{
    background-image:url(../images/bg_title_naranja.png);
}
.page .titlecolor.naranja .middle{
    background-image:url(../images/bg_title_naranja.png);
    background-position: 0 -41px;
    width: 385px;
}
.page .titlecolor.naranja .right{  
    background-image:url(../images/bg_title_naranja.png);
    background-position: 0 -82px;
}

.page .titlecolor.azul .left{
    background-image:url(../images/bg_title_azul.png);
}
.page .titlecolor.azul .middle{
    background-image:url(../images/bg_title_azul.png);
    background-position: 0 -41px;
    width: 825px;
}
.page .titlecolor.azul .right{  
    background-image:url(../images/bg_title_azul.png);
    background-position: 0 -82px;
}

.familia1 p,
.familia2 p {
  font-size: 12px;
  color: #33537d;
  padding: 0 5px;
  line-height: 18px;
}


.familia1 .textofamilias {
  padding: 0 5px;
    
}
.familia1 .textofamilias a,
.familia2 .textofamilias a {
    color:#2167C2;
    display:block;
    float:left;
    font-size:12px;
    line-height:18px;
    margin-left:5px;
    text-decoration:none;
}

a.buttonverde {
    background-image:url(../images/bg_button_verde.png);
    color:white;
    display:block;
    font-weight:bold;
    height:37px;
    line-height:41px;
    font-size: 14px;
    text-align:center;
    text-decoration:none;
    width:147px;
    position: absolute;
    bottom: 10px;
    right:0;
    
}

a.buttonnaranja {
    width: 147px;
    font-size: 14px;
    text-align: center;
    height: 37px;
    background-image: url(../images/bg_button_naranja.png);
    display: block;
    float: right;
    line-height: 41px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    right:0;
}

.page .familia3 {
    margin-top: 30px;
    clear: both;
}

.page .familia3 .content {
    width: 850px;
    margin-bottom: 40px;
}

.page .familia3 .content .top {
    width: 850px;
    height: 5px;
    background-image: url(../images/bg_familia3_conetnt_top.png);
}
.page .familia3 .content .middle {
    padding: 20px 40px;
    /*height: 300px;*/
    background-image: url(../images/bg_familia3_conetnt_middle.png);
}
.page .familia3 .content .bottom {
    width: 850px;
    height: 5px;
    background-image: url(../images/bg_familia3_conetnt_bottom.png);
}
.page .familia3 .content .middle .productomini {
    float:left;
    margin-left:55px;
    min-height:100px;
    overflow:hidden;
    text-align:center;
    width:220px;
}

.page .familia3 .content .middle .productomini.first {
    margin-left: 0px;
}

.page .familia3 .content .middle h2 {
    background-color:#4367C4;
    color:#FFFFFF;
    font-size:12px;
    margin-top:15px;
    padding:5px;
}

.page .familia3 .content .middle h3 {
    font-size: 12px;
    font-weight: normal;
    color: #33537D;
}





.marcas {
    text-align: center;
    margin-bottom: 50px;
}


.marcas h2 {
    text-align: left;
}
.marcas img {
    margin: 0 40px;
}





.footer {
    padding-top: 30px;
    margin-top: 20px;
    height: 300px;
    background-image: url(../images/bg_footer.png);
}

.footer .content{
    width: 760px;
    margin: 0 auto;
    padding: 0 60px 0 30px;
}
.footer .content .parte {
    width: 760px;
    float: left;
    margin-bottom: 30px;
}

.footer .content .parte2 {
    width: 760px;
    float: left;
    
}

.footer .content h2{
    margin-bottom: 10px;
    font-size: 12px;
    color: #2167c2;
}

.footer .content p {
    margin-bottom: 30px;
    margin-left: 40px;
}

.footer .content ul {
    margin-left: 35px;
}

.footer .content ul li {
    float: left;
    display: inline;
}

.footer .content a {
    font-size: 12px;
    color: #2167c2;
    line-height: 18px;
    text-decoration: none;
    margin-left: 5px;
    display: block;
    float: left;
}

.succes {
    padding: 10px 20px;
    background-color: #c7f1be;
    border: 2px solid #5bb848;
    color: #17520b;
    font-size: 12px;
    font-weight: bold;
    width: 267px;
    text-align: center;
    float: right;
    margin-right: 195px;
}
.error {
    padding: 10px 20px;
    background-color: #f7a5a5;
    border: 2px solid #d54c4c;
    color: #712222;
    font-size: 12px;
    font-weight: bold;
    width: 300px;
    text-align: center;
    float: right;
    margin-right: 250px;
}

/* IE6 css fixer v0.6: Mon, 09 Nov 2009 19:24:38 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html .banderas,
* html .cabecera .contenido ul,
* html .cabecera .contenido ul li,
* html .page .titlecolor .middle,
* html .page .titlecolor.verde, * html .page .titlecolor.naranja, * html .page .familia1, * html .page .familia2,
* html a.buttonverde,
* html a.buttonnaranja,
* html .page .familia3 .content .middle .productomini,
* html .cabecera .contenido ul li .left, * html .cabecera .contenido ul li .right,
* html .cabecera .contenido ul li .middle, * html .cabecera .contenido ul li.selected .middle,
* html .page .titlecolor .left, * html .page .titlecolor .right {display:inline;}

/* convert min height values */
* html .page .familia3 .content .middle .productomini {height:100px;}