/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 22px 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #213D00; 
  background: transparent url(images/artesanos/fd_titulares.png) repeat-x;
   
}
div#noticias {
  margin:4px 0 10px 0;
  width:124px;
  height: 38px;
  background: url(images/artesanos/noticias.png) no-repeat 10px center;
  z-index: 25;
}

div#news h2 {
   line-height: 2em;
   background: #fff;
   display: none;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px dotted #213C00; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: normal;
  color: #213C00;
  float:right;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
  display: none;
 }

.NewsSummaryAuthor {
  font-size: 10px;
  font-weight: bold;
  color: #213D00;
  padding-top: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  margin-top: -1px;
  font-size: 0.8em;
}

#NewsPostDetailDate {
  font-size: 80%;
  margin-bottom: 5px;
  font-weight: bold;
  float: right;
  color:#457C00;
  }

#NewsPostDetailSummary {
   font-size: 90%;
   color:#457C00;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */



/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */

/* Start of CMSMS style sheet 'artesanos' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

html{
background: #979797 url(images/artesanos/vara.gif) fixed repeat-y top center;

}
/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
  

}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #213D00; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #213D00;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #F1FFDF;
   color: #213D00;
}



/*****************
basic layout 
*****************/
body {
  background: #000 url(images/artesanos/fd_body.jpg) fixed no-repeat top center;
   margin:0 auto;
   width: 100%;
   padding:0;
   max-width: 1024px;
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid #223d00;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 80em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background: url(images/artesanos/fd_trans.png) repeat top center;
   color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#pluma {
   width: 140px;
   height: 180px;
   z-index: 25;
   position:absolute;
   background: transparent url(images/artesanos/pluma2.png) no-repeat top right;
   *margin-left:-25px;
}
div#header {
   height: 136px;    /* adjust according your image size */
   background: transparent url(images/artesanos/fd_header.png) fixed repeat-x top center;           
}

div#header h1 a {
/* you can set your own image here */
   background: transparent url(images/artesanos/titulo.png) no-repeat 4em 1.3em; 
   display: block;
   height: 115px;             /* adjust according your image size */
   width: 750px;
   position: absolute;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   z-index: 36;
   
}
div#gallo {
  float: right;
  width: 170px;
  height: 125px;
  background: transparent url(images/artesanos/gallo2.png) no-repeat top left;
}
/* position for the search box */
div#search {
   float: right;

   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0;
   margin: 0;
}
div#search label {
color: #213D00;
font-weight: bold;
font-size: 11px;

}
div#search #searching{
height: 15px;
width: 145px;
color: #213D00;
font-weight: normal;
font-size: 10px;
border: 1px solid #213D00;
padding: 2px 4px;
background:#D1D1CA;
margin-right: 5px;
}
div#search #buttonSearch {
text-indent: -999em;
height: 20px;
width: 40px;
background: transparent url(images/artesanos/lupita.png) no-repeat bottom left; 
border: 0;
cursor: pointer;
}




div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */

}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 div#content {
   margin: 2.8em auto 2em 0;   /* some air above and under menu and content */
}


div#main {
   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
   border: 1px solid #223E00;
   text-align: justify;
   padding: 12px;

}

div#main p {
 line-height: 1.3em;

}

div#sidebar {

   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
}


div#footer {
   clear: both;      /* keep footer below content and menu */
   color: #fff;
   height: 74px;    /* adjust according your image size */
   background:   url(images/artesanos/fd_footer.png) repeat-x;     

   
}

div#footer p {

   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}


div.float_foot1 {
width: 300px;

float:left;
margin: 25px 0 0 20px;
font-size: 1em;
line-height: 1.9em;
display:inline-block;
}

div.float_foot2 {
width: 30%;
float:left;
margin: 25px 20px 0 20px;
text-align: center;
font-size: 0.8em;
line-height: 1.3em;
display:inline-block;
}

div.float_foot3 {
width: 20%;
float:right;
margin: 25px 20px 0 20px;
text-align: right;
font-size: 0.8em;
line-height: 1.9em;
}

div.float_foot1 a, div.float_foot3 a {
   color: #fff;
}
div.float_foot1 a:hover, div.float_foot3 a:hover {
   color: #fff;
background-color: #213D00;
}
div.float_foot2 a{
color:#000;
}
div.float_foot2 a:hover{
background-color: #fff;
}
/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
   display: none;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
  display: none;
}

div.right49 {
  float: right;
  width: 49%;
  display: none;

}

div#subir {
   width: 35px;
   height: 30px;
   float: right;
   clear:both;
}
div#subir h1 a{
   background: transparent url(images/artesanos/arriba.png) no-repeat top left; 
   display: block;
   height: 25px;
   width:25px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none;
   
   
}



/********************
CONTENT STYLING
*********************/
div#content {
color: #233F00;
}


/* HEADINGS */
div#content h1 {
   font-size: 2em; /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
	color: #213D00; 
        border-bottom:1px solid #213D00; 
        border-left: 0px;
        font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
        padding-left: 0px;
	padding-bottom: 1px;
/* set borders around header */
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #335F00; 
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #335F00; 
   font-size: 1.1em;
   line-height: 1.2em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #335F00; 
   font-size: 1.1em;
   line-height: 1em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #335F00;
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 9px 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */
/* estilos dentro de las páginas */

#desdemi {
width: 100%;
height: 40px;
background: transparent url(uploads/images/fotos/desde_mi.png) no-repeat top left;
margin-top: 30px;
}
.bolditalic {
font-style: italic;
font-weight: bold;
}
.img_izq{
float:left;
margin: 5px 10px 0 0;
border: 1px solid #213D00;
}
.div_izq{
width: auto;
float:left;
margin: 5px 10px 0 0;
}
.img_der{
float:right;
margin: 5px 0 0 10px;
border: 1px solid #213D00;
}
.div_der{
float:right;
margin: 5px 0 0 10px;
}
.borde_verde{
border: 1px solid #213D00;
}
.div_foto{
width: auto;

}
#bio_bio {
float: right;
display:block;
width: 270px;
}
#texto_bio {
    height: 20px;
	font-size:10px;
	font-weight: bold;
	float:right;
	height: 10px;
	width: 150px;
	color:#ffffff;
	text-align: center;
	padding: 3px 5px 5px 5px;
	background: #457C00 url(images/artesanos/bio_arrow.png) no-repeat 3px 5px;
	border: 1px solid #213D00;
}
.altlink {
  cursor: pointer; 
 }
 #biografia {

 background: #457E00;
width: 240px;
border: 1px solid #213D00;
padding: 3px 10px 5px 10px;
float:right;
margin: 10px 0 0 0;
color: #fff;
font-size: 10px;
text-align:justify;

 }
 .mayus_bio {
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-align: center;
	
 }
 .center_bio {
 margin-top:5px;
 text-align: center;
 }
 #cerrar_bio{
 color: #000;
 float:right;
clear: both;
 font-weight: bold;
 height: 20px;
 padding: 5px 0 5px 0;
 }
.temporadas {
width: 65%;
background: #457E00;
border: 1px solid #213D00;
padding: 10px;
margin: 10px auto;
color: #fff;
font-size: 1.2em;
font-weight: bold;
text-align:center;

}
.cuadros_verdes {
background: #457E00;
border: 1px solid #213D00;
padding: 10px;
margin: 10px auto;
color: #fff;
font-size: 0.9em;
text-align:justify;
}
.cuadros_transparentes {
border: 1px solid #213D00;
padding: 10px;
margin: 10px auto;
color: #213D00;
font-size: 0.9em;
text-align:justify;
}
a.cuadros_verdes, .cuadros_verdes a:link, .cuadros_verdes a:active, .cuadros_verdes a:visited {
color:#F1FFDF;
}
.cuadros_verdes a:hover {
background-color: #213D00;

}
.pie_foto {
width: 120px;
margin: 0 auto;
font-size: 80%;
text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pie_bold {
padding: 4px;
margin: 0 auto;
width: auto;
text-align: center;
font-weight: bold;
font-size: 10px;
}
.tabla_precios {
	background: #eee;
	border: 1px solid #233E00;
	margin:0 auto;
}
.tabla_precios td {
	padding: 4px;
}
.tr_sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #457E00;
	text-align: center;

}
.td_inf, .td_izq {
background-color: #C5D0B7;
	font-size: 11px;
	font-weight: normal;
	color: #233E00;
}
.td_izq {
       text-align: left;
}
.td_inf {
	text-align: center;
}
.tr_inf {
background-color: #C5D0B7;
color: #457E00;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.td_izq, .td_sup, .tr_sup, .td_inf, .tr_inf {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#enlaces .items {
padding: 5px 0 7px 0;
color: #457E00;
	font-size: 1.2em;
	text-decoration: underline;
	font-weight: bold;
font-style: italic;
margin-left:35px;
}
#enlaces ul{
list-style-position:outside;
}
#enlaces li {
padding: 5px 0 5px 0;
}
.telefonos{
color: #457E00;
font-weight: bold;
font-size: 1.1em;
text-align: center;
padding: 15px 0 15px 0;
}

ul.gmapSidebar{
display:none;
}

/* End of 'artesanos' */

/* Start of CMSMS style sheet 'contactform' */
#content input {
width: 450px;
height: 15px;
padding: 2px 5px 2px 5px;
border: 1px solid #223D00;
margin-top: 10px;
background-color: transparent;
}
.pedidos {
width:575px;

}
#content .campo_peke {
width: 150px;
float:right;
margin-right: 75px;
}
#content .campo_peke_left {

margin-left: 50px;
width: 200px;
float:left;

}

#content .static {
margin-top: 10px;
width: 150px;
float:left;
}
#content .static_left {
margin-top: 10px;
margin-left: 100px;
width: 250px;
float:left;
}


#content .campo_peke input, #content .campo_peke_left input{
width: 175px;
margin-top: 2px;
}

#content .areapedidos {
margin-top:15px;

}
#content textarea {
width: 450px;
height: 150px;
padding: 2px 5px 2px 5px;
border: 1px solid #223D00;
margin-top: 10px;
background-color: transparent;
overflow:auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
}
#content select {
width: 150px;
background: transparent;
border: 1px solid #223D00;
color: #213D00;
margin: 10px 0 0 0;
}
#content option {
background-color:transparent;
}

.labeles {
margin-top: 12px;
color: #213D00;
width: 100px;
float:left;
}
.aclaracion {
margin: 8px 0 0 422px;
font-size: 0.8em;
font-weight: bold;
width: 140px;
text-align: right;
}
.captcha {
text-align: center;
font-size: 0.9em;
margin-left: -25px;
}
.captcha img{
border: 1px solid #223D00;
margin: 10px;
}
input#m5captcha_phrase {
margin: 15px auto;
width: 150px;
}
input#fbsubmit{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 60px;
height: 20px;
background-color:#457C00;
color: #fff;
margin: 20px 0 0 470px;
cursor: pointer;
padding: 0 6px 2px 6px;
}

/* End of 'contactform' */

/* Start of CMSMS style sheet 'artesanos_menu2' */
/********************
MENU
*********************/
.top_menu {
   background: url(images/artesanos/fd_titulares.png) repeat-x;
   border-top: 1px solid #223E00;
   border-left: 1px solid #223E00;
   border-right: 1px solid #223E00;
   margin-left: 1em;
   height: 46px;
}
#contenido {
  margin-left:10px;
  width:124px;
  height: 38px;
  background: url(images/artesanos/contenido.png) no-repeat;
}

#menu_vert {
   border-left: 1px solid #223E00;
   border-right: 1px solid #223E00;
   padding-left: 0;
   margin-left: 1em;
   margin-top: 0;
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   display: block;
   border-bottom: 1px solid #213D00;
  

}


#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 2em; /* some air for it */
   color: #213D00; /* this will be link color for all levels */
   background: url(images/artesanos/bolita.png) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}
div#menu_vert li#active a{
   padding: 0.8em 0.5em 0.8em 2em; /* some air for it */
   background: url(images/artesanos/flechita.png) no-repeat 0.5em center; 
   font-weight: bold;

}
div#menu_vert li#active .expand a{
   padding: 0.5em 0.5em 0.5em 2.8em;
   font-weight: normal;
   background: url(images/artesanos/bolita.png) no-repeat 0.5em center; 

}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a, 
div#menu_vert ul ul li#active a,
div#menu_vert ul ul li#active .expand a

 {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */

div#menu_vert ul ul ul a
 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/artesanos/dash.png) no-repeat 2.8em center; 
}
div#menu_vert ul ul ul li#active a,
div#menu_vert ul ul ul li#active .expand a{
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/artesanos/flechita.png) no-repeat 2.8em center; 

}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #c5d0b7;
}


/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/artesanos/flechi_abajo.png) no-repeat 0.4em center; 
  /* background-color: #385C72;*/
   color: #213D00;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #213D00;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background: url(images/artesanos/flechita.png) no-repeat 0.4em center;

   display: block; 
   padding: 0.8em 0.5em 0.8em 2em;  /* some air for it */
   color: #213D00;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #213D00;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/artesanos/flechita.png) no-repeat 2.7em center; 
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

span.sectionheader {
width: 210px;
}
span.sectionover {
   font-weight: bold;
   background: url(images/artesanos/flechi_abajo.png) no-repeat 110px center; 
   padding-right: 70px;
}


/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

/*menu expand*/

/* End of 'artesanos_menu2' */

/* Start of CMSMS style sheet 'Album' */
/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;

}
.foticos{
margin: 0 auto;
width:100%;
_margin-left:-70px;

}
/* Picture List UL */
.tabla {
margin:0 auto;
}
.picturelist
{

margin-left:0;
padding-left:0;

}

/* Album and Picture Lists */
.thumb
{

	padding:0;
	width:100px;
	margin:0 0.5em 0.5em 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a
{
	display:block;
	height:auto; 

/* Set link formatting*/
	width:100px; 
/* Thumb width*/ 
	
/* Thumb height*/
	padding:10px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin: 0;
	background-color:white;
/*Background of thumb */
	border:1px solid #223E00;
/* Borders of thumb frame */
	text-decoration:none;

}
.pie_foto {
width: 120px;
height: auto;
padding-bottom: 8px;
margin:0;
font-size: 80%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pie_grande {
width: 250px;
height: auto;
padding-bottom: 8px;
margin:0;
font-size: 80%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.thumb a:hover {
background-color:#F1FFDF;
}

.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}
.thumb a:hover img
{
	background-color:#F1FFDF;

/*Background of thumb on hover - sort of light blue/green */
}

.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#F1FFDF;
/*Background of thumb on hover - sort of a light grey */
}

.fotos_grandes, .fotos_vert {
	padding:0;

	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
}
.fotos_grandes a{
	display:block;
	height:auto; 
        width:250px;
	padding:4px;
        margin:0;
	background-color:#223E00;
/*Background of thumb */
	border:1px solid #000;
/* Borders of thumb frame */
	text-decoration:none;
        _display: inline-block;

}
.fotos_vert a{
	display:block;
	height:188px; 
        width:158px;
	padding:4px;
        margin:0;
	background-color:#223E00;
/*Background of thumb */
	border:1px solid #000;
/* Borders of thumb frame */
	text-decoration:none;
                _display: inline-block;

}
.fotos_grandes a:hover,.fotos_vert a:hover{
	background-color:#478000;
}

.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}


/*Background of thumb on hover - sort of light blue/green */
}


/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* Already done in main CMSMS stylesheet. Commenting out. */
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	color: #233F00;
}

#TB_secondLine {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#457A00;
}

#TB_window a:link {color: #233F00; text-decoration:none;}
#TB_window a:visited {color: #233F00; text-decoration:none;}
#TB_window a:hover {color: #233F00; text-decoration:underline;}
#TB_window a:active {color: #233F00; text-decoration:none;}
#TB_window a:focus{color: #233F00; text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #457A00;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border: 1px solid #233F00;;

}

#TB_caption{
        color: #233F00;
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
        font-size: 11px;
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
        font-weight: normal;
}



        
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.comment {
font-size: 0.8em;
}
/* End of 'Album' */