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

.clearer
{
clear: both;
display: block;
height: 1px;
margin-bottom: -1px;
font-size: 1px;
line-height: 1px;
}

img{
border:0px;
}

a{
text-decoration:none;
}

a:hover{
}

/*BEGIN HEADER*/


.fondoClaro{
    background: #5D3689;
}
.fondoOscuro{
    background: #84DADE;
}


#lema{
    color: #fff;
}


#idiomas{
    background: #5D3689;
    color: #fff;
    line-height: 40px;
}


#idiomas ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#idiomas li {
    display: inline;
    list-style-type: none;
}

#idiomas li.separador::after {
    content: ".";
    font-weight:bold;
    padding:0;
    margin: 0 0px 0 3px;
    color: #fff;
    position: relative;
    top: -2px;
}

#idiomas a{
    color:#fff;
}

#socialIcons {
float:right;
line-height:32px;
padding:10px 0 0 0;
width:250px;
}


#socialIcons ul{
float:right;
display:block;
margin:0 0 0 10px;
}


#socialIcons li{
list-style: none;
float:left;
padding:0 0 0 6px;
display:inline;

}


#socialIcons a{
    display:block;
    width:32px;
    height:32px;
    background: url(../img/bullets/iconossociales.png) no-repeat
}

#socialIcons a.blinkedin{background-position: 0px -32px;}
#socialIcons a.bpinterest{background-position: -32px -32px;}
#socialIcons a.btwitter{background-position: -64px -32px;}
#socialIcons a.byahoo{background-position: -96px -32px;}
#socialIcons a.bfacebook{background-position: -128px -32px;}

#socialIcons a.blinkedin:hover{background-position: 0px 0px;}
#socialIcons a.bpinterest:hover{background-position: -32px 0px;}
#socialIcons a.btwitter:hover{background-position: -64px 0px;}
#socialIcons a.byahoo:hover{background-position: -96px 0px;}
#socialIcons a.bfacebook:hover{background-position: -128px 0px;}



#menuSup {
    z-index:10;
    padding:0;
}

ul.menuSup {
    list-style-type: none;
    padding: 0px;
}

.menuSup > li {
    display: inline-block;
}

.menuSup li
{
    list-style-type: none;
}

.menuSup li:hover > ul
{
    display: block;
}

.menuSup ul.parentHover
{
    display: block;
}

.menuSup ul ul
{
    margin-top: -2px;
    left: 99%;
}

.menuSup li:hover ul a, .submenuli ul a
{
    color:#fff;
    height:auto;
    padding:4px 10px 3px 15px;
    display:block;
    border:none;
    text-align: left;
}

.submenuli:hover a.last{
    border-bottom:none;
}

.submenuli li{
_padding:0;
margin:0;
height:auto;
padding:0;
}

.menuSup span
{
    display: block;
}
.endmenu
{
    clear: left;
}

#menuSup .submenuli a.others{
    right:0;
    text-align:center;
    background:none;
}

#menuSup .submenuli a.others span{
    display:block;
    padding-left:0;
}


/*END HEADER*/


/*BEGIN CONTENT*/

#overDiv table table td{
padding:5px;
}

.productos .titulo{
    height:30px;
    margin:0 0 40px 0;
}

.right{
    margin-right:0;
}

.producto .subtitulo {
    font-weight: 300;
    color:#fff;
    font-size: 30px;
    margin: 20px 0;
}

.producto .imagen{
    display:block;
    margin:5px auto 5px auto;
    border-bottom:4px solid #fff;
}


.producto .datos{
    text-align:center;
}

.producto .datos p{
    color: #13235b;
    padding:0 0 10px 0;
}
.producto .datos p a{
    color: #0a71ac;
    border:none;
}

.producto .verFicha {
    font-size: 18px;
    padding: 12px 0px;
    display: block;
    border-top: 1px solid;
    color: #333;
    font-weight: 300;
}

/*END CONTENT*/

/* The CSS that's required to position the footer */

html{
height: 100%;
}

body{
height: 100%;
}

#nonFooter{
position: relative;
min-height: 100%;
margin-top: 40px;
}

* html #nonFooter{
height: 100%;
}