/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */

 /* ----- Fuentes Embebidas -----*/

@font-face {
    font-family: 'freescpt';
    src: url('fonts/freescpt.eot');
    src: url('fonts/freescpt.eot?#iefix') format('embedded-opentype'),
         url('fonts/freescpt.woff') format('woff'),
         url('fonts/freescpt.ttf') format('truetype'),
         url('fonts/freescpt.svg#freescpt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLtRegular';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#RobotoLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoMdRegular';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#RobotoLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoThRegular';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#RobotoThRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
  margin: 0;
  padding: 0;

  background-color: #373438;

  font-family:'RobotoLtRegular',Sans-Serif;
}

body.cke_editable {
  background-color: #faddbd !important;
  color: #7d7d7d;
  padding: 10px;
}



#background-photo{
  background: url(../images/fondo.jpg) top center no-repeat;
}

#background-shadow{
  background: url(../images/bg-sombra.png) top center repeat-y;
}

#background{
  background: url(../images/bg-header.png) top center repeat-x;
}

#background-menu{
  background: url(../images/bg-menu.png) top center no-repeat;
}

/*fondos por pestaña*/

/*pestaña el jardin*/
.page-node-16 #background-photo, .page-node-17 #background-photo, .page-node-18 #background-photo{
  background: url(../images/fondo2.jpg) top center no-repeat;
}

/*pestaña visitanos*/
.page-node-19 #background-photo, .page-node-20 #background-photo, .page-node-21 #background-photo, .page-node-46 #background-photo, .page-node-22 #background-photo, .page-contact #background-photo{
  background: url(../images/fondo3.jpg) top center no-repeat;
}

/*pestaña plantas*/
.page-node-3 #background-photo,
.page-node-24 #background-photo, .page-node-1665 #background-photo, .page-listado-cactus #background-photo,
.page-node-25 #background-photo, .page-node-1666 #background-photo, .page-listado-autoctonas #background-photo,
.page-node-23 #background-photo, .page-node-1667 #background-photo, .page-listado-tropicales #background-photo
{
  background: url(../images/fondo5.jpg) top center no-repeat;
}

/*pestaña fuerteventura*/
.page-node-4 #background-photo, .page-node-26 #background-photo, .page-node-27 #background-photo, .page-node-28 #background-photo, .page-node-29 #background-photo{
  background: url(../images/fondo6.jpg) top center no-repeat;
}

/*pestaña horticultura*/
.page-node-30 #background-photo{
  background: url(../images/fondo4.jpg) top center no-repeat;
}

/*pestaña actualidad*/
.page-calendario #background-photo, .node-type-fecha #background-photo, .page-noticias #background-photo, .node-type-article #background-photo, .page-articulos #background-photo, .node-type-articulo #background-photo{
  background: url(../images/fondo7.jpg) top center no-repeat;
}

/*pestaña investigacion*/
.page-node-7 #background-photo, .page-node-34 #background-photo, .page-node-35 #background-photo, .page-node-1664 #background-photo, .page-node-36 #background-photo{
  background: url(../images/fondo1.jpg) top center no-repeat;
}

/*pestaña conservacion*/
.page-node-8 #background-photo, .page-node-38 #background-photo, .page-node-39 #background-photo{
  background: url(../images/fondo8.jpg) top center no-repeat;
}

/*pestaña nuestro jardin*/
.page-node-41 #background-photo, .page-node-42 #background-photo, .page-node-43 #background-photo, .page-node-44 #background-photo, .page-node-45 #background-photo{
  background: url(../images/fondo9.jpg) top center no-repeat;
}

/*pestaña educación*/
.page-node-9 #background-photo, .page-node-40 #background-photo{
  background: url(../images/fondo10.jpg) top center no-repeat;
}



#page {
  min-height: 1000px;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
  position: relative;
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
  padding-top: 5px;
  height: 136px;
}
#logo img {
  vertical-align: bottom;
}
#flags{
  padding-top: 3px;
  float: right;
}

#flags img{
  padding-left: 8px;
}

#tickets{
  clear: right;
  float: right;
  padding-top: 25px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

#tickets:hover { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); }

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */

#main {
  position: relative;
}

/*
 * Content
 */

#content {
  margin-top: 20px;
  position: relative;
}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}


.tiempo1{ font-family: bebas_neueregular;
      font-size: 36px;
      color:#363636;
      text-decoration:none;
      font-weight:normal;
      padding:0px;
      margin:0px;
}

.tiempo2{ font-family: bebas_neueregular;
      font-size: 18px;
      color:#363636;
      text-decoration:none;
      font-weight:normal;
      padding:0px;
      margin:0px;
}

.tiempo3{ font-family: bebas_neueregular;
      font-size: 60px;
      text-decoration:none;
      font-weight:normal;
      padding:0px;
      margin:0px;
}

.tiempo4{ font-family: bebas_neueregular;
      font-size: 24px;
      color:#363636;
      text-decoration:none;
      font-weight:normal;
      padding:0px;
      margin:0px;
}

.pie1{    font-family: bebas_neueregular;
      font-size: 24px;
      color:#c9a675;
      text-decoration:none;
      font-weight:normal;
      padding:0px;
      margin:0px;
}



/* HIPERVINCULOS */
a     {text-decoration:none;}
a:hover   {text-decoration:none; border:0px;}
a:link    {text-decoration:none; border:0px;}
a:visited {text-decoration:none; border:0px;}
a:active  {text-decoration:none; border:0px;}

.submenu{
  clear: both;
  display: block;
  margin-bottom: 20px;
}

#block-menu-menu-submenu{

  height: 60px;
  line-height: 60px;
  background: url(../images/bg-submenu.png) center center no-repeat;
  margin-top: 20px;
}

.not-front #block-menu-menu-submenu{
  margin-top: 14px;
  }

#block-menu-menu-submenu ul{
  padding: 0;
  margin: 0;
}

#block-menu-menu-submenu ul ul{
  display: none;
}

#block-views-banner-top-block{
  margin-bottom: 0;
  margin-top: 28px;
  line-height: 1px;
}

#block-views-banner-top-block img{
  /*border:5px solid #FFF;*/
}

.front .bg-content{
  background: none;
  background: url(../images/bg-content.png) repeat-x bottom center #FFF;
  margin-bottom: 20px;
  min-height: 681px;

}

.not-front .bg-content{
  background: url(../images/bg_top.jpg) repeat-x top left #e9eeea;
  margin-bottom: 20px;
  }

.not-front.sidebar-first .bg-content{
  /*margin-top: 30px;*/
  background: url(../images/bg_seccion.jpg) repeat-y center 150px;

}

.not-front.no-sidebars #content{
  padding: 30px;
}


.not-front #content{
  margin-top: 0;

  color: #444;

  text-align: justify;
}

.not-front #content h1{
  font-family: freescpt;
  font-size: 44px;
  color: #536b37;
  font-weight: normal;
  font-style: normal;

  line-height: 1.1;
}

.two-sidebars #content {
  background: url(../images/detalle_titulo.png) no-repeat;
  text-align: justify;
  color: #7d7d7d;
}

.field-name-body{
  font-size: 18px;
  line-height: normal;
}


#logos{
    position: absolute;
    top: 30px;
    left: 230px;
    width: 757px;
    height: 127px;

    background: url(../images/pesta22.png) no-repeat top center;
}

#main{
  padding-top: 90px;
}

.slider-wrapper{
  width: 980px;
  height: 340px;
  border: 5px solid #FFF;
}

#block-block-4{
  border: 5px solid #FFF;
  height: 341px;
}


#block-locale-language{
  position: absolute;
  top:-20px;
  right: 0;
}

#block-locale-language ul{
  list-style-type: none;
}

#block-locale-language li{
    display: inline;
    float: left;
    padding-left: 10px;
  }

#block-locale-language li.es a{
  text-indent: -5000px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/es.png) no-repeat center center;
}

#block-locale-language li.en a{
  text-indent: -5000px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/en.png) no-repeat center center;
}

#block-locale-language li.de a{
  text-indent: -5000px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/de.png) no-repeat center center;
}

a.translation-link{
  display:none;
}


.view-id-frontpage{
  position: absolute;
  top:100px;
  left: 31px;
  width: 218px;
  height: 304px;
  padding: 30px;
  background: url(../images/bg-noticias.png) no-repeat center center;
}

.view-id-frontpage .views-row{
  margin-bottom: 25px;
}

.view-id-frontpage .views-field-field-fecha{
  color:#959595;
  font-size: 13px;
}

.view-id-frontpage .views-field-title{
  color:#000;
  font-size: 16px;
  line-height: 1.2;
}

#block-views-promociones-block{
  position: absolute;
  top:30px;
  left: 330px;
  width: 620px;
  height: 420px;
}


#block-views-promociones-block img{
  border: 5px solid white;
  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.40);
  -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.40);
  box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.40);
}

.page-frontpage #page-title{
  width: 240px;
  height: 70px;
  position: absolute;
  top: 30px;
  left: 35px;
  background: url(../images/bg-titu-noti.png) no-repeat center center;

  padding-left: 30px;
  color:#434343;
  font-family:freescpt;
  font-size: 36px;
  line-height: 70px;
}

#block-views-articulo-block{
  position: absolute;
  top:478px;
  left: 35px;
  width: 270px;
  height: 174px;
  /*padding-right: 30px;
  padding-left: 100px;
  padding-top: 60px;*/
  background: url(../images/bg-articulo.png) no-repeat center center;

  color:#000;
  font-size: 16px;
  line-height: 1.2;
}

#block-views-articulo-block .cover{
  width: 270px;
  height: 174px;
  position: absolute;
  top: 0;
  background: url(../images/cover.png) no-repeat center center;
}

#block-views-articulo-block .cover a{
  display: block;
  text-indent: -3000px;
  width: 270px;
  height: 174px;
}

#block-views-articulo-block .pdfpreview img{
  padding: 0;
  border: none;
  box-shadow: none;
}

#block-views-video-block{
  position: absolute;
  top:478px;
  left: 331px;
  width: 315px;
  height: 175px;
}

#block-block-1{
  position: absolute;
  top:478px;
  left: 665px;
  width: 295px;
  height: 175px;

  background-color: #FFF;

  -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.40);
  -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.40);
  box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.40);
}

img.dentro{
  border: 5px solid #FFF;
}


.contact-form input, .webform-client-form input, .webform-client-form select, .simplenews-subscribe input, .block-user input{
    font-family:RobotoLtRegular;
    font-size:18px;

    font-weight:normal;
    font-style:normal;

    padding:10px; border:1px solid #ccc;

    color:#7d5d3e;

}

.form-submit{
    border:1px solid #675b31; background:#847139 url(../images/bisel.png) repeat-x; padding:15px; cursor:pointer;

    color:#FFF !important;
}

.form-actions{
  text-align: center;
}

.view-noticias .views-row{
  /*padding: 0 50px;*/
}

.view-noticias .views-row, .view-articulos .views-row {
  /*padding-bottom: 25px;*/

   padding:30px; background:#FFF; border:1px solid #d1d1d1; box-shadow:0px 0px 5px #d1d1d1; margin-bottom:10px;
}

.view-noticias h2, .view-articulos h2{
  font-size: 30px;
  line-height: 1.1;

  margin-top: 15px !important;
}

.node-article .field-name-field-fecha, .node-articulo .field-name-field-fecha, .view-noticias .views-field-field-fecha, .view-articulos .views-field-field-fecha{
color: #959595;
font-family:freescpt;
font-size: 28px;
margin-bottom: 10px;
text-align: right;
padding-bottom: 4px;

border-bottom: 1px solid #959595;
}

.node-article .field-name-field-fecha, .node-articulo .field-name-field-fecha{

  border:none;
}

.fotoh, .field-name-field-image img, .pdfpreview img{
  text-align: center;
  margin: 0 auto;
  border: 5px solid #fff;

  box-shadow:0px 0px 5px #d1d1d1
}

.fotor{
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  border: 5px solid #fff;

  box-shadow:0px 0px 5px #d1d1d1
}

.fotol{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 5px solid #fff;

  box-shadow:0px 0px 5px #d1d1d1
}

table.views-table{
  width: 100%;
  font-size: 0.9em;
}

table.views-table td{
  padding: 4px;
}

.comollegar{
  height: 102px;
}

.comollegar a{
  text-align: right;
  padding-top: 77px;
  display: block;
}

.conEnlace{
  padding: 0 20px !important;
}

.conEnlace a{
  padding: 20px 0;
  width: 100%;
  width: 630px;
  height: 100%;
  display: block;
}

.node-galeria .field-name-field-image img{
  float: left;
  margin: 8px;
}

.view-frontpage .views-field-title{
  text-align: justify;
}

.pesta{
  background:url(../images/pesta.png) center bottom no-repeat;
  height: 51px;
}

.pesta ul{
  list-style-type: none;
}

.pesta ul li{
  display: inline;
}

.pesta li a{
  display: block;
  width: 188px;
  height: 50px;
  line-height: 50px;
  background: url(../images/off.png) center center no-repeat;
  float: left;
  text-align: center;

  font-family:'bebas_neueregular',Sans-Serif;
  text-transform: uppercase;
  font-size: 22px;
}

.pesta li a.on{
  color: #564e01;

  background: url(../images/on.png) center center no-repeat;

  margin-top: 1px;
}

.menu-mlid-549, .menu-mlid-551{
  font-size: 20px !important;
}

.node-type-promocion .field-name-field-foto{
  text-align: center;
}

.view-promociones-listado .views-row {
  padding-bottom: 25px;
  padding: 30px;
  background: #FFF;
  border: 1px solid #d1d1d1;
  box-shadow: 0px 0px 5px #d1d1d1;
  margin-bottom: 10px;
  }

.view-promociones-listado h2 {
  font-size: 30px;
  line-height: 1.1;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#sliding-popup.sliding-popup-bottom {
  background: rgba(0,0,0,0.8) !important;
}

#sliding-popup .popup-content #popup-text {
  color: #fff;
  float: left;
  font-weight: normal∫!important;
  margin: 5px 0;
  text-align: justify!important;
  max-width: 80%;
}

#sliding-popup .popup-content #popup-buttons {
  float: right;
  margin: 0;
  max-width: 20%;
}

#sliding-popup .popup-content #popup-buttons button.btnMarron{
  padding: 8px;
  margin-top: 5px;
  color: #FFF !important;
} 

.cajaBlancaAncha       {padding:20px; background:#FFF; border:1px solid #d1d1d1; box-shadow:0px 0px 5px #d1d1d1; margin-bottom:10px;}

.field-name-body strong, .views-field-body strong{
  font-family:'RobotoMdRegular',Sans-Serif;
}