/* ----- ELEMENTOS BÁSICOS --------------------------------------------------- */
body {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    border: 0px;
    padding: 0px;
    margin: 0px;
    color: #707070; /*	text-align: center;	*/
}

a {
    color: #40A1DD;
    text-decoration: none;
    border-bottom: none;
}

a:hover {
    color: #00209F;
    text-decoration: none;
    border-bottom: none;
    background-color: #BFE0F3;
}

p {
    text-align: justify;
}

input, textarea, select {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 11px;*/
    color: #707070;
    vertical-align: middle;
}

form {
    margin: 0px;
    padding: 0px;
}

img {
    vertical-align: middle;
    border: none;
    behavior: url(iepngfix.htc);
}

/* ----- ID --------------------------------------------------- */
#container {
    position: relative;
    width: 95%;
    margin: auto;
}

#menusup {
/*border: 1px solid #000000;*/
    position: relative;
    top: 73px;
    right: 47px;
    text-align: right;
}

#top {
    position: relative;
    width: 100%;
    clear: both;
    background: url(imagenes/topcenter01.jpg) repeat-x top left;
    overflow: hidden;
    margin-bottom: 10px;
}

#top01, #top02 {
    position: relative;
    clear: both; /*border: 1px solid red;*/
    width: 100%;
}

#top0101 {
    position: relative;
    float: left;
    width: 225px;
    height: 98px;
    background-color: #fff;
}

#top0102 {
    position: relative;
    float: left;
    background: url(imagenes/topleft01.png) no-repeat top left;
    height: 98px;
    width: 510px;
}

#top0103 {
    position: relative;
    float: right;
    background: url(imagenes/topright01.png) no-repeat top right;
    width: 15px;
    height: 98px;
}

#top02 {
    position: relative;
    height: 60px;
    background-image: url(imagenes/menusup02b.jpg);
}

#top0201 {
    position: relative;
    float: left;
    width: 12px;
    height: 60px;
    background-image: url(imagenes/menusup01b.jpg);
}

#top0202 {
    position: relative;
    float: right;
    width: 12px;
    height: 60px;
    background-image: url(imagenes/menusup03b.jpg);
}

#top0203 {
    position: absolute;
    top: 6px;
    right: 12px;
}

#top0204 {
    position: absolute;
    top: 35px;
    right: 12px;
}

/* ----- OTROS ELEMENTOS --------------------------------------------------- */
.enana {
    font-size: 10px;
}

.marino {
    color: #707070;
    text-decoration: none;
}

.azul {
    color: #40A1DD;
    text-decoration: none;
}

.rojo {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #F0000F;
    text-decoration: none;
    line-height: 15px;
    text-align: left;
}

a.azul:hover {
    color: #00209F;
    text-decoration: none;
    background-color: #BFE0F3;
}

.padding_menusup {
    padding-left: 48px;
}

#menusup a {
    color: #FFFFFF;
}

.menu01 {
    font-family: Arial Narrow, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #707070;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    width: 190px;
}

.menu01 td {
    height: 22px;
}

.menu01a {
    background-image: url(imagenes/menu00.jpg);
    background-repeat: no-repeat;
}

.menu01b {
    background-image: url(imagenes/menu01.jpg);
    background-repeat: no-repeat;
    width: 168px;
    vertical-align: top;
    padding-top: 2px;
}

.menu01 a {
    color: #707070;
    text-decoration: none;
}

.menu01 a:hover {
    color: #00209F;
    text-decoration: none;
}

.capa_desplegable {
    border: 0px;
    height: 100px;
    text-align: right;
}

.capa_desplegable_simple {
    border: 0px;
    text-align: right;
}

.tit_sec {
    font-family: AvantGarde Md BT, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #707070;
    text-decoration: none;
}

.cuadro01 {
    background-image: url(imagenes/cuadro01.gif);
    width: 25px;
    height: 49px;
}

.cuadro02 {
    background: url(imagenes/cuadro02.gif) repeat-x top left;
}

.cuadro04 {
    background-image: url(imagenes/cuadro04.gif);
    width: 25px;
    height: 49px;
}

.cuadro05 {
    background: url(imagenes/cuadro05.gif) repeat-y top left;
    width: 25px;
}

.cuadro07 {
    background: url(imagenes/cuadro07.gif) repeat-y top left;
    width: 25px;
    height: 49px;
}

.cuadro08 {
    background-image: url(imagenes/cuadro08.gif);
    width: 25px;
    height: 49px;
}

.cuadro09 {
    background: url(imagenes/cuadro09.gif) repeat-x top left;
    height: 49px;
}

.cuadro10 {
    background: url(imagenes/cuadro10.gif) no-repeat bottom right;
    height: 49px;
}

.cuadro11 {
    background: url(imagenes/cuadro11.gif) repeat-x top left;
    height: 2px;
    font-size: 1px;
}

.cuadro11b {
    background: url(imagenes/cuadro11.gif) repeat-y top left;
    width: 2px;
    font-size: 1px;
}

.boton01 {
    font-family: Arial Narrow, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 11px;*/
    color: #40A1DD;
    font-weight: bold;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
    height: 19px;
}

.boton02 {
    background-image: url(imagenes/b_avanzar.jpg);
    background-color: transparent;
    border: none;
    width: 19px;
    height: 19px;
    cursor: pointer;
    vertical-align: middle;
}

#buscador02 a {
    background-color: #d2d2d2;
    text-decoration: none;
    color: #626262;
}

#buscador02 a:hover {
    background-color: #626262;
    text-decoration: none;
    color: #fff;
}

#buscador02 ul {
    list-style-type: square;
}

#buscador02 li {
    margin: 3px 0px;
}

#top02 a, #top02 span {
    margin-left: 15px;
}

.bgcolor01 {
    background-color: #e5e5e5;
}

.bgcolor02 {
    background-color: #f2f2f2;
}

/* ----- Menu Cabecera --------------------------------------------------- */
#topmenu {
    position: absolute;
    top: 69px;
    right: 20px;
    font-size: 0.9em;
    line-height: normal;
}

#topmenu ul {
    margin: 0;
    list-style: none;
}

#topmenu li {
    display: inline;
}

#topmenu a {
    float: left;
    background: url("imagenes/tableft01.png") no-repeat left top;
    margin: 0px 2px;
    padding: 0 0 0 13px;
    text-decoration: none;
}

/* especial para IE6 o anterior */
*html #topmenu a {
    background: url("imagenes/tableft01.gif") no-repeat left top;
}

/* fin del especial */

#topmenu a span {
    float: left;
    display: block;
    background: url("imagenes/tabright01.png") no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFF;
}

/* especial para IE6 o anterior */
*html #topmenu a span {
    background: url("imagenes/tabright01.gif") no-repeat right top;
}

/* fin del especial */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {
    float: none;
}

/* End IE5-Mac hack */
#topmenu a:hover span {
    color: #FFF;
}

#topmenu a:hover {
    background-position: 0% -52px;
}

#topmenu a:hover span {
    background-position: 100% -52px;
}

/* ----- Chapuza copiados de integra --------------------------------------------------- */
.textov {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    COLOR: #00899F;
    TEXT-DECORATION: none;
    text-align: right;

}

.espereEstile .dialogMiddleCenter {
    padding: 3px;
    background: white;
}

.popupEstile {
    padding: 3px;
    background: white;
}

.thumbnailEstile {
    padding: 8px;
    background: bisque;
}

.cuadradoVolver {
    border-top: 1px solid rgb(255, 255, 255);
    border-left: 1px solid rgb(255, 255, 255);
    padding-right: 5px;
    text-align: left;
}

.imagenVolver {
    vertical-align: middle;
    cursor: pointer;
}

.labelVolver {
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.thumbnailEstile {
	background-color: #f2f2f2;
}
.imagenVolver {
	float: left;
}
.labelVolver {
	float: left;
	margin: 2px 0 0 5px;
	color: #40A1DD;
}

.cuadro01a {
	background-image: url(imagenes/cuadro01a.gif);
	width: 25px;
	height: 49px;
}
.cuadro02a {
	background: url(imagenes/cuadro02a.gif) repeat-x top left;
}
.cuadro04a {
	background-image: url(imagenes/cuadro04a.gif);
	width: 25px;
	height: 49px;
}
.cuadro05a {
	background: url(imagenes/cuadro05a.gif) repeat-y top left;
	width: 25px;
}
.cuadro07a {
	background: url(imagenes/cuadro07a.gif) repeat-y top left;
	width: 25px;
	height: 49px;
}
.cuadro08a {
	background-image: url(imagenes/cuadro08a.gif);
	width: 25px;
	height: 49px;
}
.cuadro09a {
	background: url(imagenes/cuadro09a.gif) repeat-x top left;
	height: 49px;
}
.cuadro10a {
	background: url(imagenes/cuadro10a.gif) no-repeat bottom right;
	height: 49px;
}
.cuadro11a {
	background: url(imagenes/cuadro11a.gif) repeat-x top left;
	height: 2px;
	font-size: 1px;
}

/* ------   estrellas de votación   ----- */

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background: url("imagenes/estrellas.gif") left -1000em repeat-x;
}
.star-rating{
	position:relative;
	width:75px;
	height:15px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:15px;
	line-height:15px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}

/* ------   fin estrellas de votación   ----- */
