/* CSS Document */

.blanco {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;

}
.naranja {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FF9900;
font-weight:bold;

}

.titulo {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#024362;


}

.boton {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
font-weight:bold;

}
.texto{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;

}

.texto2{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-style:italic;
line-height::12px;


}


.destacado{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666666;

line-height:20px;

}

a.submenu2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
text-decoration:none;

}
a:visited.submenu2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;

font-weight:bold;
text-decoration:none;
}
a:hover.submenu2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ff9900;
font-weight:bold;

text-decoration:none;
}

a.submenu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
font-weight:bold;

text-decoration:none;
}
a:visited.submenu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
font-weight:bold;

text-decoration:none;
}
a:hover.submenu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff9900;


text-decoration:none;
}

a.botonnaranja{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff9900;
font-weight:bold;

text-decoration:none;
}
a:visited.botonnaranja{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff9900;
font-weight:bold;

text-decoration:none;
}
a:hover.botonnaranja{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff9900;


text-decoration:none;
}

a.pie{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}
a:visited.pie{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}
a:hover.pie{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:white;
text-decoration:none;
}

.style1 {font-size: 14px}
.style4 {font-size: 14px; }
.style5 {color: #FF9900}
.style6 {font-size: 14px; color: #FF9900; }


#contenedor{
width:203px;
margin:auto;
margin-top:12px;
text-align:left;}

.arriba{
height:6px;
background-image:url('../images/top.jpg');
background-repeat:no-repeat;
background-position:top center;}

.abajo{
height:6px;
background-image:url('../images/bottom.jpg');
background-repeat:no-repeat;
background-position:bottom center;}

.centro{
background-color:#FFFFFF;
background-image:url('../images/midlle.jpg');
background-repeat:repeat-y;
background-position:center center;}

.parrafo{
padding-left:5%;
padding-right:5%;}


#sombra {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(../images/css-efecto-sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
margin-bottom:10px;
} 

#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC /*Creamos un marco para acentuar el efecto */;

}