/* Hoja de Estilos principal */

/****/
/* Bloques estructurales de la página */
/****/

body {
  margin : 0;
  padding : 0px;
  background : #F7F7F7;
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.8em;
  color : #000;
}

#wrapper {
  padding : 0;
  margin : 0px auto;
  border : none;
  width : 760px;
  text-align : left;
}

#headder {
  height : 66px; /* 70px - 4px padding-top */
  width : 744px; /* 760px - 16px sombras laterales */
  background : transparent url(../img/bg01.gif) top left no-repeat;
  padding-top : 4px;
  margin : 0 8px 0 8px;
}

#headder #headder-logo {
  float : left;
  width : 257px;
  height : 64px; /* 66px - 2px border-top */
  border-top : #E2E30D solid 2px;
}

#headder-logo img {
  padding : 10px 0 0 10px;
}

#headder #headder-recursivo {
  float : left;
  width : 487px; /* 744px - 257px headder-logo */
  height : 66px;
}

#headder-recursivo img {
  display : block;
  float : left;
}

#headder-menu {
  width : 744px; /* 760px - 16px sombras laterales */
  height : 42px;
  background : transparent url(../img/sombra02.gif) bottom left no-repeat;
  padding : 0 7px 0 7px;
  margin-left : 2px; /* Para ajustar las sombras */
}

body[id="cuerpo"] #headder-menu {
  margin-left : 1px; /* Para ajustar las sombras */
}

#headder-menu ul#menu {
  display : block;
  float : left;
  width : 100%;
  height : 100%;
  padding : 0;
  margin : 0;
  list-style : none;
}

ul#menu li {
  display : block;
  float : left;
  padding : 0;
  margin : 0;
}

#container-content {
  float : left;
  width : 742px; /* 760px - 16px sombras laterales - 2px ajuste */
  height : 100%;
  text-align : justify;
  background : transparent url(../img/sombra01.gif) top left repeat-y;
  padding : 0 8px 0 8px;
  margin-left : 1px; /* Para ajustar las sombras */
}

#container-content #home-flash {
  width : auto;
  height : 250px;
  /* border-top : #FFFF0F solid 5px; */
  background : #000;
}

#container-content #content-flash {
  width : auto;
  height : 100px;
  /* border-top : #FFFF0F solid 5px; */
  background : #000;
}

#container-content-gestion {
}

#container-content #content, #container-content #content-home, #container-content #content-form {
  float : left;
  width : 742px;
  height : 100%;
  background : #FFF url(../img/bg09.gif) top left no-repeat;
}

#container-content #content-home {
  background : #FFF url(../img/bg12.gif) top left no-repeat;
}

#container-content #content-form {
  background : #FFF url(../img/bg18.gif) top left no-repeat;
}

#content #content-content, #content-home #content-content, #content-form #content-content {
  width : auto;
  height : 160px;
  border-right : #000 solid 8px;
  border-left : #000 solid 8px;
}

#content #content-content, #content-form #content-content {
  float : left;
  width : 726px;
  height : 100%;
}

#content-content #content-left {
  float: left;
  width : 343px; /* 742px - 16px bordes / 2  - 20px padding */
  height : auto;
  padding : 0 10px 10px 10px;
  text-align : center;
}

#content-content #content-right {
  float : left;
  width : 343px; /* 742px - 16px bordes / 2  - 20px padding */
  height : auto;
  padding : 0 10px 10px 10px;
  text-align : center;
}

#content-content #content-left-form {
  float: left;
  width : 236px; /* 742px - 16px bordes / 2  - 20px padding (1/3) */
  height : auto;
  padding : 0 10px 10px 10px;
  text-align : center;
}

#content-left-form img {
  padding-bottom : 28px;
}

#content-content #content-right-form {
  float : left;
  width : 450px; /* 742px - 16px bordes / 2  - 20px padding (2/3) */
  height : auto;
  padding : 0 10px 10px 10px;
}

#content-content #content-noticias {
  float : left;
  width : 65%;
  height : auto;
  background : transparent;
  margin-top : 10px;
}

#content-content #content-medioamb {
  float : left;
  width : 35%;
  height : auto;
  background : transparent;
  margin-top : 10px;
}

#content-medioamb #noticias, #content-noticias #noticias {
  width : auto;
  height : 98px;
  background : #FFF;
  margin : 0 10px 0 10px;
  border-bottom : 1px solid #000;
  border-left : 1px solid #CCC;
  border-right : 1px solid #CCC;
  padding-top : 5px;
}

#content-medioamb #noticias {
  text-align : center;
  word-spacing : 8px;
}

#content-popup-img-vertical {
  padding : 0;
  margin : 0;
  width : 560px;
  height : 520px;
  border-top : 10px solid #F31230;
  border-bottom : 10px solid #FFFF0F;
}

#content-popup-img-horizontal {
  padding : 0;
  margin : 0;
  width : 520px;
  height : 460px;
  border-top : 10px solid #F31230;
}

#div_deporte {
  width : 450px;
  height : 260px;
  background : #FFF url(../img/bg23.jpg) bottom center no-repeat;
}

#div_premios {
  padding-top : 110px;
  width : 450px;
  background : #FFF url(../img/bg24.jpg) top center no-repeat;
}

#popup-text-vertical {
  float : left;
  width : 150px;
  height : 450px;
  padding : 70px 10px 0 10px;
  background : #000 url(../img/logopopup.gif) 8px 10px no-repeat;
}

#popup-text-horizontal {
  float : left;
  width : 335px;
  height : 50px;  
  padding : 10px 10px 10px 175px;
  background : #000 url(../img/logopopup.gif) 8px 10px no-repeat;  
  border-top : 10px solid #FFFF0F;
}

#popup-foto-vertical {
  float : left;
  width : 390px;
  height : 520px;
}

#popup-foto-horizontal {
  float : left;
  width : 520px;
  height : 390px;
}

#popup-foto-vertical img {
  float : left;
  width : 390px;
  height : 520px;
}

#popup-foto-horizontal img {
  float : left;
  width : 520px;
  height : 390px;
}


#footer-popup-img-horizontal {
  float : left;
  width : 520px;
  height: 60px;
  border-top : 10px solid #FFF0F;
}

#footer, #footer-home, #footer-form {
  float : left;
  width : 751px; /* 760px - 1px margin - 8px padding */
  height : 25px;
  background : transparent url(../img/bg08.gif) top left no-repeat;
  margin-left : 1px; /* Para ajustar las sombras */
  padding : 0 8px 0 0;
  color : #ACACAC;
  text-align : right;
  font-size : 10px;
}

#footer, #footer-form{
  margin-bottom : 50px;
}

#footer-home {
  height : 25px;
  background : transparent url(../img/bg17.gif) top left no-repeat;
}

#footer-form {
  height : 25px;
  background : transparent url(../img/bg19.gif) top left no-repeat;
}

#footer img, #footer-home img, #footer-form img {
  float : right;
  margin-left : 15px;
  padding-top : 32px;
  cursor : pointer;
}

#footer-home img {
  padding-top : 28px;
}

#footer p, #footer-home p, #footer-form p {
  margin : 0;
  height : 20px;
  float : right;
  padding-top : 34px;
  font-size : 1em;
  text-align : justify;
  background : transparent url(../img/bullet01.gif) bottom right no-repeat;
}

#footer-home p {
  padding-top : 31px;
}

#footer-home p.oyw, #footer p.oyw, #footer-form p.oyw {
  float : left;
  margin-left : 10px;
  background : none;
}

p.oyw a {
  text-decoration : underline !important;
  color : #666 !important;
  font-weight : normal;
}

p.oyw a:hover {
  color : #01B0F1 !important;
}

/****/
/* Bloques de contenido */
/****/

.span50 {
  display : block;
  float : left;
  width : 50%;
  height : 100%;
}

/****/
/* Clases para tablas */
/****/

form table {
  width : 100%;
}

form table tr {
  height : 25px;
}

form table tr th {
  width : 100%;
  height : 20px;
  padding : 6px 0 0 0;
  color : #FB1331;
  font-size : 13px;
  font-weight : bold;
  text-indent : 15px;
  text-align : left;
  background : #FFF url(../img/bg21.gif) bottom left no-repeat;
}

table#tabla_empresa {
  width : 100%;
  border : 1px solid #666666;
  margin : 5px 0 10px 0;
}

table#tabla_empresa tr {
  height : 20px;
}

table#tabla_empresa td {
  height : 20px;
  color : #666666;
  font-size : 12px;
  font-weight : bold;
  text-align : left;
  text-indent : 2px;
  background : #FFFFEE;
}

table#tabla_empresa td.td_right {
  text-indent : 2px;
  background : #F7F7F7;
}

/****/
/* Clases genericas */
/****/

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  clear : both;
}

#content-content h1 {
  color : #FFFF0F;
  font-size : 20px;
  font-weight : normal;
  line-height : 2.55;
  margin-left : 0px;
}

#content-content h2 {
  width : auto;
  height : 22px;
  font-size : 14px;
  color : #000;
  background: transparent url(../img/bg10.gif) bottom left repeat-x;
  margin : 5px 10px 0 10px;
}

#content-content h3 {
  width : auto;
  height : 15px;
  font-size : 11px;
  color : #000;
  text-align : right;
  line-height : 0.9;
  margin : 0 10px 0 10px;
  padding-right : 25px;
  background : transparent url(../img/bg11.gif) top right no-repeat;
  border-top : #FCFC0C 4px solid;
}

#content-left h1, #content-left-form h1 {
  width : 100%;
  /* margin-bottom: 5px; */
  height : 25px;
  line-height : 1.55;
  color : #000;
  font-size : 13px;
  font-weight : bold;
  text-indent : 15px;
  text-align : left;
  background : #FFF url(../img/bg22.gif) center left no-repeat;
}

p {
  font-size : 0.9em;
  margin : 0 0 15px 0;
  color : #666666;
  text-align : justify;
}

p.instala {
  width : 320px;
  float : left;
  margin : 0;
  padding : 0 10px 0 12px;
  background : #FFFFEE;
  border-left : dashed 1px #FF0000;
}

p.popup-img-vertical {
  font-size : 11px;
  color : #FFF;
  text-align : left;
}

p.popup-img-horizontal {
  font-size : 11px;
  color : #FFF;
  text-align : left;  
  border-left : 1px solid #FFF;
  padding-left : 15px;
  height : 40px;
}

#noticias p {
  display : block;
  font-size : 11px;
  margin : 0;
  padding : 0 10px 0 10px;
  margin-top : 3px;
  text-align : justify;
  word-spacing : 0;
}

hr {
  display : block;
  width : 100%;
  height : 2px;
  color : #000;
}

hr.logopopup {
  display : block;
  width : 100%;
  margin : 0 0 15px 0;
  height : 1px;
  border : none;
  border-bottom : 1px solid #FFF;
  color : #FFF;
}

#iframe-noticias-home {
  width : 100%;
  height : 98px;
  border : 0;
  margin : 0;
  padding : 0;
}

#iframe-gestion-home {
  width : 742px;
  height : 500px;
  border : 0;
  margin : 0;
  padding : 0;
  margin : 0 8px 0 8px;
}

#iframe-noticias-noticias {
  width : 100%;
  height : 260px;
  border : 0;
  margin : 0;
  padding : 0;
}
strong {
  color : #FB1331;
}

h1 strong {
  color : #FFF;
  font-weight : normal;
}

em {
  color : #FB1331;
}

form {
  height : auto;
  width : 402px;
  padding : 0 20px 0 20px;
  margin : 0;
  border-left : 1px solid #E1E1E1;
  border-right : 1px solid #E1E1E1;
  border-bottom : 1px solid #E1E1E1;
  background : #FFF url(../img/bg15.gif) bottom left repeat-x;
}

.formheadder {
  display : block;
  width : 444px;
  height : 24px;
  font-size : 0.9em;
  font-weight : bold;
  text-indent : 10px;
  line-height : 2.1;
  color : #FFF;
  background : #FFF url(../img/bg14.gif) top left no-repeat;
}

label {
  font-weight : bold;
  color : #666666;
  cursor : help;
  text-align : right;
  margin-right : 10px;
  font-size : 0.85em;
  line-height : 1.6;
}

.label-ob {
  font-weight : bold;
  color : #333333;
  cursor : help;
  text-align : right;
  margin-right : 10px;
  font-size : 0.85em;
  line-height : 1.6;
}
.inputtext, .inputtextsmall, .inputtext-ob, .inputtextsmall-ob {
  width : 75%;
  height : 15px;
  background : #FFF;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.85em;
  font-weight : normal;
  border : 1px solid #C6C6C6;
  color : #666666;
}

.inputtextsmall, .inputtextsmall-ob {
  width : 100px;
}

.inputtext-ob, .inputtextsmall-ob {
  border : 1px solid #666666;
  background : #FFF url(../img/bg20.gif) top left repeat-x;
}

.formbutton {
  width : 136px;
  height : 24px;
  border : none;
  border : hidden;
  margin : 5px 0 7px 0;
  font-family : Arial, Helvetica, sans-serif;
  background : url(../img/bg16.gif) bottom left no-repeat;
  color : #FFF;
  font-weight : bold;
  font-size : 11px;
  cursor : pointer;
}

body[id="cuerpo"] .formbutton {
  height : 26px;
}

textarea {
  width : 75%;
  height : 50px;
  background : #FFF;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 0.85em;
  font-weight : normal;
  border : 1px solid #C6C6C6;
  color : #666666;
}

img {
 border : 0;
}

.left {
  display : block;
  float : left;
}

.right {
  display : block;
  float : right;
}

.inline {
  display : inline;
}

.block {
  display : block;
}

#left {
  display : block;
  float : left;
}

#right {
  display : block;
  float : right;
}

.hidden {
  display : none;
}

#content-left ul, #content-right-form ul {
  clear : both;
  list-style-type : none;
  margin : 0;
  padding : 5px 0 5px 15px;
  background : #FFFFEE;
  border-bottom : dashed 1px #FF0000;
  border-left : dashed 1px #FF0000;
  text-align : left;
}

ul strong {
  font-size : 12px;
}

#content-left li, #content-right-form li {
  background : transparent url(../img/bullet05.gif) 0px 5px no-repeat;
  padding-left : 15px;
  text-align : left;
  font-size : 0.9em;
  color : #666666;  
}

/****/
/* Clases para los enlaces */
/****/

a {
  font-weight : bold;
  color : #000;
  text-decoration : none;
}

a:link, a:visited, a:active {
  color : #000;
  text-decoration : none;
}

a:hover {
  color : #FB1331;
}

ul#menu li a {
  display : block;
  float : left;
  width : 120px; /* 120px - 10px padding-left */
  height : 24px;
  margin : 0;
  padding-top : 18px;
  text-indent : 10px;
  color : #FFF;
  font-weight : bold;
  font-size : 13px;
  text-decoration : none;
}

ul#menu li a.item {
  background : transparent url(../img/bg02.gif) top left no-repeat;
}

ul#menu li a.itemsel, ul#menu li a.item:hover, ul#menu li a.item:active {
  background : transparent url(../img/bg05.gif) top left no-repeat;
}

ul#menu li a.iteminicio {
  width : 144px;
  background : transparent url(../img/bg04.gif) top left no-repeat;
}

ul#menu li a.iteminiciosel, ul#menu li a.iteminicio:hover, ul#menu li a.iteminicio:active {
  width : 144px;
  background : transparent url(../img/bg06.gif) top left no-repeat;
}

ul#menu li a.itemfin {
  background : transparent url(../img/bg03.gif) top left no-repeat;
}

ul#menu li a.itemfinsel, ul#menu li a.itemfin:hover, ul#menu li a.itemfin:active {
  background : transparent url(../img/bg07.gif) top left no-repeat;
}

#content-left a, #content-left a.a_instalaciones, #content-left-form a.a_noticias, #content-left-form a.a_noticias_sel {
  float : right;
  margin : 0;
  color : #FB1331;
  font-weight : bold;
  font-size : 11px;
}

#content-left-form a.a_noticias {
  margin-bottom : 10px;
  padding : 2px 0 2px 0;
}

#content-left-form a.a_noticias_sel {
  width : 100%;
  display : block;
  text-align : right;
  margin : 0 0 10px 0;
  background : #DDD url(../img/bg25.gif) center left no-repeat;
  padding : 2px 0 2px 0;
}

#content-left-form a.a_noticias img, #content-left-form a.a_noticias_sel img {
  padding : 0;
}

#content-left a.a_instalaciones strong {
  color : #000000;
}

#content-left a.a_instalaciones {
  float : left;
  text-align : left;
  width : 100%;
  margin-top : 10px;
  font-size : 12px;
  background : #F7F7F7;
}

#content-left a:hover, #content-left-form a:hover {
  color : #000;
}

a.a_llegar {
  height : 15px;
  text-indent : 30px;
  line-height : 1.5;
  background : #FFF url(../img/bullet06_off.gif) center left no-repeat;
}

a.a_imprimir {
 float : right;
 margin : 5px 5px 0 0;
 padding-left: 20px;
 font-weight : bold;
 background : #FFF url(../img/bg26.gif) center left no-repeat;
 color : #FB1331;
 font-size : 11px;
}

a.a_imprimir:hover {
  color : #000;
}

a.a_llegar:hover {
  background : #FFF url(../img/bullet06.gif) center left no-repeat;
}

a.a_3d {
  height : 25px;
  text-indent : 30px;
  line-height : 2.1;
  background : transparent url(../img/bullet07_off.gif) center left no-repeat;
}

a.a_3d:hover {
  background : transparent url(../img/bullet07.gif) center left no-repeat;
}