/**************************************/
/* REGLAS GENERALES EN ESTE PROYECTOS */
/**************************************/
/**************************************/


/********************/
/* ELEMENTOS VARIOS */
/********************/

#contentcenter h1 {
  font-family   : georgia, serif, Arial, Helvetica;
  font-size     : 20px;
  border-bottom : 2px solid #739ec1;
  color         : #666;
}

#contentcenter h2, .dialog h2 {
  padding-top   : 10px;
  font-size     : 16px;
  color         : #739ec1;
  border-bottom : 1px solid #cccccc;
}

#contentcenter h3, .dialog h3 {
  padding-top   : 10px;
  font-size     : 16px;
  color         : #739ec1;
  border-bottom : 1px solid #cccccc;
}

#contentcenter h4
{
  padding-top   : 14px;
  font-size     : 14px;
  font-weight:    bold;
  color         : #666666;
}

#contentcenter p, .dialog p {
  margin      : 15px 0;
  font-size   : 12px;
  color       : #474747;
  line-height : 17px;
  text-align  : justify;
}

#contentcenter ul, .dialog ul {
  margin           : 10px 0 10px 20px;
  list-style-image : url(../images/img_list.jpg);
  font-size        : 12px;
  line-height      : 17px;
  color            : #474747;
}

#contentcenter ul li, .dialog ul li {
  margin-bottom : 10px;
}

#contentcenter a, .dialog a {
  color : #739ec1;
}

#contentcenter a:hover, .dialog a:hover {
  color : #436f99;
}

#contentcenter strong, .dialog strong,  {
  font-weight : bold;
  color       : #739ec1;
}

input.button {
  cursor : pointer;
}



/************/
/* LISTADOS */
/************/
#contentcenter .listadosimple,
.dialog .listadosimple {
  float : left;
  width : 100%;
  text-align : left;
}

#contentcenter .listadosimple .separadorelementosimple,
.dialog .listadosimple .separadorelementosimple {
  float      : left;
  margin     : 0 2.5%;
  width      : 95%;
  border-top : 1px dotted #b0b0b0;
  background : none;
}

#contentcenter .listadosimple .elementosimple,
.dialog .listadosimple .elementosimple {
  float   : left;
  display : inline;
  margin  : 2.5%;
  width   : 95%;
}

#contentcenter .nostrong strong, .dialog .nostrong strong
{
color: #474747 !important;
}

#contentcenter .listadosimple .pocomargen
{
margin: 1% 2.5%;
}

#contentcenter #galeria
{
margin: 15px 0px;
}

#contentcenter #galeria img
{
width: 130px;
}

.contenido .galeria
{
margin: 15px 0px;
}

.contenido .galeria img
{
width: 130px;
}

#contentcenter .elementosimple .cajaimagen,
.dialog .elementosimple .cajaimagen
{
  float   : left;
  display : inline;
  margin  : 0 20px 0 0;
  width   : 140px;
  height: 100px;
  overflow: hidden;
}

#contentcenter .elementosimple .cajavideo, .dialog .elementosimple .cajavideo {
  display: inline;
  float: left;
  height: 233px;
  margin: 0 20px 0 0;
  overflow: hidden;
  width: 290px;
}



#contentcenter .elementosimple img,
.dialog .elementosimple img {
  width   : 140px;
}

#contentcenter .elementosimple .infoelemento,
.dialog .elementosimple .infoelemento {
  float     : left;
  width     : 75%;
}

#contentcenter .elementosimple .infoelemento.video_info, .dialog .elementosimple .infoelemento.video_info
{
  width: 375px;
}

.video_info .nostrong
{
  font-size: 12px;
}

#contentcenter .elementosimple .infoelemento img,
.dialog .elementosimple .infoelemento img {
  width   : auto;
}

#contentcenter .infoelemento h3,
.dialog .infoelemento h3 {
  padding : 0px;
  border  : none;
}

#contentcenter .infoelemento p,
.dialog p {
  margin      : 10px 0;
  line-height : 17px;
  font-size   : 12px;
}

#contentcenter .infoelemento strong,
.dialog .infoelemento strong, .infoelemento b, .sumarionoticia b {
  display     : block;
  margin      : 5px 0;
  font-size   : 12px;
  font-weight : normal;
  color       : #999;
}

#contentcenter .infoelemento a {
  margin      : 10px 0;
  line-height : 17px;
  font-size   : 12px;
}

#contentcenter .infoelemento .fecha {
  color: #999999;
}

#contentcenter div#destacado
{
background-color: #f4f4f4;
padding: 15px;
margin: 0px;
}

#contentcenter div#destacado .aviso
{
color: #999999;
font-size: 20px;
font-style: italic;
float: right;
}

#contentcenter .infoelemento .pocomargen
{
margin: 3px 0px 0px 0px;
}

#contentcenter .infoelemento p strong, .dialog .infoelemento p strong, .infoelemento b, .sumarionoticia b
{
color: #474747;
font-weight: bold;
}

/*******************/
/*   Buscadores    */
/*******************/

#buscador_documentos
{
border: 1px solid #EBEBEB;
background-color: #f4f4f4;
padding: 10px;
overflow: hidden;
font-size: 12px;
color: #676767;
}

#buscador_documentos .cajapequena
{
float: left;
width: 160px;
}

#buscador_documentos .cajapequena label
{
display: block;
}

#buscador_documentos .cajapequena input
{
display: block;
margin-top: 10px;
width: 130px;
border: 1px solid #d4d4d4;
height: 20px;
color: #c8c8c8;
}

#buscador_documentos .cajapequena input.date
{
display: inline;
width: 100px;
}

#buscador_documentos .cajapequena input#buttonfiltro_fecha
{
display: inline;
width: 22px;
margin: 0px 0px 0px 5px;
height: 26px;
vertical-align: bottom;
background-image: url(../images/imagen_calendario.jpg);
color: transparent;
}

#buscador_documentos .cajapequena input#buscar
{
display: inline;
height: 30px;
width: 80px;
margin-left: 15px;
margin-top: 0px;
border: none;
color: #ffffff;
background-image: url(../images/bg_submitlogin.jpg);
}

#buscador_documentos .cajamediana
{
float: left;
width: 320px;
}

#buscador_documentos .cajamediana label
{
display: block;
}

#buscador_documentos .cajamediana input
{
display: block;
margin-top: 10px;
width: 290px;
border: 1px solid #d4d4d4;
height: 20px;
color: #c8c8c8;
}

#buscador_documentos .cajagrande
{
float: left;
width: 380px;
}

#buscador_documentos .cajagrande label
{
display: block;
}

#buscador_documentos .cajagrande input
{
display: inline;
margin-top: 10px;
width: 275px;
border: 1px solid #d4d4d4;
height: 20px;
color: #c8c8c8;
}

#buscador_documentos .cajagrande select
{
display: inline;
margin-top: 10px;
width: 250px;
border: 1px solid #d4d4d4;
height: 22px;
color: #c8c8c8;
}

#buscador_documentos .cajagrande input#buscar
{
display: inline;
height: 30px;
width: 80px;
margin-left: 15px;
margin-top: 0px;
border: none;
color: #ffffff;
background-image: url(../images/bg_submitlogin.jpg);
}


/********************/
/* PROTOTYPE WINDOW */
/********************/
.dialog {
  text-align  : left;
  background  : #FFF;
  font-family : Arial, Helvetica, sans-serif;
}

.dialog .contenido_buttons .ok_button {
  display : none;
}

#ventana_contenido .contenido_buttons .cancel_button {
  position   : absolute;
  top        : 10px;
  right      : 15px;
  width      : 51px;
  height     : 11px;
  background : transparent url(../images/txt_cerrar.gif) left top no-repeat;
  border     : none;
  cursor     : pointer;
}



/******************/
/* CALENDARIO OYW */
/******************/

.calendario_oyw {
  padding : 5px;
}

.calendario_oyw a, .calendario_oyw a:hover, .calendario_oyw a:visited {
  text-decoration : none;
  color           : #ffffff;
}

.calendario_oyw .cambiomes {
  line-height      : 36px;
  background-color : #739ec1;
  text-align       : center;
  height           : 36px;
}

.calendario_oyw .cambiomes span {
  float       : left;
  width       : 125px;
  padding     : 0px 10px;
  font-size   : 12px;
  color       : #ffffff;
  font-weight : bold;
}

.calendario_oyw .cambiomes a.enlace {
  float      : left;
  color      : transparent;
  margin-top : 15px;
}

.calendario_oyw .cambiomes a#anterior {
  margin-left : 10px;
  background  : transparent url(../images/bg_flechaanterior.jpg) center center no-repeat;
}

.calendario_oyw .cambiomes a#siguiente {
  margin-right : 10px;
  background   : transparent url(../images/bg_flechasiguiente.jpg) center center no-repeat;
}

.calendario_oyw .divtabla {
  padding : 5px 0 20px 0;
}

.calendario_oyw table {
  width     : 100%;
  font-size : 11px;
}

.calendario_oyw tr {
  height : 25px;
}

.calendario_oyw td, .calendario_oyw th {
  padding        : 0px;
  text-align     : center;
  vertical-align : middle;
  border         : 1px solid #cdcdcd;
}

.calendario_oyw td.enlace {
  font-weight      : bold;
  background-color : #739ec1;
}

.calendario_oyw td.enlace a {
  display     : block;
  font-size   : 11px;
  font-weight : bold;
  line-height : 24px;
  height      : 24px;
}

.calendario_oyw span {
  color       : #999;
}

.calendario_oyw span#diahoy a, .calendario_oyw span#diahoy, .calendario_oyw a#calen_hoy {
  color       : #FFDA01;
  font-weight : bold;
}

.descargas
{
margin-bottom: 20px;
}

.descargas a
{
text-decoration: none;
}

.descargas a span
{
text-decoration: underline;
}

.articulo
{
margin-bottom: 20px;
}

.descargas img
{
margin-left: 5px;
}

/* Equipo oco */
table#equipo_oco th
{
font-weight: bold;
padding: 15px;
}

table#equipo_oco td img
{
vertical-align: text-top;
}

.nostrong
{
  font-size: 12px;
}

.texto_articulo iframe, .texto_articulo object
{
  padding-bottom: 20px;
  display: block;
}