body {
    background: #ffffff url("../img/body.jpg") no-repeat center top; 
    font-family: helvetica, arial, sans-serif;
    color: #333333;
    font-size: 11px;
    line-height: 12px;
}
body > .wrap {
    width: 1063px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
}
body > .wrap > div {
    padding-left: 30px;
}

/*------------------------------------------------------------ 
                  estilos para cabecera 
------------------------------------------------------------*/
#header {
    width: 225px;
    position: absolute;
    left: 30px;
    top: 0;
}
#header > h1 {
    background:#ffffff;
}
#header > h1 > a {
    text-indent: -99999em;
    display: block;
    background: #ffffff url("../img/logo.jpg") no-repeat center center;
    width: 100%;
    height:90px;
}

/*----- menu home ------*/
#header {
    padding: 0;
    z-index: 5;
}
#header > ul {
    background: #ffffff;
}
#header > ul > li {
    position: relative;
}
/*----- menu home modelos ------*/
#header > ul.navegaHome {
    margin-bottom: 9px;
}
#header > ul.navegaHome > li {
    background: #ffffff  url("../img/gradient_li.jpg") repeat-y 0 0;
    border-bottom:1px solid #d9d9d9;
    border-top:1px solid #d9d9d9;
}
#header > ul.navegaHome > li+li {
    border-bottom:1px solid #d9d9d9;
    border-top:none;
}
#header > ul.navegaHome > li > a {
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li > a.despliega {
    background: transparent url("../img/arrow.png") no-repeat 210px 6px;
}
#header > ul.navegaHome > li > a:hover {
    color: #cc0000;
}
#header > ul.navegaHome > li > a.despliega:hover {
    color: #cc0000;
    background: transparent url("../img/arrow.png") no-repeat 210px -45px;
}
#header > ul.navegaHome > li#Boxster > a {
    background: #ffffff url("../img/menu.jpg") no-repeat 0 0;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 18px 20px 16px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li#Cayman > a {
    background: #ffffff url("../img/menu.jpg") no-repeat 0 -49px;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 18px 20px 16px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li#Nueveonce > a {
    background: #ffffff url("../img/menu.jpg") no-repeat 0 -97px;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 18px 20px 16px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li#Panamera > a {
    background: #ffffff url("../img/menu.jpg") no-repeat 0 -146px;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 18px 20px 16px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li#Cayenne > a {
    background: #ffffff url("../img/menu.jpg") no-repeat 0 -194px;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 18px 20px 16px;
    text-decoration: none;
    width: 185px;
}
#header > ul.navegaHome > li > ul {
    display: none;
    left: 225px;
    position: absolute;
    top: 0;
    width: 225px;
    margin-top: -1px;
}
#header > ul.navegaHome > li:hover > ul {
    display: block;
}
#header > ul.navegaHome > li > ul > li {
    background: url("../img/gradient_li.jpg") repeat-y scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
}
#header > ul.navegaHome > li > ul > li+li {
    border-top: none;
}
#header > ul.navegaHome > li > ul > li > a {
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
    font-weight: bold;
}
#header > ul.navegaHome > li#Boxster > ul > li > a, #header > ul.navegaHome > li#Cayman > ul > li > a, #header > ul.navegaHome > li#Nueveonce > ul > li > a, #header > ul.navegaHome > li#Panamera > ul > li > a, #header > ul.navegaHome > li#Cayenne > ul > li > a {
    background: url("../img/arrow.png") no-repeat scroll 210px 6px transparent;
}
#header > ul.navegaHome > li > ul > li:hover {
    background: #c62717; /* Old browsers */
    background: -moz-linear-gradient(top,  #c62717 0%, #c62717 38%, #a71500 62%, #a71500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62717), color-stop(38%,#c62717), color-stop(62%,#a71500), color-stop(100%,#a71500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62717', endColorstr='#a71500',GradientType=0 ); /* IE6-9 */
}
#header > ul.navegaHome > li > ul > li:hover > a {
    color: #ffffff;
}
#header > ul.navegaHome > li#Boxster > ul > li:hover > a, #header > ul.navegaHome > li#Cayman > ul > li:hover > a, #header > ul.navegaHome > li#Nueveonce > ul > li:hover > a, #header > ul.navegaHome > li#Panamera > ul > li:hover > a, #header > ul.navegaHome > li#Cayenne > ul > li:hover > a {
    color: #ffffff;
    background: url("../img/arrow.png") no-repeat scroll 210px -75px transparent;
}
#header > ul.navegaHome > li > ul > li > div {
    height: 440px;
    width: 570px;
    position: absolute;
    z-index: 10;
    left: 220px;
    top: 0;
    display: none;
    padding-left: 15px;
}
#header > ul.navegaHome > li > ul > li:hover > div {
    display: block;
}
#header > ul.navegaHome > li#Boxster > ul > li > div {
    top: -88px;
}
#header > ul.navegaHome > li#Cayman > ul > li > div {
    top: -134px;
}
#header > ul.navegaHome > li#Nueveonce > ul > li > div {
    top: -179px;
}
#header > ul.navegaHome > li#Panamera > ul > li > div {
    top: -224px;
}
#header > ul.navegaHome > li#Cayenne > ul > li > div {
    top: -271px;
}
#header > ul.navegaHome > li > ul > li > div > div {
    padding: 110px 10px 10px 10px;
    background:#ffffff;
    overflow: hidden;
}
#header > ul.navegaHome > li > ul > li > div > div > ul {
    float: right;
    width:185px;
    height: 100px;
    background: #366796;
    color: #ffffff;
    padding: 25px 25px
}
#header > ul.navegaHome > li > ul > li > div > div > ul > li > strong{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: block;
}
#header > ul.navegaHome > li > ul > li > div > div > ul > li > a {
    color:#ffffff;
    padding: 8px 0 8px 20px;
    display: block;
    background: url("../img/arrow.png") no-repeat scroll 5PX -73px transparent;
}
#header > ul.navegaHome > li > ul > li > div > div > ul > li > a:hover {
    text-decoration: underline
}
#header > ul.navegaHome > li > ul > li > div > div > p {
    background: none repeat scroll 0 0 #FAFAFA;
    clear: both;
    color: #333333;
    float: left;
    margin: 10px 0 0;
    padding: 20px;
    width: 260px;
}
#header > ul.navegaHome > li > ul > li > div > div > p > span {
    display: block;
    font-size:12px;
    line-height: 14px;
}
#header > ul.navegaHome > li > ul > li > div > div > p > span+span {
    margin-top: 10px;
}
#header > ul.navegaHome > li > ul > li > div > div > p > span > b {
    font-weight: bold;
    font-size: 13px;
}
#header > ul.navegaHome > li > ul > li > div > div > p > span > a {
    background: url("../img/arrow.png") no-repeat scroll 1px -1px transparent;
    color: #000000;
    display: -inline-block;
    padding: 0 10px 0 10px;
}
#header > ul.navegaHome > li > ul > li > div > div > p > span > a:hover {
    background: url("../img/arrow.png") no-repeat scroll 1px -52px transparent;
    color: #CC0000;
}
#header > ul.navegaHome > li > ul > li > div > div > p+ul {
    float: right;
    clear: right;
    color:#316799;
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ececec 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ececec 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ececec 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#header > ul.navegaHome > li > ul > li > div > div > p+ul > li > strong {
    color: #333333;
    border-bottom: 1px solid #ccc;
}
#header > ul.navegaHome > li > ul > li > div > div > p+ul > li > a {
    color: #316799;
    background: url("../img/arrow.png") no-repeat scroll 5px -101px transparent;
}
#header > ul.navegaHome > li#Boxster > ul > li > div > div {
    background: url("../img/fondo_01.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Boxster > ul > li+li > div > div {
    background: url("../img/fondo_02.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Cayman > ul > li > div > div {
    background: url("../img/fondo_03.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Cayman > ul > li+li > div > div {
    background: url("../img/fondo_04.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Nueveonce > ul > li > div > div {
    background: url("../img/fondo_05.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Nueveonce > ul > li+li > div > div {
    background: url("../img/fondo_06.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Panamera > ul > li > div > div {
    background: url("../img/fondo_07.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Panamera > ul > li+li > div > div {
    background: url("../img/fondo_08.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Cayenne > ul > li > div > div {
    background: url("../img/fondo_09.jpg") no-repeat scroll  0 0 #ffffff;
}
#header > ul.navegaHome > li#Cayenne > ul > li+li > div > div {
    background: url("../img/fondo_10.jpg") no-repeat scroll  0 0 #ffffff;
}

/*----- menu landing ------*/
#header > .navegaLanding {
    background: #eaeaea;
    border-bottom: 1px solid #d9d9d9;
    min-height: 340px;
}

#header > .navegaLanding > div {
    position: relative;
}
#header > .navegaLanding > div > ul{
    display: none;
    left: 225px;
    margin-top: 1px;
    position: absolute;
    top: 0;
    width: 225px;
}
#header > .navegaLanding > div:hover > ul{
    display: block;
}
#header > .navegaLanding > div > ul > li {
    background: url("../img/gradient_li.jpg") repeat-y scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
}
#header > .navegaLanding > div > ul > li > a {
    color: #333333;
    display: inline-block;
    font-weight: bold;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
}
#header > .navegaLanding > div > ul > li:hover {
    background: #c62717; /* Old browsers */
    background: -moz-linear-gradient(top,  #c62717 0%, #c62717 38%, #a71500 62%, #a71500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62717), color-stop(38%,#c62717), color-stop(62%,#a71500), color-stop(100%,#a71500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62717', endColorstr='#a71500',GradientType=0 ); /* IE6-9 */
}
#header > .navegaLanding > div > ul > li:hover > a {
    color: #ffffff;
}
#header > .navegaLanding > div > a {
    background: url("../img/arrow.png") no-repeat scroll 210px -75px #AB1600;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    color: #FFFFFF;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: 185px;
}

#header > .navegaLanding > div+div {
    background: url("../img/arrow.png") no-repeat scroll 6px -129px #ffffff;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
    border-top: 0;
    border-bottom: 1px solid #d9d9d9;
}
#header > .navegaLanding > div+div > a {
    color: #cc0000;
    background: none transparent;
    border-bottom: none;
    border-top: none;
    color: #333333;
    display: inline-block;
    height: auto;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

#header > .navegaLanding > p > a {
    color: #ffffff;
    text-transform: uppercase;
    background: url("../img/arrow.png") no-repeat scroll 210px -75px #AB1600;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    color: #FFFFFF;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
}
#header > .navegaLanding > p+p > a {
    color: #333333;
    text-transform: uppercase;
    background: url("../img/arrow.png") no-repeat scroll 5px -130px #FFFFFF;
    border-bottom: 1px dotted #D9D9D9;
    border-top: medium none;
    color: #CC0000;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
}
#header > .navegaLanding > p+p > a:hover {
    color: #cc0000;
}
#header > .navegaLanding > ul > li {
    padding: 6px 0 6px 0;
}

#header > .navegaLanding > ul > li > a {
    background: url("../img/arrow.png") no-repeat scroll 6px -145px transparent;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
}
#header > .navegaLanding > ul > li > ul > li {
    padding: 0 0 0 20px;
}
#header > .navegaLanding > ul > li > ul > li > a {
    color: #333333;
    display: inline-block;
    height: 11px;
    margin: 6px 0;
    text-decoration: none;
}
#header > .navegaLanding > ul > li > a:hover {
    background: url("../img/arrow.png") no-repeat scroll 6px -128px transparent;
}
#header > .navegaLanding > ul > li > a:hover, #header > .navegaLanding > ul > li > ul > li > a:hover {
    color: #cc0000;
}

/*----- menu navegacion ------*/
#header > .navegacion {
    background: #ffffff;
    border-bottom: 1px solid #d9d9d9;
    min-height: 210px;
}
#header > .navegacion > div {
   position:relative;
}
#header > .navegacion > div > a {
   color: #ffffff;
    text-transform: uppercase;
    background: url("../img/arrow.png") no-repeat scroll 210px -75px #AB1600;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    color: #FFFFFF;
    display: inline-block;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
}
#header > .navegacion > div > ul {
   display: none;
    left: 225px;
    margin-top: 1px;
    position: absolute;
    top: 0;
    width: 225px;
}
#header > .navegacion > div:hover > ul {
   display: block;
}
#header > .navegacion > div > ul > li {
   background: url("../img/gradient_li.jpg") repeat-y scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
}
#header > .navegacion > div > ul > li > a {
    color: #333333;
    display: inline-block;
    font-weight: bold;
    height: 11px;
    padding: 6px 20px;
    text-decoration: none;
    width: 185px;
}
#header > .navegacion > div > ul > li:hover {
   background: #c62717; /* Old browsers */
    background: -moz-linear-gradient(top,  #c62717 0%, #c62717 38%, #a71500 62%, #a71500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62717), color-stop(38%,#c62717), color-stop(62%,#a71500), color-stop(100%,#a71500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c62717 0%,#c62717 38%,#a71500 62%,#a71500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62717', endColorstr='#a71500',GradientType=0 ); /* IE6-9 */
}
#header > .navegacion > div > ul > li:hover > a {
    color: #ffffff;
}
#header > .navegacion > ul > li > a {
    background: url("../img/arrow.png") no-repeat scroll 5px -175px #FFFFFF;
    border-bottom: 1px dashed #D9D9D9;
    border-top: medium none;
    color: #333333;
    display: inline-block;
    height: 11px;
    padding: 6px 0 6px 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 210px;
}
#header > .navegacion > ul > li > ul > li {
    padding: 0 0 0 35px;
}
#header > .navegacion > ul > li > ul > li > a {
    color: #333333;
    display: inline-block;
    height: 11px;
    margin: 6px 0;
    text-decoration: none;
}
#header > .navegacion > ul > li > ul > li > a.actual {
    color: #cc0000;
    background: url("../img/arrow.png") no-repeat scroll 0px -53px #FFFFFF;
    padding-left: 8px;
    margin-left: -8px;
}
#header > .navegacion > ul > li > a:hover {
    background: url("../img/arrow.png") no-repeat scroll 6px -128px transparent;
}
#header > .navegacion > ul > li > a:hover, #header > .navegacion > ul > li > ul > li > a:hover {
    color: #cc0000;
}
#header > .navegacion > ul > li > a:hover {
    background: url("../img/arrow.png") no-repeat scroll 5px -47px #FFFFFF;
    color: #cc0000;
}
 #header > .navegacion > ul > li > a.actual {
    background: url("../img/arrow.png") no-repeat scroll 5px -130px #FFFFFF;
    color: #cc0000;
}
/*----- menu submenu azul ------*/

#header > ul.submenu {
    padding:30px 10px;
}
#header > ul.submenu > li {
    border: 1px solid #9bb5cd;
}
#header > ul.submenu > li+li {
    margin-top: 1px;
}
#header > ul.submenu > li > a {
    background: url("../img/arrow_submenu.png") no-repeat scroll 9px 2px #427BA8;
    color: #ffffff;
    display: inline-block;
    height: 11px;
    padding: 5px 32px;
    text-decoration: none;
    width: 139px;
}
#header > ul.submenu > li > a:hover {
    background: url("../img/arrow_submenu.png") no-repeat scroll 9px -21px #ffffff;
    color: #427aa8;
}
/*----- compartir ------*/
#header > p {
    background: url("../img/icon_socc.jpg") no-repeat scroll 5px 5px #FDFDFD;
    border: 1px solid #D9D9D9;
    display: block;
    height: 15px;
    line-height: 13px;
    margin: 20px 10px 10px;
    padding: 5px 0 4px 25px;
    width: 175px;
}
#header > p > span{
    display: inline-block;
    width: 60px;
    height: 14px;
    float: left;
}
#header > p > a{
    background: url("../img/icon_twt.jpg") no-repeat scroll 0 0 #ffffff;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 9px;
    text-indent:-999999px;
    font-size: 1px;
    float: right;
}
#header > p > a+a {
    background: url("../img/icon_fc.jpg") no-repeat scroll 0 0 #ffffff;
    margin: 0px;
}
/*------------------------------------------------------------  
                 estilos para contenido
------------------------------------------------------------*/
#content {
    padding: 0;
}
#content > div {
    background: url("../img/degradado_contenido.jpg") no-repeat scroll -9px 0 #ffffff;
    padding-left: 255px;
}
#content > div > div {
    background: #ffffff;
    background: url("../img/sombra_contenido.jpg") no-repeat scroll 0 0 #ffffff;
}
/*------------------------------------------------------------  
                   estilos para pie
------------------------------------------------------------*/
#footer {
    background: none repeat scroll 0 0 #F7F7F7;
    clear: both;
    margin-top: 20px;
    padding: 0 0 20px;
}
#footer > span {
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #eaeeed 22%, #eaeeed 78%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(22%,#eaeeed), color-stop(78%,#eaeeed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#eaeeed 22%,#eaeeed 78%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#eaeeed 22%,#eaeeed 78%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#eaeeed 22%,#eaeeed 78%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#eaeeed 22%,#eaeeed 78%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    margin:0 0 15px 0;

}
#footer > div > div {
    float: left;
}
#footer > div > div > ul {
    display: block;
    float: none;
    max-width: 200px;
    min-width: 175px;
    padding: 5px 10px;
}
#footer > div > .twin > ul {
    max-width: 305px;
}
#footer > div > div.twin > ul > li + li {
    float: left;
    width: 150px;
}
#footer > div > .twin+.twin > ul {
    max-width: 345px;
    padding: 5px 0;
}
#footer > div > div.twin+.twin > ul > li + li {
    float: left;
    width: 170px;
}
#footer > div > div > ul > li > a {
    display: inline-block;
    color: #666666;
    text-decoration: none;
    margin: 3px 0;
}
#footer > div > div > ul > li > strong {
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    margin: 0 0 8px 0;
}
#footer > div + div > ul {
    clear: both;
    display: block;
    float: none;
    width: auto;
    text-align: center;
    padding-top: 15px;
}
#footer > div + div > ul > li {
    display: inline;
    color: #666666;
}
#footer > div + div > ul > li > a {
    display: inline-block;
    color: #666666;
    padding: 0 10px 0 0;
    border-right: 1px solid #666666;
}
#footer > div + div > ul > li+li {
    padding: 0 0 0 10px;
}
#footer > div + div > ul > li+li > a {
    display: inline-block;
    color: #666666;
}
#footer a:hover{
    color: #cc0000;
}


*:focus {
    outline: none;
}

button::-moz-focus-inner {
    border: 0;
}

button {
    width: auto;
    overflow: visible;
    margin: 0;
}

/* comunes formularios */

.error > label {
    color: #cc0000 !important;
}
.error > input[type="text"] {
    border: 1px solid #cc0000 !important;
}
.error > textarea {
    border: 1xp solid #cc0000 !important;
}


/* estilos específicos para las cookies */
#cookie {
    background-color: #3E4146;
    color: #FFFFFF;
    display: block;
    left: 255px;
    padding: 5px 5px 15px 30px;
    position: absolute;
    top: 180px;
    width: 430px;
    z-index: 22;
}
#cookie > p {
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 14px 0 0;
    width: 390px;
}
#cookie > p > a {
    color: #FFFFFF;
    text-decoration: underline;
}
#cookie > p > a:hover {
    color: #CC0000;
    text-decoration: none;
}
#cookie > a {
    background: url("../img/close_cookies.png") no-repeat scroll center center transparent;
    border-radius: 3px;
    display: block;
    float: right;
    height: 35px;
    width: 35px;
}
#cookie > a:hover {
    background: url("../img/close_cookies.png") no-repeat scroll center center #CC0000;
    cursor: pointer;
    transition: background-color 0.24s ease 0s;
}