/* Default style */

img {
  border:         2px solid #000;
  vertical-align: bottom;
  margin:         0.5ex;
}

img.noborder {
  border: none;
}

.floatleft {
  float: left;
  margin: 0px 2ex 1ex 0px;
}

.floatright {
  float: right;
  margin: 0px 0px 1ex 2ex;
}

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

a:link {
  color:           #000000;
}

a:visited {
  color:           #000000;
}

a:hover {
  color:           #517998;
}

a:active {
  color:           #385C8D;
}

html {
  background-image:      url('/themes/casarural/bg.jpg');
  background-position:   center top;
  background-repeat:     no-repeat;
  background-attachment: fixed;
  background-color:      #D8D8D8;
  color:                 #000000;
  font-family:           'Bitstream Vera Sans', sans-serif;
  font-size:             12px;
}

body {
  margin: 0px;
  position: relative;
  padding-top: 90px;
}

p {
  font-size:   14px;
/* iebug
  text-align:  justify;*/
  text-indent: 3em;
  margin:      1ex 2ex 1ex 2ex;
}

table {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3ex;
  border: 1px dashed #A0A0A0;
}

table.layout {
  border-width: 0px;
}

table.layout td {
  background-color: transparent;
}

table.layout tr {
  background-color: transparent;
}

th {
/*  color:            #A0A0A0;
  background-color: #334E66;*/
  padding:          2px 5px 2px 5px;
  border-bottom:    1px dashed #A0A0A0;
}

td {
/*  background-color: #59768D;
  color:            #000000;*/
  padding:          2px 5px 2px 5px;
}

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

div.center {
  text-align:  center;
}

div.box {
  width:            100%;
  font-size:        15px;
/*  color:            #000000;
  background-color: #59768D;*/
  border:           1px solid #000000;
  padding:          0px;
  margin:           0px 0px 10px 0px;
}

div.box div.head {
  font-size:        14px;
  margin:           0px 0px 1ex 0px;
  padding:          1ex;
  background-color: #E0E0E0;
  border-bottom:    1px solid #000000;
}

div.box div.head div.fecha {
  font-size:  12px;
  color:      #00A0A0;
}

div.box p {
  text-indent: 3ex;
  margin: 1ex 2ex 1ex 2ex;
}

/*                         navMenu                    */

#navMenu {
  position:    absolute;
  top:         110px;
  left:        2.5em;
  text-align:  center;
  font-size:   12px;
  width:       13.2em;
}

#navMenu p {
  text-align: center;
}

#navMenu img {
  border-width: 4px 1px 1px 1px;
  border-style: solid;
  border-color: #000;
}

#navMenu div.menu {
  text-align:       center;
  color:            #000000;
  border-width:     4px 1px 1px 1px;
  border-style:     solid;
  border-color:     #000000;
  padding:          0px;
  margin:           0px 0px 15px 0px;
  background-color: #FFFFFF;
}

#navMenu div.menu h1 {
  margin:           0px;
  padding:          0.5ex 0px 0.5ex 0px;
  font-size:        14px;
  border-bottom:    1px solid #000000;
  color:            #000000;
  background-color: #C0C0C0;
}

#navMenu a {
  text-align: center;
  display:    block;
}

#navMenu div.menu a {
  margin:        10px 10px 10px 10px;
  border-bottom: 1px dashed #A0A0A0;
  text-align:    left;
}

#navMenu div.menu a:link {
  color: #000000;
}

#navMenu div.menu a:visited {
  color: #000000;
}

#navMenu div.menu a:hover {
  color: #517998;
}

#navMenu div.menu a:active {
  color: #385C8D;
}

/*                         mainArea                    */

#mainArea {
  background-color: #FFFFFF;
  width:            auto;
  min-width:        610px;
  margin:           0 5% 70px 9em;
  min-height:       70%;
  padding:          2em 2em 2em 8em;
  border-width:     2px;
  border-style:     solid;
  border-color:     #000000;
  position:         relative;
}

#content {
/*  margin-left: 7em;*/
}

.loading {
  border: 0px none black;
}

.hidden {
  visibility: hidden;
}

#mainArea #copyright {
  clear:       both;
  font-size:   12px;
  text-align:  center;
  font-weight: bold;
  color:       #A0A0A0;
  padding:     7px;
  white-space: nowrap;
}

#mainArea #copyright p {
  padding: 2px;
  margin:  0px;
  text-align: center;
  text-indent: 0px;
}

.resumeleft {
  float: left;
  margin: 0px 2ex 1ex 0px;
  padding-left: 1ex;
}

.resumeleft h3 {
  font-size:     11px;
  font-weight:   bold;
  border-bottom: 1px solid #000;
}

.resumeleft ul {
  font-size: 11px;
  list-style: disc inside none;
  margin:    0px;
  padding:   0px;
}

.resumeleft ul ul {
  font-size: 11px;
  list-style: circle inside none;
  margin:    0px;
  padding:   0px;
}


.hidden {
  display: none;
}

.photobrowser img, .slideshow img {
  margin: 0;
}

.photoViewer img {
  border: 0;
  margin: 0;
  padding: 0;
}

.popupBrowser {
  padding: 2ex;
  position: absolute;
  -moz-border-radius: 3px;
  background: white;
  border-radius: 3px;
  border: 1px solid black;
  z-index: 10000;
}

.popupBrowser h1 {
  font-size: 16pt;
  margin: 0.5ex 0;
}

.popupBrowser h2 {
  font-size: 12pt;
  margin: 0.2ex 0;
}

.popupBrowser .photoViewer {
  margin: 0.5ex 0;
}

.popupBrowser p {
  text-align: left;
  text-indent: 0;
  margin: 1ex 0;
}


.slideshow img.thumb {
  margin: 0.5em;
  cursor: pointer;
}

.slideshow img.selected {
  opacity: 0.5;
  border: 2px solid darkRed;
}


.progressIndicator img {
  border: 0;
  margin: 0;
}