body {
background:#FFFFFF url(backbott.jpg) top center repeat;
text-align:center;
margin:0 auto;
padding:0;
font-family:Garamond, serif;
font-size:100%;
width:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block; width:100%;background-color:#FFFFFF;
}
#titulos1 {
 display: block;
width:100%;
background:#000000 url(b3.jpg) top center repeat;
height:13em;
margin:0;
padding:0;
clear:right;
}
.titint {
width:980px;
height:10em;
text-align:center;
margin:0 auto;
padding:0;
}
#titulos1 h2.gon {
color:#C29A9A;
font-size:1em;
font-weight:400;
margin:0px;
padding:10px 0 0 5px;
text-align:left;
}
img.logo {
clear:right;
float:left;
margin:0.7em 1.2em 0 0em;
padding-bottom:3em;
border:none;
}

#video {float:right;height:163px;width:290px;margin:2.2% 2.2% 0 0%;padding:0;
 -moz-box-shadow:  3px 3px 15px 6px #000000;
  -webkit-box-shadow: 3px 3px 15px 6px #000000;
  box-shadow:3px 3px 15px 6px #000000; 
  -moz-border-radius:8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#data {color:#FFFFFF;float:left;margin:1.5em 0 0 0em;padding:0;font-size:1.1em;letter-spacing:0.1em;width:18em;text-align:left;}
.data {color:#FFFFFF;float:left;margin:0.5em 0 0 0em;padding:0;font-size:1.1em;letter-spacing:0.1em;width:19em;text-align:left;}
#titulares {
 float:left;width:38%;
 height:100%;
}


#titulos1 h1, #titulos1 h2 {
font-weight:600;
letter-spacing:0.1em;
text-align:left;
float:left;
}
#titulos1 h1 {
margin:10px 0px 0px 5px;
padding:0.5em 0 0 0;
font-size:1.52em;
width:auto;
}
#titulos1 h2 {
margin:5px 0px 0px 5px;
width:100%;
font-size:1.4em;
}
#titulos1 h1, h2.prod  { 
color:#F2F2F2;
font-weight:600;
font-variant: small-caps;
}

#titulos1 h1 a {text-decoration:none;color:#F2F2F2;padding-bottom:5px;} /*FFEC71*/
#titulos1 h1 a:link {text-decoration:none;color:#F2F2F2;}
#titulos1 h1 a:visited {text-decoration:none;color:#F2F2F2;}
#titulos1 h1 a:hover {text-decoration:none;color:#FFEC71;}
#titulos1 h1 a:active {text-decoration:none;color:#F2F2F2;}

#titulos1 h2.prod a {text-decoration:none;color:#F2F2F2;}
#titulos1 h2.prod a:link {text-decoration:none;color:#F2F2F2;}
#titulos1 h2.prod a:visited {text-decoration:none;color:#F2F2F2;}
#titulos1 h2.prod a:hover {text-decoration:none;color:#FFEC71;}
#titulos1 h2.prod a:active {text-decoration:none;color:#F2F2F2;}

#titulos1 h2.gon a {text-decoration:none;color:#FFEC71;}
#titulos1 h2.gon a:link {text-decoration:none;color:#FFEC71;}
#titulos1 h2.gon a:visited {text-decoration:none;color:#FFEC71;}
#titulos1 h2.gon a:hover {text-decoration:none;color:#F2F2F2;}
#titulos1 h2.gon a:active {text-decoration:none;color:#FFEC71;}

.mostrar {font-style:italic;}

a.link:link {color:#FFFFFF;text-decoration:none;}
a.link:visited {color:#FFFFFF;text-decoration:none;}
a.link:hover {color:#FFFFFF;text-decoration:underline;}
a.link:active {color:#FFFFFF;text-decoration:none;}

strong {font-weight:normal;}
strong.on {font-weight:600;}
strong.onwhite {font-weight:600;color:#FFFFFF;}
strong.color {font-weight:600;color:#414141;}
strong.lite  {font-weight:400;}
span.separador {color:#000000;}
span.invis {display:none;}
span.inv {display:none;}

span.color {color:#FFFFFF;}
#tel {
float:right;
text-align:right;
color:#FFFFFF;
clear:right;
font-size:1.2em;
letter-spacing:0.1em;
margin:0;
padding:0 5px 0 0;
}
#tel strong {font-size:0.8em;letter-spacing:2px;font-weight:400;}
#barra {
background:#FFFFFF;
margin:0 auto;
padding:1em 0 0 0;
width:100%;
height:42px;
font-size:1em;
text-align:center;
}
#barra ul {padding:0;width:970px;text-align:center;margin:0 auto;}
#barra ul li.skip {display:none;}
#barra ul li {
list-style-type: none;
padding: 0;
margin: 0;
height:35px;
display: block;
float: left;
background:#FFFFFF;
line-height:3.2em;
letter-spacing:0.1em;
}
#barra ul li.home {width:8em;margin-left:2.5%;}
#barra ul li.bio {width:6.5em;}
#barra ul li.servicios {width:10.5em;}
#barra ul li.musica {width:13.5em;}
#barra ul li.contacto {width:10.5em;}
#barra ul li.english {width:auto;}

#barra ul li.home a:hover {background: url(orange.gif) 0px 13px  no-repeat;}
#barra ul li.servicios a:hover {background: url(red.gif) 0px 13px  no-repeat;}
#barra ul li.musica a:hover {background: url(yellow.gif) 0px 13px  no-repeat;}
#barra ul li.bio a:hover {background: url(violet.gif) 0px 13px  no-repeat;}
#barra ul li.contacto a:hover {background: url(green.gif) 0px 13px  no-repeat;}
#barra ul li.english a:hover {background: url(orange.gif) 0px 13px  no-repeat;}

#barra ul li a {background: url(opac.gif) 0px 13px  no-repeat;
font-weight:400;height:38px;
text-align:left;
padding: 0 0 0 2em;
color:#000000;/*FFEC71*/
text-decoration: none;
display: block;
}
#barra a:hover { color:#000000; font-weight:400;}
#barra ul li#active a#current {color:#000000;font-weight:600;background: url(white.gif) 0px 13px  no-repeat;}
#barra li#active { color:#000000;}
 

  .iconsocialtop {border:none; margin-bottom:-5px;padding:0 3px 0 0.5em;}
 .iconsocial {border:none; margin-bottom:-5px;padding:0 3px 0 20px;}
 .rss {border:none; margin-bottom:-5px;padding:0 3px 0 20px;}
/*especifico*/

.si {
padding:3px;
color:#000000;
}
.si:link {text-decoration:underline;}
.si:visited {text-decoration:underline;}
.si:hover {text-decoration:none;}
.si:active {text-decoration:underline;}

.bottom {background:#000000 url("backbott.jpg") top center repeat;
border-top:1px solid #ccc;
margin:0 auto;
padding:0;
text-align:center;
float:left;
width:100%;
height:7.5em;
}
.bottom2 {
width:970px;
margin:0 auto;
text-align:center;
padding:1.5em 0 0 0;
color:#FFFFFF;
font-size:0.9em;
background:transparent;
}
.bot-left {
float:left;
width:45%;
}
.bot-left p {
background:transparent;
padding: 0;
width:100%;
margin:0 0 0.5em 0;
float:left;
text-align:left;
line-height:1.8em;
letter-spacing:1px;
color:#FFFFFF;
}
.bot-right {
float:right;
width:54%;
}
.final a {text-decoration:none;color:#999999;}
.final a:hover {text-decoration:underline;color:#FFFFFF;}
.final a:visited {color:#999999;}
.final a:active {text-decoration:none;color:#999999;}

.valid {border:0;
margin:0 0 -2px 15px;
}
.final { background:transparent;
padding: 0;
width:100%;
margin:0 0 0.5em 0;
float:right;
text-align:right;
line-height:1.8em;
letter-spacing:1px;
font-size:0.8em;
}
.final span {color:#212121;}