/* CSS Document */
@import url("reset.css");

body{
background: url(../images/body_bg.gif) repeat-y center top;
font-family: Arial, Verdana, sans-serif;
}

#wrap{
margin: 0 auto;
padding: 0;
width: 961px;
position: relative;
min-height: 100%;
background: url(../images/wrap_bg.gif) repeat-y center top;
}
/* Header */
#header  {
height:169px;
padding-top:20px;
position:relative;
width:960px;
}

#header h1 {
font-size:15px;
line-height:1px;
margin:0px;
text-indent:-9999px;
}

.logo{
float: left;
padding-left: 20px;
width: 282px;
height: 97px;
display: block;
}

.contact    {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:48px 0 0 14px;
width:624px;
  }

.contact li    {
  margin: 0;
  float: left;
  border-left: 1px solid #b3b3b3;
  height: 17px;
  padding: 0 10px;
  text-align: center
  }

.contact li a:link,
.contact li a:visited{
color:#000000;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:17px;
text-decoration:underline;
  }

.contact li a:hover{
color:#4C7070;
  }

.contact li p  {
  margin: 0;
  font: normal 22px/22px Arial, Helvetica, sans-serif;
  color: #999;
  letter-spacing: -1px;
  margin-top: -2px
  }

.searchArea    {
  float: left;
  height: 20px;
  width: 125px;
  background: url(../images/search_bg.gif) repeat-x left top;
  border: none;
  border-left: 1px solid #969696;
  padding: 6px 0 0 10px;
  font: normal 11px/12px Arial, Helvetica, sans-serif;
  color: #333
  }

.searchButton  {
  float: left;
  width: 26px;
  height: 26px;
  background: url(../images/search_button.gif) no-repeat left top;
  border: none;
  cursor: pointer
  }

/* Menu */
.topMenuWrap  {
background:#4C7070 none repeat scroll 0 0;
float:left;
height:53px;
margin-top:19px;
overflow:hidden;
padding:0 21px;
position:relative;
width:919px;
}

.topMenu    {
background:transparent url(../images/menu_dotter_separator.gif) repeat-x scroll left bottom;
float:left;
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
width:920px;
}

.topMenu li    { margin: 0; float: left; height: 30px; padding: 0; text-align: center; position: relative; cursor:pointer}
.topMenu li p  { margin: 0; background: url(../images/menu_dotter_separator2.gif) no-repeat right top;
          display: inline; float: left}
.topMenu li.active p
        { background: url(../images/menu_dotter_separator_active.gif) no-repeat right top }
.topMenu li p a:link,
.topMenu li p a:visited
        { background: url(../images/menu_arrow.gif) no-repeat 5px 8px; font: normal 14px/14px Arial, Helvetica, sans-serif; color: #fff;
          height: 29px; display: inline-block; padding: 0 13px 0 25px; line-height: 28px}
.topMenu li p a:hover
        { text-decoration: none}
.topMenu li.active
        { background: #94a9a9}
.topMenu li.active p a
        { background: url(../images/menu_arrow_active_left.gif) no-repeat 5px 8px !important}
.topMenu li.down p a
        { background: url(../images/menu_arrow_active.gif) no-repeat 5px 12px !important}
.topMenu li.active .topSubmenu
        { display: block}
.topSubmenu    { display: none; margin: 0; position: absolute; top: 30px; left: 0px; padding-left: 32px; list-style: none; height: 22px;
          overflow: hidden; width: 414px}
.topSubmenu .ultimo    { display: none; margin: 0; position: absolute; top: 30px; left: 0px; padding-left: 32px; list-style: none; height: 22px;
          overflow: hidden; width: 414px}

.topSubmenu li  { margin: 0; float: left; padding-right: 14px; padding-top: 4px}
.topSubmenu li a:link,
.topSubmenu li a:visited
        { float: left; font: normal 12px/14px Arial, Helvetica, sans-serif; color: #fff; display: inline; white-space: nowrap}
.topSubmenu li.active
        { background: none}
.topSubmenu li.active a
        { text-decoration: underline}
.topMenu .active{ font-weight: bold !important;}
.topSubmenu .active{ text-decoration: underline !important;}


/* Content */
#content    { width: 961px; overflow: hidden; }
.contentTopImg  { float: left; width: 961px; height: 388px; position: relative}
.page1      { background: url(../images/top_big_img.jpg) no-repeat center top}
.slogan      { position: absolute; top: 66px; right: 72px}
.caption    { position: absolute; top: 190px; right: 70px}

.page2      { background: url(../images/top_big_img2.jpg) no-repeat left top}
.page3      { background: url(../images/top_big_img3.jpg) no-repeat left top}


.locationPage  { float: left; height: 14px; width: 949px; margin: 0; list-style: none; padding-left: 13px; padding-bottom: 12px}
.locationPage li
        { float: left; margin: 0; padding-left: 8px; padding-right: 3px; background: url(../images/location_navi_separator.gif) no-repeat left 4px;}
.locationPage li p
        { margin: 0; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #999; }
.locationPage li a:link,
.locationPage li a:visited
        { float: left; font: normal 11px/14px Arial, Helvetica, sans-serif; color: #033}
/* Column */
.columsBoxWrap  {
float:left;
padding-bottom:43px;
padding-left:20px;
padding-right:20px;
width:921px;
}
#columsBox    { float: left;  width: 921px; background: url(../images/dotter_border.gif) repeat-y 299px top}
#columsBox p  { margin: 0; text-align: justify; padding-bottom: 12px; line-height:17px;}
.rightBorder  { background: url(../images/dotter_border.gif) repeat-y 620px top !important}
/* Left */
.column      { width: 280px; }
.left      { float: left; padding-right: 21px}
.title      { float: right; height: 40px; background: #e5eaeb; width: 269px; margin-bottom: 15px; padding-right: 11px}
.dark      { background: #002d36 !important}
.title h2    { width: 100%; height: 24px; padding-top: 8px; color: #333; background: url(../images/gray_dotter_border.gif) repeat-x left bottom; margin: 0}
.title h1    { line-height:10px;width: 100%; height: 24px; padding-top: 8px; color: #333; background: url(../images/gray_dotter_border.gif) repeat-x left bottom; margin: 0}

.title h2 span  { padding-left: 26px; background: url(../images/dark_arrow.gif) no-repeat 8px 6px}
.dark h2    { background: url(../images/dark_green_dotter_border.gif) repeat-x left bottom !important; color: #fff !important}
.dark h1 span  {
background:transparent url(../images/light_arrow.gif) no-repeat scroll 8px 6px !important;
color:#FFFFFF;
font-size:18px;
line-height:18px;
padding-left:26px;
}
.dark h2 span  {
background:transparent url(../images/light_arrow.gif) no-repeat scroll 8px 6px !important;
}
.videoBox    { float: left; width: 281px; padding-top: 5px}
.videoBox img  { float: left}
.bottomLink    { float: left; padding-top: 8px; background: url(../images/dotter_border.gif) repeat-x left top; width: 281px;
          text-align: right; margin-top: 21px; height: 32px; padding-bottom: 2px}
.bottomLink a:link,
.bottomLink a:visited
        {
color:#002D36;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:14px;
        }
/* Center  */
.centerRightBox  { float: left; background: url(../images/dotter_border.gif) repeat-y 316px top; overflow: hidden; width: 618px}
.center      { float: left; padding: 0 19px}
.listLink    { margin: 0; float: left; list-style: none; padding-left: 15px; padding-top: 14px; padding-bottom: 3px; padding:14px 15px 3px; width:250px;}
.listLink li  { float: left; margin: 0; width: 115px;padding-right:10px;}
.listLink li a:link,
.listLink li a:visited
        {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:14px;
                }
.center a:link,
.center a:visited
        { color: #002d36}
/* Right */
.right      { float: right}
.noticia    { margin: 0; float: left; list-style: none; width: 281px}
.noticia li    { float: left; width: 281px; margin: 0; margin-bottom: 14px; position: relative}
.noticia li p  { color: #666; margin: 0; line-height: 14px; padding: 0 !important}
.noticia li h3  { color: #333; margin: 0; line-height: 16px}
.date      { color: #666; font-size: 12px; float: left; padding-right: 15px}
.noticia li a:link,
.noticia li a:visited
        { color: #002d36; display: inline; float: right; position: absolute; bottom: 0px; right: 0}
.noticia li a:hover
        { text-decoration: none}
.evento      { float: left; background: transparent url(../images/48.gif) no-repeat scroll 0 8px; width: 281px; height: 90px}
.evento h1    {
color:#003333;
font-size:15px;
font-weight:bold;
line-height:23px;
margin:0;
padding-bottom:12px;
}
.evento h2    { color: #c00; line-height: 24px; font-size: 16px; font-weight: bold; margin: 0;}
.Mas { display: block;float:right;color:#000 !important;}
#NumDiasFaltan { color:#CC0000;display:block;float:right;font-size:62px;height:58px;padding-right:8px;text-align:right;width:70px;}



.blackBox    { width: 600px; height: 125px; float: right; margin-top: 12px}
.blackBox a img  { text-decoration:none;}

/* Nwxt Page*/
.leftLarge    { width: 604px; float: left; padding-right: 21px}
.leftLarge .title
        { width: 593px}
.leftLarge h4  { margin: 0; padding-bottom: 12px; color: #333}
.leftLarge img  { float: right; padding-left: 20px}
.leftLarge p  { color: #666; margin: 0; padding-bottom: 12px}
.vertMenu    { padding-bottom:7px;margin: 0; float: left; list-style: none; padding-top: 7px; width: 280px}
.vertMenu li  {
background:transparent url(../images/dotter_border.gif) repeat-x scroll left bottom;
color:#000000;
font-weight:bold;
height:33px;
margin:0;
margin-left:33px;
width:247px;
line-height:30px;
}
.vertMenu li p  { margin: 0; color: #033; line-height: 33px; padding: 0 !important}
.vertMenu li a:link,
.vertMenu li a:visited
        { float: left; margin: 0; color: #000; line-height: 33px}
.vertMenu .active { font-weight:bold;color:#000;}

/* Footef */
#wrap      { margin: 0 auto; padding: 0; width: 961px; position: relative; min-height: 100%;}
#footer      { width: 919px; margin: 0 21px; height: 80px; bottom: 0; background: url(../images/smal_dotter_border.gif) repeat-x left top; overflow: hidden; float: left}
#footer  p    { font-size: 9px; margin: 0; color: #999}
#footer a:link,
#footer a:visited
        { font-size: 9px; color: #999; line-height: 9px}
.contactInfo  { float: left; margin: 0; list-style: none; padding-top: 9px; padding-bottom: 16px; width: 920px}
.contactInfo li  { float: left; margin: 0; padding: 0 23px 0 31px; height: 17px}
#footer .contactInfo li p
        { margin: 0; line-height: 17px; font-size: 10px; color: #333}
#footer .contactInfo li a:link,
#footer .contactInfo li a:visited
        { float: left; color: #333; font-size: 10px; line-height: 17px}
.phone      { background: url(../images/phone_icon.gif) no-repeat left top}
.email      { background: url(../images/info_icon.gif) no-repeat left top}
.mail      { background: url(../images/mail_icon.gif) no-repeat left 3px}
.footerNavi    { margin: 0; float: left; list-style: none}
.footerNavi li  { margin: 0; float: left; border-right: 1px solid #999; padding: 0 4px; height: 9px}
.footerNavi li a
        { float: left}
/* Noticias */
.fecha{
color:#000000;
display:block;
float:left;
}

.titulo a:link, .titulo a:visited, .titulo a:active, .titulo a:hover, .titulo {
color:#000000;
display:block;
float:left;
font-weight:bold;
line-height:normal;
padding-left:5px;
text-decoration:underline;
width:200px;
}

.descripcion{
color:#666666;
display:block;
float:left;
line-height:normal;
padding-top:5px;
}

.descripcion img {
display:block;
float:left;
width:35px;
padding-right:5px;
}

.noticias li{
float:left;
margin:0;
padding-bottom:7px;
padding-top:8px;
text-align:justify;
width:281px;
}

.noticias  {
  padding-bottom:7px;
  margin: 0; float: left;
  list-style: none;
  width: 281px
}

.subcategorias{
  height:auto !important;
  background: none !important;
}

.subcategorias ul{
  list-style:none;
}

.subcategorias ul li{
background:transparent none repeat scroll 0 0 !important;
height:27px;
width:214px;
}

.CreadoEl{
color:#666666;
display:block;
float:left;
font-size:10px;
line-height:normal;
padding-bottom:10px;
width:100%;
}

.PublicadoEn{
clear:both;
color:#000000;
display:block;
float:left;
font-size:11px;
}

.PublicadoEn a:link, .PublicadoEn a:active, .PublicadoEn a:visited {
  color:#4C7070;
}


#LeerMas{
clear:both;
color:#4C7070;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

.line{
background:transparent url(../images/dotter_border.gif) repeat-x scroll left center;
clear:both;
display:block;
height:3px;
padding-bottom:10px;
padding-top:10px;
width:100%;
}

.Comentario{
background:transparent url(../images/dotter_border.gif) repeat-x scroll left bottom;
color:#000000;
display:block;
float:left;
font-size:12px;
height:auto;
padding-top:8px;
margin-bottom:15px;
width:auto;
}

.Comentario .NombreComentario{
font-weight: bold;
display:block;
float:left;
}

.Comentario .PublicadoEn{
float:right;
font-size:10px;
clear:none !important;
}

.Comentario p{
display:block;
float:left;
font-weight:normal;
margin:0 !important;
padding-top:15px;
width:100%;
font-style: italic;
}

#FormularioContacto {
margin-top:0px;
}

#FormularioContacto label {
display:block;
font-weight:bold;
margin-bottom:5px !important;
}

#FormularioContacto input {
margin-bottom:12px !important;
width:300px;
}

#FormularioContacto textarea {
height:200px;
margin-bottom:12px !important;
overflow:scroll;
width:302px;
}

#BotonEnviar {
background:transparent url(../images/boton_enviar.jpg) no-repeat scroll left top;
border:medium none !important;
color:#4C7070;
font-size:12px;
font-weight:bold;
height:26px;
padding-bottom:0 !important;
padding-left:0 !important;
padding-right:0 !important;
text-align:center;
text-decoration:none;
width:74px !important;
}

#BotonEnviar:hover{
background:transparent url(../images/boton_enviar_hover.jpg) no-repeat scroll left top;
color:#fff;
}

#textoProducto{
color:#333333;
float:left;
font-size:12px;
line-height:18px;
width:604px;
text-align:justify;
}

#textoProducto img{
  float:right;
  padding-left:20px;
  padding-top:28px;
}

#contenidoPagina{
  float:left;
  font-size:12px;
  line-height: 14px;
  color:#333;
  text-align:justify;
width:604px;
}

.contenidoPost{
background:transparent url(../images/dotter_border.gif) repeat-x scroll left bottom;
float:left;
padding-bottom:10px;
padding-top:10px;
width:100%;
}

.contenidoPost img{
height:80px;
overflow:hidden;
padding-left:20px;
}

.contenidoPostCompleto{
  width:604px;
  float:left;
}

.contenidoPostCompleto img{
  padding-left:20px;
}


/* citas informativas */

#citasinformativas {
background-color:#ADBDBD;
float:right;
margin-top:12px;
padding:10px;
width:580px;
}