@import url("reset.css");

body      { background: #bababb url(../images/body.gif) repeat-x }

/*-------------- Wrapper ------------------*/

#wrap       { width: 937px; margin: 0 auto 0; position: relative;
          /*background: url(../images/rightCol.gif) top right repeat-y*/ }

/*-------------- Layout -------------------*/
.fecha { font-style: italic; }
#topMenu    { margin-bottom: 0; float: right; padding: 67px 0 25px }
#topMenu li    { margin: 0; list-style: none; float: left; padding: 0 23px 0 21px;
          background: url(../images/topMenuSeparator.gif) right 3px no-repeat;
          font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif }
.submenur, .submenur a {font-family:"Times New Roman",Times,serif !important;}
.submenur {font-size:24px !important;
line-height:27px !important;
margin-bottom:5px !important;}
#topMenu a:link,
#topMenu a:visited
        { color: #afaeae }
#content    { width: 672px; float: left; margin: 0 0 20px -5px }
.contentTop    { height: 14px; background: url(../images/contentTop.png) no-repeat }
.contentMiddle  { padding: 0 22px 0 15px;
          background: url(../images/contentMiddle.png) repeat-y }
.contentBottom  { height: 22px; background: url(../images/contentBottom.png) no-repeat }

.contentInner  { border: #dadadc 1px solid; padding: 25px }

#homeHeader    { height: 335px; background: url(../images/homeHeader.jpg) no-repeat }
#header      { height: 133px; position: relative; margin-bottom: 10px;
          background: url(../images/header.jpg) no-repeat }
#header h1    { color: #fff; margin-bottom: 0;
          position: absolute; left: 104px; top: 52px }
#breadCrump   { margin-bottom: 9px }
#breadCrump li  { float: left; margin: 0; list-style: none; color: #000; padding-right: 22px }  
#breadCrump a:link,
#breadCrump a:visited
        { color: #707173; font-family: "Times New Roman", Times, serif }
          
.level1      { font: normal 24px/27px "Times New Roman", Times, serif;
          background: url(../images/breadCrumpSeparator.gif) right 9px no-repeat } 
.level2      { font: normal 20px/29px "Times New Roman", Times, serif;
          background: url(../images/breadCrumpSeparator2.gif) right 11px no-repeat } 
.level3      { font: normal 16px/31px "Times New Roman", Times, serif } 

#nav      { float: right; margin-bottom: 0; padding-top: 6px }
#nav li      { float: left; margin: 0; list-style: none }  
#nav .anterior  { padding: 0 10px 0 0;
          background: url(../images/navSeparator.gif) right 3px no-repeat }
#nav .anterior a:link,
#nav .anterior a:visited
        { padding: 1px 0 2px 30px; color: #707173;
          background: url(../images/prev.gif) no-repeat }
#nav .siguiente  { padding: 0 0 0 9px }
#nav .siguiente a:link,
#nav .siguiente a:visited
        { padding: 1px 30px 2px 0; color: #707173;
          background: url(../images/next.gif) right top no-repeat }
#nav a:hover,
#nav a:active  { border: none }

#nav2      { padding: 9px 0 9px; margin-bottom: 20px;
          background: url(../images/nav2.gif) left bottom repeat-x }
#nav2 li    { float: left; margin: 0; list-style: none }
#nav2 .anterior  { padding: 0 10px 0 0;
          background: url(../images/navSeparator.gif) right 4px no-repeat }
#nav2 .anterior a:link,
#nav2 .anterior a:visited
        { padding: 1px 0 2px 43px;  color: #707173;
          background: url(../images/prev.gif) left 2px no-repeat }
#nav2 .siguiente{ padding: 0 0 0 9px }
#nav2 .siguiente a:link,
#nav2 .siguiente a:visited
        { padding: 1px 44px 2px 0;  color: #707173;
          background: url(../images/next.gif) right 2px no-repeat }
#nav2 a:link,
#nav2 a:visited  { display: block }
#nav2 a:hover,
#nav2 a:active  { border: none }
          
.textCol    { width: 215px; float: left; font-size: 14px; font-family:Trebuchet MS;}
.textCol h2    { font: normal 18px/21px Verdana, Arial, Helvetica, sans-serif }

#gallery    { margin: 0 }
#gallery li    { margin: 0; float: left; padding: 7px; list-style: none }
#gallery img  { display: block }
#gallery a:hover,
#gallery a:active
        { border: none }
        
.imgCol      { float: left; padding-top: 6px; clear: both; padding-right: 18px }
.imgCol  img    { display: block; margin-bottom: 18px }

#floatBlock    { float: left; width: 342px; margin: -50px 0 0 -24px; position: relative }
.floatBlockTop  { height: 14px; background: url(../images/floatBlockTop.png) no-repeat }
.floatBlockMiddle
        { padding: 36px 39px 18px 34px;
          background: url(../images/floatBlockMiddle.png) repeat-y }
.floatBlockBottom
        { height: 23px; background: url(../images/floatBlockBottom.png) no-repeat }
#floatBlock img  { float: right; display: block; padding: 1px; border: #707173 1px solid;
          margin-top: 5px }
#floatBlock h2  { margin-bottom: 9px }
#floatBlock p  { line-height: 16px }

#transparentBlock
        { margin: 11px 22px 0 337px; }
#transparentBlock h1
        { color: #fff }
#transparentBlock p
        { color: #fff }

#leftCol    { width: 270px; float: left; margin-top: 263px }
.leftColTop    { height: 16px; background: url(../images/leftColTop.png) no-repeat }
.leftColMiddle  { background: url(../images/leftColMiddle.png) repeat-y; 
          padding: 21px 40px 21px 40px }
.leftColBottom  { height: 24px; background: url(../images/leftColBottom.png) no-repeat }

.logo:link,          
.logo:visited  { display: block; width: 216px; height: 81px; 
          text-indent: -9999px; position: absolute; top: 150px; left: 28px;
          background: url(../images/logo.gif) no-repeat }
.logo:hover,
.logo:active  { border: none }

#leftCol p    { line-height: 16px }

#leftMenu    { margin: 0 }
#leftMenu li  { margin: 0; float: left; clear: left;
          list-style: none; padding: 3px 0 }
#leftMenu a:link,
#leftMenu a:visited
        { color: #000 }
.leftSubMenu  { padding-top: 3px; margin: 0 }
.leftSubMenu li  { padding-left: 9px !important }
.leftSubMenu a:link,
.leftSubMenu a:visited
        { white-space: nowrap; color: #707173 !important }

#news      { margin: 0 }
#news li    { float: left; clear: left; width: 100%; 
          list-style: none; margin: 0 }

.hr        { margin: 0 11px 5px 5px; clear: both; height: 2px;
          background: url(../images/hr.gif) repeat-x }

#footer      { padding: 24px 0 22px }
#footerMenu    { width: 400px; margin: 0 auto 12px }
#footerMenu li  { margin: 0; list-style: none; float: left; padding: 0 8px 0 7px;
          background: url(../images/footerMenuSeparator.gif) right 2px no-repeat;
          font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif }
#footerMenu a:link,
#footerMenu a:visited
        { color: #5b5b5b; border-bottom: 1px solid }
#footer  p    { text-align: center; margin: 0;
          font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif }