/*
Hoja de estilos "OBRA" web adolfo garcia-ortega
v 1.0
28 diciembre 2007
*/
body {
background: url(../img/fondo_ie.jpg) repeat-y center top;
}
#contentPrimera {
float: right;
margin: 60px 15px 0 0px;
width: 445px;
padding:0;
}


/*
**
**SUBMENU DENTRO DE SECCIżN
**
*/

#submenucont {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 5px 0 5px 0;
margin: 0 0  30px 0;
}

#submenuTitle{
padding: 5px 0;
margin-bottom: 10px;
}

#submenuA {
width: 200px;
float: left;
}

#submenuA {
width: 200px;
float: left;
}

#textoTrad {
float: left;
}
#submenucont ul {
list-style-type: none;
padding: 0;
margin: 5px 0 5px 0;
}

#submenucont p {
margin: 0;
font-weight: bold;
color: #000;
text-indent: 0;
line-height: 20px;
height: 1%;
}

#submenucont li{
line-height: 20px;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 11.5px;
border-bottom: 0;
color: #000;
text-indent: 8px;
padding: 0px;
margin: 0;
height: 1%;
}

#submenucont li.aqui{
line-height: 1.4em;
font-weight: bold;
color: #fa0;
text-indent: 10px;
background:  url(../img/submenu_hover.gif) no-repeat left -18px; 
border-top: 1px solid #fa0;
border-bottom: 1px solid #fa0;
height: 1%;
padding: 4px 0;
margin: 4px 0 ;
}

#submenucont li.ultimo {
border: 0;
text-indent: 8px;
padding: 0px 0 0px 0;
}
#submenucont  li.aquiultimo {
text-indent: 10px;
background:  url(../img/submenu_hover.gif) no-repeat left -18px; 
border-top: 1px solid #fa0;
border-bottom: 1px solid #fa0;
padding: 0px 0;
margin: 3px 0 30px 0;
}



#submenucont a:link , a:visited{
       display: block;
       background:  url(../img/submenu_hover.gif) no-repeat 10000px 0;
       text-decoration: none;
       color: #000;   
}

#submenucont a:hover, a:active{
background:  url(../img/submenu_hover.gif) no-repeat left 0;
text-decoration: none;
color: #000;   
}

/*
**
*******************
*******************
**
*/
h6 {
text-align: center;
margin: 1em 0 ;
color: #fa0;
}

p.contextos {
text-indent: 0;
padding: 0 5em;
font-style: italic;
}

p.contextos .mantra {
font-weight: bold;
font-style: normal;
display: block;
text-align: center;
padding: 0;
margin: 1em 0 0 0;

}

ol.consejos {
text-indent: 0;
padding: 0 0em;
list-style-type: none;
}

ol.consejos li {
font-size: 0.7em;
font-family: verdana,helvetica,arial,sans-serif;
list-style-type: none;
font-style: normal;
}

ol.consejos li strong {
color: #000;
background: #fa0;
font-weight: normal;
padding: 0px 4px 1px 4px;
}


p.numeros {
margin: 1em 0 2em 0;
text-indent:0;
font-style: normal;
font-size: 0.9em;
text-align: center;
}
p.abc {
line-height: 1em;
text-align: center;
margin: 1em 0 1em 0;
font-style: normal;
font-size: 4em;
font-weight: bold;
}

/****************************
******** FORMATIO DEL GUIżN ***
******************************/
#guion {
font-family: Verdana, Arial, Sans;
font-size: 12px;
line-height: 20px;
}

#guion h2 {
margin-top: 30px;
margin-bottom: 5px;
}
#guion h3 {
margin-top: 30px;
margin-bottom: 5px;
border: 0;
font-weight: bold;
color: #666;
font-style: italic;
}

#guion ul {
font-size: 11px;
list-style-type: none;
}

#guion ul li strong {
font-weight: bold;
color: #fa0;
}
#guion ul li.expand {
padding: 0 0 0 50px;
}

#guion ul li ul.credit em {
font-style: italic;
font-weight: normal;

}

#guion p.first strong {
font-weight: normal;
font-family: Georgia, Times, serif;
font-variant: small-caps;
letter-spacing: 2px;
}

#guion p.descripcion {
text-indent: 0;
line-height: 20px;
font-family: Georgia, Times, serif;
font-style: italic;
color: #666;
margin: 20px 0;
}

#guion p.dialogo {
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 0 30px 15px 95px;
}

#guion p.dialogo strong {
display: block;
margin-left: -55px;
float: left;
font-weight: normal;
font-family: Georgia, Times, serif;
font-variant: small-caps;
letter-spacing: 2px;
color: #fa0;
}

#guion p.fin {
margin: 30px 0 0 0;
padding: 20px;
border-top: 1px dashed #666;
font-size: 40px;
text-align: center;
font-weight: normal;
font-family: Georgia, Times, serif;
letter-spacing: 2px;
}