@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin,greek);

/* Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214*/
@media (max-width: 991px) { .form-text, .form-textarea, .block-superfish select, .block-search .form-submit { background-image: none; } }

body { color: #444; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 160%; }

p { margin: 0 0 25px; padding: 0; }

a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;  
-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a:hover { text-decoration: underline;  }

a:focus { outline: none; text-decoration: none; }

blockquote { margin: 40px 40px 24px; border-left: none; padding: 0; position: relative; color: #999; }

blockquote:before { content: "\201C"; display: block; font-size: 30px; left: -20px; top: 5px; position: absolute;  }

blockquote p { font-size: 14px; line-height: 160%; font-weight: 400; }

img { display: block; height: auto; max-width: 100%; }

#pre-header { color:#aaaaaa; }

#bottom-content { color: #ffffff; }

::-moz-selection { color: #ffffff; }

::selection { color: #ffffff; }

/*Heading*/
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 120%; padding: 0; margin: 20px 0 10px 0; font-family: 'Open Sans', sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #444; }

h1 { font-size: 36px }

h2 { font-size: 30px }

h3 { font-size: 24px }

h4 { font-size: 20px }

h5 { font-size: 18px }

h6 { font-size: 16px }

h1.page-title { font-size: 32px; }

.title-sep, #pre-header h2, #promoted h2, .sidebar h2, #footer h2 { clear: both; font-size: 16px; margin-bottom: 40px; position: relative; }

.title-sep:after, #pre-header h2:after, #promoted h2:after, .sidebar h2:after, #footer h2:after { background-color: #444; content: ""; display: block; height: 4px; width: 20px; 
position: absolute; bottom: -15px; left: 0; }

.title-sep .glyphicon { font-size: 13px; padding-right: 18px; }

.page-node #content-wrapper h1.page-title { margin: 0; padding: 20px 40px 0 0; }

.page-node.page-node- #content-wrapper h1.page-title { padding: 20px 40px 0; }

/*tables*/
table { width: 100%; margin-bottom: 20px; border: 1px solid #dfdfdf; }

table tbody { border-top: none; }

table tr.even, table tr.odd, th { background-color: transparent; border-bottom: 1px solid #dfdfdf;}

thead tr th, thead tr td, tbody tr th, tbody tr td { padding: 8px; line-height: 142%; vertical-align: top; }

/*Layout*/
#pre-header { top: 0; left: 0; width: 100%; z-index: 13; position: absolute; background-color: #333; }

.logged-in #pre-header { padding-top: 64px; }

#pre-header-inside { display: none; position: relative; z-index: 13; padding: 40px 0 0 0; }

#header-top { background-color: #fcfcfc; border-bottom: 1px dashed #eaeaea; position: relative; z-index: 12; min-height: 50px; } 

#header { background-color: #fcfcfc; border-bottom: 1px solid #eaeaea; position: relative; z-index: 5; padding: 40px 0; text-align: center; min-height: 130px; }

#main-navigation { background-color: #fcfcfc; position: relative; z-index: 11; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); }

#banner-inside { padding-top: 60px; margin-bottom: 40px; }

#slideshow { padding: 10px; background-color: #fcfcfc; border: 1px solid #eaeaea; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
display: none; }

#top-content { background-color: #ffffff; padding: 40px 0 20px 0; }

#main-content { padding: 60px 0 30px 0; }

#main { padding: 0 0 20px; }

#bottom-content { padding: 40px 0 20px 0; }

#footer { background-color: #fcfcfc; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom: 1px; padding: 60px 0 30px; }

#subfooter { background-color: #fcfcfc; border-top: 1px solid #eaeaea; padding: 40px 0 20px; text-align: center; margin-bottom: 20px; }

.block { padding: 0 0 30px 0; clear: both; }

#header-top .block, #main-navigation .block, #banner .block { padding: 0; }

/*glyphicon-block*/
.glyphicon-block {text-align: center; }

.glyphicon-block .glyphicon { font-size: 48px; margin: 30px 0 0 0; }

.glyphicon-block h4 { margin-top: 10px; }

/*lists*/
ul li { list-style-type: square; }

ol li { list-style-type: decimal; }

#header ul, #subfooter ul { text-align: left; }

/*item lists*/
.item-list ul li { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-user-login .item-list ul li { border-bottom: none; padding: 0 0 5px 0; }

.item-list ul li.first { padding-top: 0; }

.item-list ul li.last { border-bottom: none; }

/*pager*/
ul.pager { overflow: hidden; padding: 0; width: 100%; clear: both; position: relative; margin-bottom: 25px; }

.item-list ul.pager li { display: inline;  float: left; margin: 0; padding: 0; border-bottom: none;}

ul.pager li a, ul.pager li.pager-current { background: #fff; border: 1px solid #eee; padding: 14px 20px; display: block; margin: 5px 3px 5px 0; 
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

ul.pager li a:hover, ul.pager li.pager-current { background-color: #444; border-color: #444; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); }

/*menus*/
ul.menu { margin: 0; padding: 0; }

ul.menu li { list-style-position: inside; padding: 15px 0 15px 0; margin:0; border-bottom: 1px dashed #ddd;}

ul.menu li a { color: #999; font-size: 14px; line-height: 150%; display: inline-block; }

ul.menu li a:hover, ul.menu li a.active { text-decoration: none;}

ul.menu li.leaf { list-style-image: none; color: #444;}

ul.menu li.expanded { border-bottom: none; padding-bottom: 0;  }

ul.menu li.expanded ul { padding-left: 25px; border-top: 1px dashed #ddd; margin-top: 15px;}

/*horizontal menus*/
#header ul.menu, #subfooter ul.menu, #top-content ul.menu, #bottom-content ul.menu { text-align: center; }

#header-top ul.menu li, #header ul.menu li, #main-navigation ul.menu li, #top-content ul.menu li,
#subfooter ul.menu li, #bottom-content ul.menu li { display: inline-block; background: none; list-style-type:none; border: none; padding: 0;}

#header ul.menu li a, #top-content ul.menu li a, #bottom-content ul.menu li a { padding: 15px 20px; }

#header-top ul.menu ul, #header ul.menu ul, #main-navigation ul.menu ul, #top-content ul.menu ul,
#subfooter ul.menu ul, #bottom-content ul.menu ul { display: none; }

/*header-top menu*/
#header-top ul.menu li a { font-size: 13px; text-transform: capitalize;  padding: 16px 20px 16px; }

/*main-navigation*/
#main-navigation ul.menu li a { text-transform: uppercase; font-weight: 700; padding: 20px; }

#main-navigation ul.menu ul li a, #header-top ul.menu ul li a  { padding: 15px 20px; text-transform: capitalize; font-weight: 400; font-size: 13px; border: 1px solid #eaeaea; border-top: none; line-height: 150%; }

/*superfish support*/
.block-superfish select { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 1px; width: 90%; }

#main-navigation .block-superfish select { border-top: none; border-bottom: none; width: 100%; } 

.block-superfish ul.sf-menu { padding: 0; margin: 0; }

.block-superfish ul.sf-menu ul { border-top: 1px solid #eaeaea; top:100%; background: #ffffff; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
-webkit-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); -moz-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); 
-ms-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); -o-box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05); display: none;}

.block-superfish ul.sf-menu ul li a { display: block; }

.block-superfish ul.sf-menu > li > ul:before,
.block-superfish ul.sf-menu > li > ul:after { content: ""; border-style: solid; border-width: 0 9px 9px 9px; 
border-color: transparent transparent #fff transparent; height: 0px; position: absolute; left: 15px; top: -9px; width: 0px; }

.block-superfish ul.sf-menu > li > ul:after { border-color: transparent transparent #eaeaea transparent; top: -10px; z-index: -1; }

.block-superfish ul.sf-menu ul ul { top:-1px; }

.block-superfish ul.sf-menu ul ul li a { border-left: none!important; }

/*superfish menu arrows*/
#main-navigation  .block-superfish ul.sf-menu > li > a.menuparent { padding: 20px 40px 20px 20px;  }

#header-top .block-superfish ul.sf-menu > li > a.menuparent { padding: 16px 40px 16px 20px;  }

.block-superfish ul.sf-menu li a.menuparent:after { content: "\e114"; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; 
position: absolute; top: 20px; right: 17px; font-size: 11px; font-weight: 400; }

#header-top .block-superfish ul.sf-menu li a.menuparent:after { top: 17px; } 

.block-superfish ul.sf-menu ul li a.menuparent:after { content: "\e080"; top: 14px; right: 10px; }

/*superfish menu style resets*/
.sf-menu.sf-horizontal.sf-shadow ul { background: #ffffff; padding: inherit!important; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;
-moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; }

/*subfooter menu*/
#subfooter ul.menu li a { padding: 0 20px 15px 20px; display: block;}

/*pre-header menu, bottom-content*/
#pre-header ul.menu li a.active, #pre-header ul.menu li a:hover, 
#bottom-content ul.menu li a.active, #bottom-content ul.menu li a:hover { color: #fafafa }

#pre-header ul.menu li a { border-bottom: 1px dashed #444444; }

/* Logo - Site name*/
#logo { padding:0 0 5px 0; text-align: center; }

#logo img { display: inherit; }

#logo img:hover { opacity: 0.8; filter: alpha(opacity=80); }

#site-name a { font-size: 38px; font-weight: 700; line-height: 1em; margin: 0 0 10px; color: #444444; display: block;}

#site-name a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

#site-slogan { color: #999; font-size: 13px; font-weight: 300; line-height: 150%; margin:10px 0 10px 0; }

/*node*/
.node.node-teaser, .page-node- #content-wrapper, .page-contact #content-wrapper { background-color: #fcfcfc; border: 1px solid #eaeaea; margin-bottom: 30px; 
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.node header h2 a:hover { text-decoration: none; }

.node > .content, #comments, .page-contact #content-wrapper { padding: 20px 40px; }

.node header { padding: 10px 40px 20px; }

.node footer { padding: 20px 40px 40px; }

.field-name-field-image { margin: 10px 0 20px; }

.node .user-signature { font-size: 12px; padding: 0; }

.user-picture { margin: 0px 15px 0 0; display: inline-block; max-width: 48px;}

.submitted .glyphicon { top: 0; }

/*comments*/
#comments { background: #ffffff; }

.comment { border: 2px solid #fff; padding: 32px; margin-top:25px;} 

.comment header { padding: 0; }

.comment h3 { clear: both; }

.comment h3 a:hover { text-decoration: none; }

.comment .user-picture { float: left; margin: 0 15px 25px 0; }

.comment .new { margin: 10px 0; display: inline-block; }

/* Taxonomy term reference */
.field-type-taxonomy-term-reference { position: relative; } 

footer .field-type-taxonomy-term-reference { float: left; }

.field-type-taxonomy-term-reference .field-label { font-weight: 400; }

.field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference .field-items { display: inline-block; }

.field-type-taxonomy-term-reference .field-item { margin: 0; display:inline;}

.field-type-taxonomy-term-reference .field-item:after { content: ","; margin-right: 5px;}

.field-type-taxonomy-term-reference .field-item:last-child:after { color: transparent; }

/*forum page*/
th.active img { margin: -4px 0 0 5px; }

#forum table { border: 1px solid #eaeaea; }

#forum thead tr { border-bottom: 1px solid #eaeaea; }

#forum thead tr th, #forum thead tr td { background: #ffffff; font-weight: 700; border:none; padding: 11px; }

#forum thead a { color: #444444; }

#forum tbody tr th, #forum tbody tr td { padding: 25px 25px 25px 15px; border:none;}

#forum tr.odd { background: #fbfbfb; border-bottom: 1px solid #eaeaea; }

#forum tr.even { background: #ffffff; border-bottom: 1px solid #eaeaea; }

#forum .last-reply { font-size: 12px; }

.node-forum .field-name-body { margin: 10px 0; }

.node-forum .field-type-taxonomy-term-reference { float: none; }

/*forms*/
input:focus, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

input.form-text, textarea.form-textarea, select { background-color: #fcfcfc; border: 2px solid #eaeaea; color: #999999; font-size: 14px; padding: 14px; width: 100%; 
min-height: 50px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} 

input.form-text:focus, textarea.form-textarea:focus { background-color: #fff; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.search-form input.form-text { width: 70%; }

.dark input.form-text { border: none; }

select { -webkit-appearance: menulist; }

fieldset { padding:10px; margin: 0 2px; border: 1px solid #eaeaea; }

legend { border-bottom: none; font-size: 14px; width: auto; margin: 0;}

input[type="radio"], input[type="checkbox"] { margin: 0px 0 3px; }

/*buttons*/
input[type="submit"], input[type="reset"], input[type="button"] { margin: 5px 5px 10px 0; background-color: #444; border: none; box-shadow: none;
color: #fff; padding: 15px 24px; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .highlighted-block .btn:hover,.highlighted-block .btn:focus { color: #ffffff; }

/*tabs*/
.nav-tabs { margin: 25px 0 15px; }

/*accordion*/
.panel-group { margin: 25px 0; }

.panel-heading a:hover { text-decoration: none; }

/* Drupal system links */
ul.links { padding: 0; margin: 0; list-style-position: inside; }

ul.links li { margin: 0; }

/* Breadcrumb */
.breadcrumb { background-color: #fcfcfc; border: 1px solid #eaeaea; padding: 14px 20px; margin-bottom: 30px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; border-radius: 6px; }

.breadcrumb > li { margin: 0 2px 0 0; display: inline; }

/* Search block */
#header-top #block-search-form { margin: 0; float: right;}

#header-top #block-search-form .form-item { margin:0; }

#header-top #block-search-form input.form-text { border: none; padding: 15px 40px 15px 15px; font-size: 13px; width: 180px; 
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; min-height: 52px; }

#header-top #block-search-form input.form-text:focus { width: 240px; background-color: #444; color: #fff;}

#block-search-form .form-actions, .sidebar-search-block .form-actions { position: absolute; top:0px; right: 20px; color: #999; font-size: 16px;}

.logged-in #block-search-form .form-actions, .logged-in .sidebar-search-block .form-actions { right: 10px; }

#block-search-form .form-actions:after, .sidebar-search-block .form-actions:after { 
font-family: 'Glyphicons Halflings'; content: "\e003"; position: absolute; top:16px; left:0; z-index: 0; }

#block-search-form input.form-submit, .sidebar-search-block input.form-submit { background-color: transparent;
color: #000; position: relative; z-index: 1; height: 52px; margin: 0; padding: 10px;}

#block-search-form input.form-submit:focus, .sidebar-search-block input.form-submit:focus, 
.sidebar-search-block input.form-submit:hover { outline: none; background: transparent; }

/*polls*/
.poll .vote-form { text-align: left; }

.poll .vote-form .choices { display: block; }

.poll .bar .foreground { background-color: #444444; }

/*call-to-action*/
.call-to-action { text-align: center; }

.call-to-action .lead { font-size: 32px; font-weight: 700; line-height: 100%; margin-bottom: 10px; text-transform: uppercase; }

.call-to-action p { margin: 0 0 30px; }

.call-to-action .btn { color: #fff; font-size: 20px; line-height:  100%; padding: 18px 28px;
-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25); }

.call-to-action .btn:hover { opacity: 0.90; filter: alpha(opacity=90); }

.call-to-action .btn:active{ -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); }

/*Recent Content block*/
#block-node-recent .node-title a { color: #444444; font-size: 16px; font-weight: 700; }

#bottom-content .node-title a { color: #ffffff; }

#pre-header .node-title a { color: #aaaaaa; }

#block-node-recent .node-title a:hover { text-decoration: none; }

#block-node-recent .node-author { margin: 5px 0; }

#block-node-recent table { border: none; }

#block-node-recent tr.even, 
#block-node-recent tr.odd { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-node-recent tbody th,
#block-node-recent tbody td { padding:8px 8px 8px 0; line-height: 1.428571429; vertical-align: top;  border: none; font-size: 13px;}

#block-node-recent tbody tr:first-child th,
#block-node-recent tbody tr:first-child td { padding-top: 0; }

#block-node-recent tbody tr:last-child { border-bottom:none; }

/*highlighted blocks*/
.highlighted-block, #block-user-login, #block-poll-recent { overflow: hidden; padding:25px; -webkit-border-radius: 6px;  -moz-border-radius: 6px; border-radius: 6px; }

.highlighted-block-inside { padding:0 25px 25px 25px;  text-align:center;}

.highlighted-block .btn { background-color: #444; color: #fff; display: block; padding: 15px 25px; margin: 20px 0 0; text-align: center; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; }

.highlighted-block.nopadding { padding: 0; }

.highlighted-block .title-sep { margin: 0px 0 40px 0; }

.light, #block-user-login, #block-poll-recent { background: #fcfcfc; color: #333; border: 1px solid #eaeaea; }

.dark { background-color: #333; color: #ccc; padding: 30px 20px 0; text-align: center;  }

.dark h3 { color: #ffffff; margin:0 0 20px 0; }

.dark input[type="submit"] { font-size: 16px; font-weight: bold; margin: 10px 0; }

.dark input[type="submit"]:hover { opacity: 0.90; filter: alpha(opacity=90); }

.dark .small { color: #999; font-size: 13px; }

#block-user-login { padding: 5px 25px 0 25px; margin: 0 0 20px 0; }

/*tags cloud*/
.tag { display: inline-block; }

.tag a { background-color: #444; color: #fff; font-size: 12px; line-height: 1em; padding: 8px; margin: 3px 0; zoom: 1; z-index: 0;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; display: block; }

.tag a:hover { color: #fff; text-decoration: none; }

/* Drupal status messages */
div.messages { padding: 15px 15px 15px 50px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-position: 13px 15px;}

div.messages a { font-weight: bold; }

div.messages.status {   color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }

div.messages.status a { color: #356635; }

div.messages.error { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; }

div.messages.error a { color: #953b39; }

div.messages.warning { color: #c09853; background-color: #fcf8e3; border-color: #faebcc; }

div.messages.warning a { color: #a47e3c; }

/*slideshow*/
.carousel .item { max-height: 520px; }

/*slider fade effect*/
.carousel-fade .carousel-inner .item { opacity: 0; filter: alpha(opacity=0); 
-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100); }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100);}

.carousel-fade .carousel-control { z-index: 2; }

/*control nav*/
.carousel ol.carousel-indicators { position: absolute; top: 20px; left: auto; z-index: 2; padding: 0 20px; margin: 0; text-align: right; -moz-opacity: 0;
-khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0); width: auto; bottom: auto; right: 20px; }

.carousel ol.carousel-indicators li { margin: 0px; padding: 0; *zoom: 1; background-color: rgba(0,0,0,0.5); cursor: pointer; border: none;
    width: 18px; height: 18px; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.carousel ol.carousel-indicators li.active { background-color: #fcfcfc; }

/*directional nav*/
.carousel .carousel-control { background-color: #fcfcfc; color: #444; display: block; width: 48px;
height: 48px; margin: 0; padding:15px; position: absolute; overflow: hidden; top: 45%;
text-align: center; cursor: pointer; opacity: 0; filter: alpha(opacity=0);  
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background-image: none; outline:none;}

.carousel .carousel-control.right { right: 20px }

.carousel .carousel-control.left { left: 20px }

.carousel a.carousel-control:active, .carousel a.carousel-control:hover { background-color: #fcfcfc }

.carousel-control .icon-prev, .carousel-control .icon-next { font-size: 40px; font-family: Arial, sans-serif; display: block; right: 0; left: auto; width: 100%; }

.carousel:hover .carousel-control, .carousel:hover ol.carousel-indicators { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

/*slider caption*/
.carousel .carousel-caption { background-color: rgba(0,0,0,0.5); color: #fff; display: block; width: 100%; padding: 20px; position: absolute; bottom: 0;
left: 0; text-align: center; text-transform: uppercase; display: block; }

.carousel .carousel-caption h4, .carousel .carousel-caption p { max-width: 1170px; margin: 0 auto; display: block; }

@media all and (max-width: 767px) {
	.carousel .carousel-caption p { display: none; }
}

@media all and (max-width: 480px) {
	.carousel .carousel-control, .carousel .carousel-caption { display: none; }
}

/*credits*/
.credits { margin-bottom: 0; font-size: 0.9em; }

/*toggle control*/
.toggle-control { width: 100%; position: relative; z-index: 13; }

.toggle-control a, .toggle-control a:hover { color: #fff; position: absolute; top: 0; right: 0; display: block; padding: 18px 19px; line-height: 14px; cursor: pointer; height: 52px; }

/*google map*/
.gm-style img { max-width: none; }

/*scroll to top*/
#toTop { position: fixed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999999; opacity: 0.4; filter: alpha(opacity=40);
width: 55px; height: 55px; bottom: 5px; right: 5px; cursor: pointer; color: #ffffff; font-size: 32px; text-align: center; display: none; padding:10px 0 0 2px; z-index: 14; }

#toTop:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

/*drupal primary links*/
ul.primary { margin: 15px 0 15px 0;  padding-left: 40px; }

ul.primary, ul.primary li a, ul.primary li.active a { border-color:#eaeaea; } ul.primary li.active a { border-bottom: 1px solid #fff; }

/*drupal resets*/
#toolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#toolbar ul.menu { width: auto; }

#toolbar ul.menu li { background: none; }

.not-logged-in .block-forum .contextual-links-wrapper { display: none; }

a.contextual-links-trigger, #toolbar a, textarea { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }

/*admin theme style rules*/
.page-node-edit .region-content { padding:0 40px; }

.page-node-edit .vertical-tabs { clear:both; }

.page-node-edit .vertical-tabs, .page-node-edit .vertical-tabs ul.vertical-tabs-list, .page-node-edit .vertical-tabs ul.vertical-tabs-list li { border-color:#dfdfdf; }


/******************************	CAMBIOS SINGULAR-MEDIA ****************************/

/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*/
/*@import 'https://fonts.googleapis.com/css?family=Titillium+Web';*/

@import url('flap.css');


/* Elementos Generales */

::-moz-selection { 
	color: #ffffff;
	background: #9A9A9A;
 }

::selection { 
	color: #ffffff;
	background: #9A9A9A;
}

.collapse {
	display: inherit !important;
}

.sombra{
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.polaroid {
	background: #fff none repeat scroll 0 0;
	border: 4px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
iframe {
	
}
body {
	font-family: 'Titillium Web', sans-serif;
	background: #EEEEEE !important;
}
.container {
	width: 100%;
	padding: 0;
}
.block {
	padding: 0;
	/*margin-bottom: 24px;*/
}
.block-superfish {
	margin-bottom: 0;
}
.block {
	clear: none;
}
.node header {
	padding: 0;
}
#header-top {
	height: 90px;
	margin-top: 0;
	background-color: rgba(0,0,0,.36);
	border: none !important; 
	position: absolute;
	width: 100%;
}
#header-top > .container > .row {
	margin: 0;
}
#page {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 0 auto;	
	padding-bottom: 72px;
}
.front #page {
	padding-bottom: 142px;
}
#main-content {
	background: url("../images/bg-content-home.png") no-repeat scroll right bottom / 40% auto;
	margin-top: 0;
	padding: 34px 0 30px;
}

.front #main-content {
	padding-bottom: 0;
}

#main-content > .container {
	padding: 0 20px;
	max-width: 1200px;
	margin: 0 auto;
}
body a, body a:hover, body a:focus {
	color: #881615;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
}
.title-sep, #pre-header h2, #promoted h2, .sidebar h2, #footer h2 {
	margin-bottom: 10px;
}
.title-sep::after, #pre-header h2::after, #promoted h2::after, .sidebar h2::after, #footer h2::after {
	display: none;
}
#page h2 {
	font-size: 24px;
	/*margin: 20px 0 10px;*/
	text-transform: uppercase;
	/*margin-bottom: 0;*/
	color: #444;
}
#page .view-header p {
	background: rgba(0, 0, 0, 0) url("../images/raya.png") no-repeat scroll left bottom;
	line-height: 10px;
	margin-bottom: 0;
	padding-bottom: 26px;
	color: #000;
}

table {
	border: none;
}
thead tr th, thead tr td, tbody tr th, tbody tr td {
	padding: 8px 0;
}

#main-navigation ul.sf-menu.sf-style-simple a, 
#main-navigation ul.sf-menu.sf-style-simple a:visited, 
#main-navigation ul.sf-menu.sf-style-simple span.nolink {
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	padding: 1rem 0;
	margin-left: 0;
	margin-right: 0;
}
#main-navigation ul#superfish-2.sf-style-simple span.nolink {
	margin-top: 9px;
}
.more-link {
	clear: both;

}
.more-link a {
	background-color: #881615;
	color: #fff;
	padding: 2px 4px;
	width: 0;
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;

}
.sharethis-buttons {
	clear: both;
	margin: 32px 0;
}
.item-list ul {
	overflow: hidden;
	margin-bottom: 0;
}
.item-list ul li {
	border-bottom: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumb {
	background-color: #fff;
	border: none;
	margin-bottom: 0;
	margin-right: 35px;
}
.node.node-teaser, 
.page-node- #content-wrapper, 
.page-contact #content-wrapper {
  background-color: transparent;
  border: none;
  border-radius: 6px;
  margin-bottom: 30px;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	background-color: #005CB1;
}

/* Pop Up Cookies */

#sliding-popup {
	background: #333 !important;
	overflow: hidden;
}
#sliding-popup .popup-content #popup-text {
	margin: 1em 0;
}
#sliding-popup .popup-content #popup-text a{
	color: #fff;
	text-decoration: underline;
}
#sliding-popup .popup-content #popup-buttons button {
	margin-bottom: 1em;
}

/* Elementos formularios */

input.form-text, textarea.form-textarea, select {
	min-height: auto;
	padding: 8px 12px;
}

/* Header */

#header {
	padding: 0;
	overflow: hidden;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: none;
	min-height: 152px;
	position: static;
}
@media screen and (max-width:768px) {
	#header {
		height: 250px;
		background: url("../images/bg-header-xs.png") no-repeat; 
	}
}

#logo {
	text-align: left;
	padding: 0;	
}

.front #logo {
	display: block;
	height: 0;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	max-width: 1200px;
	z-index: 999;
}
.front #logo#logo img {
	width: 220px;
	padding: 0;
}
.front #logo#logo img:hover
	opacity: 1;
}
#logo a{
	position: relative;
}

/* Header no home */

.not-front #header > .container {
	max-width: 1200px;
	margin: 0 auto;
}

.not-front #logo:after {
	content:""
}
.not-front #header #logo a{
	display: none;
} 

/* AVISO FLAP */

.aviso-flap {
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
	overflow: visible;
	position: absolute;
	right: 0;
	top: 0;
}
.aviso-flap .flap-stage.fixedonscroll {
	/*position: absolute;*/
	top: 90px;
	position: relative;
	float: right;
}


.flap-stage {
	z-index: 99999
}
.flap-blue-light {
	border: none !important;
	border-radius: 0 8px 8px 0 !important;
}
.flap-little-inner {
	background-color: #4e4d4d  !important;
}
.flap-little-inner h3 {
	font-weight: bold;
}
.flap-little-inner h3, .flap-little-inner p.h3,
.flap-little-inner p {
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}
.flap-button {
	cursor: pointer !important;
}

/* App Banner */

.app-home-slider {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  z-index: 9999;
}
.app-home-slider > .content {
	line-height: 0;
	background: url("../images/app-banner.png") no-repeat scroll left 84px;
	background-size: 400px;
	left: 6%;
	max-width: 515px;
	min-height: 298px;
	position: absolute;
	width: 100%;
	z-index: 9;		
	/*animation: app-slider-up .5s 1 linear;*/
}
.not-front .app-home-slider > .content {
	background: rgba(0, 0, 0, 0) url("../images/app-banner.png") no-repeat scroll right 0/ 290px auto;
	float: right;
	left: auto;
	max-width: 515px;
	min-height: 258px;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 9;
}

.front .app-home-slider > .content {
	bottom: -412px;
	animation-delay: 2s;
	animation-name: app-slider-up;
	animation-duration: .5s;
	animation-fill-mode: forwards;
}
.not-front .app-home-slider > .content {
	bottom: -412px;
	animation-delay: 2s;
	animation-name: app-slider-up-not-front;
	animation-duration: .5s;
	animation-fill-mode: forwards;
}


@keyframes app-slider-up {
    from {
        bottom: -412px;
    }

    to {
        bottom: 0;
    }
}
@keyframes app-slider-up-not-front {
    from {
        bottom: -430px;
    }

    to {
        bottom: -272px;
    }
}

@media screen and (max-width:767px) {
	.app-home-slider > .content {
		display: none !important;
	}
}
.front .app-home-slider > .content a {
	width: 112px;
	height: 51px;
	display: inline-block;
	background-size: 112px !important;
}
.not-front .app-home-slider > .content a {
	background-size: 100% auto;
	display: inline-block;
	height: 44px;
	width: 92px;
}

.front .app-home-slider > .content .HTML {
  animation-delay: 2s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-name: app-botones;
  bottom: 28px;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 108px;
}
.not-front .app-home-slider > .content .HTML {
  animation-delay: 2s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-name: app-botones;
	bottom: 114px;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	right: 0;
}

@keyframes app-botones {
    0% {
        opacitiy: 0;
		display: none;
    }
	50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
		display: block;
    }
}
.app-home-slider > .content .appstore {
	background: url('../images/appstore.png') no-repeat;
}
.app-home-slider .content .playstore {
	background: url('../images/playstore.png') no-repeat;
}
.app-home-slider .HTML {
  animation-delay: 4s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-name: app-botones;
  bottom: 9px;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 32px;
}
.app-home-slider .HTML {
  cursor: pointer;
}
.app-home-slider a {
  display: inline-block;
  height: 38px;
  width: 115px;
}

/* Widget Tiempo */

.widget-tiempo {
	height: 98px;
	position: relative;
	z-index: 999;
	width: 100%;
	max-width: 1200px;
	height: 0;
	margin: 0 auto;
}
.not-front .widget-tiempo {
	max-width: 760px;
}
.widget-tiempo > .content{
	max-width: 1200px;	 
	float: right;
	margin-top: -12px;
}
.widget-tiempo > .content > div{

}
.logo-escudo-nofront {
	margin: 24px 0;
	position: absolute;
	top: 0;
	width: 266px;
}
.logo-escudo-nofront + .widget-tiempo {
	top: 8%;
}

/**/


/* Slider */

#block-views-ultima-hora-slider-home-view {
	margin-bottom: 0;	
	background: #EEEEEE;
}
#flexslider-1 {
	border: none;
	border-radius: none;
	box-shadow: none;
	margin: 0 auto;
	background: #EEEEEE;
}
#flexslider-1 .slides li {
	overflow: hidden;
	height: 350px;
	width: 100%;
	line-height: 0;
}

#flexslider-1 .slides li .views-field-title {
	/*line-height: 0;*/
}

#flexslider-1 .slides li img {
	height: auto;
	line-height: 0;
	margin: 0 auto;
	min-width: 100%;
	position: relative;
	width: auto;
	min-height: 350px;
	-moz-box-shadow: 0 6px 16px #000;
	-webkit-box-shadow: 0 6px 16px #000;	
	box-shadow: 0 6px 16px #000;
}
#flexslider-1 .flex-control-nav {
	bottom: 16px;
	z-index: 999999; 
	
}
#flexslider-1 .flex-direction-nav {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#flexslider-1 .flex-direction-nav li{
	height: 100%;
	list-style: none;
}
#flexslider-1 .flex-direction-nav li a{
	height: 80px;
}
.flexslider .flex-direction-nav a, 
.flexslider .flex-direction-nav a {
	display: block;
}
.flexslider .flex-prev{
	left: 0;
	display: block;
}
#flexslider-1 .flex-direction-nav a:before {
  padding-top: 14px;
}
#flexslider-1 .flex-control-paging li a {
	background:  #fff;
}
#flexslider-1 .flex-control-paging li a:hover,
#flexslider-1 .flex-control-paging li a.flex-active {
  background: #C45624;
}

/* Search Form */

#header-top #block-search-form,
#header #block-search-form {
	height: 84px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
	max-width: 1200px;
	width: 100%;
	float: none;
}

.not-front #header #block-search-form{
	max-width: 498px;
}
#block-search-form > .content {
	max-width: 1200px;
	margin: 0 auto;
}
#header-top #block-search-form > .content #search-block-form,
#header #block-search-form > .content #search-block-form {
  float: right;
  max-width: 100%;
  padding: 30px 0;
  width: 448px;
}
#header-top #block-search-form > .content input.form-text,
#header #block-search-form > .content input.form-text {
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
	width: 57%;
	margin-right: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#block-search-form .form-actions {
	background: #881615;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 80px;
	float: right;
	height: 100%;
	position: relative;
	right: 94px;
}
#header-top #block-search-form > .content input.form-text,
#header #block-search-form > .content input.form-text,
#header-top #block-search-form .form-actions,
#header #block-search-form .form-actions {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding: 0 9px;
	min-height: 28px;
	height: 28px;
}
#block-search-form .form-actions::after, .sidebar-search-block .form-actions::after {
	content: "BUSCAR";
	width: 80px;
	color: #FFF;
	font-family: 'Titillium Web', sans-serif;
	text-align: center;
	line-height: 6px;
	font-size: 14px;
}
#block-search-form input.form-submit, .sidebar-search-block input.form-submit {
	height: 28px;
	padding: 0;
	width: 100%;
}
#block-search-form .form-actions::after, 
.sidebar-search-block .form-actions::after {
	top: 12px;
}

/* Menú Principal */

#main-navigation { 
	background: #881615;
	/*background: -moz-linear-gradient(left, rgba(0,3,203,1) 0%, rgba(113,130,240,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,3,203,1)), color-stop(100%, rgba(113,130,240,1)));
	background: -webkit-linear-gradient(left, rgba(0,3,203,1) 0%, rgba(113,130,240,1) 100%);
	background: -o-linear-gradient(left, rgba(0,3,203,1) 0%, rgba(113,130,240,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,3,203,1) 0%, rgba(113,130,240,1) 100%);
	background: linear-gradient(to right, rgba(0,3,203,1) 0%, rgba(113,130,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0003cb', endColorstr='#7182f0', GradientType=1 );*/
}

/* TB MENU SUPERIOR */

.tb-megamenu .nav-collapse {
	top: 58px;
}
#main-navigation-inside .tb-megamenu-item.level-3 > .dropdown-menu{
	display: none !important;
}

#main-navigation-inside .tb-megamenu-item.level-3 a:after {
	display: none;
}
#main-navigation-inside #block-tb-megamenu-menu-menu-principal-2 {
	background: rgba(0, 0, 0, 0) url("../images/bg-menu-left_2.png") repeat-x scroll 0 bottom / 1px 74px;
}
#main-navigation-inside .block-tb-megamenu .content{
	height: 68px;
	margin-top: -18px;
	display: table; 
	width: 100%;
}
#main-navigation-inside #block-tb-megamenu-main-menu > .content {
	background: rgba(0, 0, 0, 0) url("../images/bg-menu-right.png") no-repeat scroll right bottom / 38% 55px;
}
#main-navigation-inside .tb-megamenu {
	background-color: transparent;
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
}
#main-navigation-inside .tb-megamenu .nav {
	float: none;
	height: 100%;
	margin: 0 auto;
	max-width: 1200px;
}
#main-navigation-inside .tb-megamenu .nav > li > a {
	border-right: none;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 15px 28px;
}
#main-navigation-inside .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, 
#main-navigation-inside .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, 
#main-navigation-inside .tb-megamenu .nav > li.dropdown.open.active > a:hover {
	background-color: rgba(0,0,0,.4);
}
#main-navigation-inside .tb-megamenu .nav > li.open > a {
	color: #881615;
}
#main-navigation-inside #block-tb-megamenu-main-menu .tb-megamenu .nav > li.tb-megamenu-item:nth-child(5) {
	float: right;
	margin-right: 208px;
}
#main-navigation-inside .tb-megamenu .dropdown-menu {
	-moz-box-shadow: 0 16px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 16px 10px rgba(0,0,0,.2);
	box-shadow: 0 16px 10px rgba(0,0,0,.2);
	border: none;
}
#main-navigation-inside .tb-megamenu.animate .mega.open > .mega-dropdown-menu, 
#main-navigation-inside .tb-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
	border: none;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#main-navigation-inside .tb-megamenu .mega-nav .mega-group > .mega-group-title, 
#main-navigation-inside .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, 
#main-navigation-inside .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
	color: #881615;
	margin-bottom: 10px;
	padding: 0; 
}
#main-navigation-inside .tb-megamenu .dropdown-menu li > a, 
#main-navigation-inside .tb-megamenu .dropdown-submenu > a {
	border-top: none;
	border-bottom: 1px solid transparent;
}
#main-navigation-inside .tb-megamenu .dropdown-menu li > a:hover, 
#main-navigation-inside .tb-megamenu .dropdown-menu li > a:focus, 
#main-navigation-inside .tb-megamenu .dropdown-submenu:hover > a {
	color: #881615 !important;
	border-top: none !important;
	border-bottom: 1px solid #881615 !important;
}
#main-navigation-inside .tb-megamenu .dropdown-menu .active > a, 
#main-navigation-inside .tb-megamenu .dropdown-menu .active > a:hover {
	background-image: none;
	background-color: transparent;
	color: #881615;
	border-bottom: #881615;
}


/* Home - Actualidad */

.bloque-actualidad-home-principal,
.actualidad-home.resto {
	margin-bottom: 28px;
	margin-right: 15px;
}
.bloque-actualidad-home-principal h2{
	padding: 0 15px;
}
.bloque-actualidad-home-principal > .content{
	overflow: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.front .actualidad-home.resto .listado ul li{	
	width: calc(100%/2 - 15px);
	border: 4px solid #fff;
	margin: 0 !important;
}
.front .listado.noticias.home li {
	padding: 0;
	margin: 0;
}

.front .listado.noticias li > div {
	background-color: #f7f7f7;
}
@media (min-width: 768px){
	.bloque-actualidad-home-principal .view-content li .views-field-field-image img {
		
	}
	.front .actualidad-home.resto li:first-child {
	float: left;
	}
	.front .actualidad-home.resto li:last-child {
		float: right;
	}
}

.front .noticias.listado .view-content .item-list ul li {
	height: auto;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	background: #fff none repeat scroll 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;	
}
@media (max-width:784px){
	.front .noticias.listado .view-content .item-list ul li {
		width: 100%;
	}	
}

@media screen and (min-width:768px) {
	.front .noticias.home.principal .view-content .item-list ul li:first-child {
		padding: 0;
		height: 300px; 
		margin-left: 0;
	}
}

.view-content li .fecha {
  background-color: #881615;  
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  height: 32px;
  left: 4%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 48px;
  z-index: 9;
}
.bloque-actualidad-home-principal .view-content li .fecha {
	background-color: #881615 !important;
}
.view-content li .fecha.dia {
  font-size: 28px;
  line-height: 30px;
}
.view-content li .fecha.mes {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: none;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  top: 28px;
  border-radius: 0 0 8px;
}

.front .listado.noticias .views-field-title a,
.front .listado.agenda .views-field-title a{
	color: #881615;
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0 8px;
	text-transform: uppercase;
}
.front .listado.noticias .views-field-title {
	/*display: table;*/
	width: 100%;
}
aside .banner .views-field-title{
	display: block;
	height: auto;
	padding: 4px 8px;
	background: #881615;
	margin: 0;
	margin-top: 24px;
	width: auto;
	line-height: 24px;
	margin-left: 0;
}

.front .listado.noticias.normal .views-field-title {
	display: block;
	height: 38px;
	padding: 7px 0;
}
.front .listado.noticias .views-field-title a, .front .listado.agenda .views-field-title a {
	color: #881615;
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0 8px;
	text-transform: uppercase;
}
.front .listado.noticias .more-link {
	clear: both;
}

.listado.noticias.home.principal li .views-field-title,
.listado.agenda.home.principal li .views-field-title {
	height: 48px;	
	background-color: #881615;	
	display: table;
	width: 100%;
	text-transform: uppercase;	
}
@media (min-width: 768px){
	.listado.noticias.home.principal li .views-field-field-image img {
		height: 300px;
		width: auto;
		max-width: none;
	}
	.actualidad-home.resto li .views-field-field-image img {
		height: 225px;
		width: auto;
		max-width: none;
	}
	.listado.noticias.home.principal li .views-field-title,
	.listado.agenda.home.principal li .views-field-title {
		position: absolute;
		bottom: 64px;
	}
}
.listado.noticias.home.principal li .views-field-title {
	background-color: rgba(136,22,21, 0.8);
	margin-top: 0;
}

.listado.agenda.home.principal li .views-field-title {
	background-color: rgba(136,22,21, 0.8);
}

.listado.noticias.home.principal li .views-field-title .field-content,
.listado.agenda.home.principal li .views-field-title .field-content{
	display: table-cell;
	vertical-align: middle;
}
/*.listado.noticias.principal .views-field-title .field-content:after,
.listado.agenda.principal .views-field-title .field-content:after{
	border-bottom: 1px solid #fff;
	content: "";
	margin-left: 8px;
	position: absolute;
	width: 90px;
	margin-top: 2px;
}*/
.listado.noticias.home.principal li .views-field-title a,
.listado.agenda.home.principal li .views-field-title a{
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 8px;
	display: block;
	font-size: 16px;
}
.listado.noticias.home.principal li .views-field-title a {
	
}
.listado.noticias.home li .views-field-body,
.listado.agenda.home li .views-field-body {
	padding: 0 8px;
	line-height: 18px;
	height: 45px;
}

.listado.noticias.home.principal li .views-field-body,
.listado.agenda.home.principal li .views-field-body {
	color: #fff;
	font-weight: normal;
	height: 64px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
@media (min-width: 768px){
	.actualidad-home-principal li .views-field-body,
	.agenda.home.principal li .views-field-body {
		position: absolute;
		bottom: 0;
	}
}
.listado.noticias.home.principal li .views-field-body {
	background-color: rgba(136,22,21, 0.8);
}

.listado.agenda.home.principal li .views-field-body {
	background-color: rgba(136,22,21, 0.8);
}

.listado.agenda.home.principal h2, 
.bloque-agenda-home-principal h2{
	margin-bottom: 10px;
}

/* Enlaces Home */

#enlaces_interes {
	margin-bottom: 34px;
}
#enlaces_interes > .container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 8px;
}

.enlaces-home > .content > div {
	padding: 0
}
.enlaces-home a {
	height: auto;
	width: 50%;
	float: left;
}

.enlaces-home a:hover {
	margin-top: -2px;
}
.enlaces-home img{
	box-shadow: none !important;
}

/* Última Publicación */

#page .ultima-publicacion-home {
	margin: 0;
	margin-bottom: 30px;
	padding: 0 15px;
	background-color: rgb(252, 252, 252);
	border: 0 1px solid rgb(234, 234, 234);
	border-radius: 6px;
	padding-bottom: 30px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#page .ultima-publicacion-home h3 {
	font-size: 18px;
	margin: 4px 0;
}
#page .ultima-publicacion-home .view-content > .views-row{
	background: rgba(0, 0, 0, 0) url("../images/descargar.png") no-repeat scroll left / 42px auto;
	color: #2e2e2e;
	display: table;
	font-weight: normal;
	padding-left: 48px;
	vertical-align: middle;
	line-height: 14px;
	margin: 6px 0;
	height: 32px;
}

/* Calendario - Home */

.calendario.home { 
	margin-bottom: 12px;
}
.calendario.home .date-nav {
	padding-bottom: 0;
	/*display: none;*/
}
.calendario tr {
	border: none;
}
.calendar-calendar th.days {
	border: none;
}
.calendario td .month {
	text-align: center;
	font-weight: normal;
}
.calendario td {
	position: relative;
}
.calendario .mini-day-on {
	color: #005CB1;
	font-weight: bold;
}
.calendario .mini-day-on:hover + .calendar-empty a {
	text-decoration: underline;
}
.calendario .calendar-empty {
	width: 37px;
	height: 20px;
	position: absolute;
	top: 0;
}
.calendario .mini-day-on a {
	text-decoration: none;
	color: #881615;
}
.calendario-mes .calendar-empty {
	width: 100%;
	height: 100%;
	position: absolute;
}
.calendar-calendar .month-view .full td.single-day .calendar-empty{
	background: none;
	position: relative;
}
.calendar-calendar .month-view .full td.single-day:hover{
	border: 2px solid #4a911d;
}
.calendario .calendar-empty a,
.calendario-mes .calendar-empty a{
	display: block;
	height: 100%;
	width: 100%;
	background: none;
	text-decoration: none;
}
.calendario .calendar-empty:hover a{
	color: #4a911d;
}
.view-calendario ul.pager {
	height: 40px;
	position: absolute;
	top: -12px;
	width: 100%;
	z-index: 2147483647;
	display: none; /* provisional */
}
.view-calendario ul.pager > li,
.view-calendario ul.pager > li a {
	background: transparent !important;
	border: none;
	color: #4a911d;
	font-size: 18px;
	display: none;
}
.view-calendario ul.pager > li a:hover {
	margin-top: -2px;
}
.view-calendario .date-nav-wrapper .date-prev {
	left: 0;
	right: auto;
}

/* Agenda - Home */

.bloque-agenda-home-principal {
	margin-bottom: 15px;
} 
.bloque-agenda-home {
	margin-bottom: 12px;
}

.bloque-agenda-home-principal > .content {
	overflow: hidden;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}	
.listado.agenda.home .item-list > ul > li {
	height: 310px;
	padding: 0;
}
@media (max-width: 767px){
	.listado.agenda.home .item-list > ul > li {
		height: auto;
	}
}
#sidebar-second .agenda.home.normal li {
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	background: rgba(0, 0, 0, 0) url("../images/calendario.png") no-repeat scroll -3px center / contain ;
	height: 68px;
	margin: 0;
	position: relative;
	overflow: hidden;
}


#sidebar-second .agenda.home.normal .dia {
	font-size: 20px;
	position: absolute;
	text-align: center;
	top: 22px;
	width: 75px;
	font-weight: bold;
}
#sidebar-second .agenda.home.normal span.date-display-single {
	color: #fff;
	font-size: inherit;
	text-align: center;
}
#sidebar-second .agenda.home.normal .mes {
	bottom: 0;
	font-size: 12px;
	height: 30px;
	position: absolute;
	text-align: center;
	width: 76px;
}
#sidebar-second .agenda.home.normal .views-field-title {
	float: right;
	font-size: 16px;
	height: 32px;
	line-height: 11px;
	padding-top: 0;
	padding-left: 0;
	width: calc(100% - 78px);
	margin: 0;
}
#sidebar-second .agenda.home.normal .views-field-title .field-content{
	display: table-cell;
	vertical-align: middle;
}
#sidebar-second .agenda.home.normal .cuerpo {
  clear: right;
  float: right;
  font-size: 12px;
  height: 42px;
  line-height: 14px;
  overflow: hidden;
  width: calc(100% - 78px);
  padding-left: 8px;
  font-weight: normal;
}

/* Bloque Enlaces Interés */

#enlaces_interes > .container {
	max-width: 1200px;
	margin: 0 auto;
}

/* Parallax Content Home */

#parallax-content {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#parallax-content > .container {
	max-width: 1200px;
	margin: 0 auto;
}

#block-menu-menu-faldon-turismo h2 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
#block-menu-menu-faldon-turismo ul li {
	width: 24%;
	height: 180px;
	display: table !important;
	float: left;
	text-align: center;
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 34px;
}
#block-menu-menu-faldon-turismo ul li a{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
	display: table-cell;
	height: 100%;
	height: 180px;
	vertical-align: bottom;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
#block-menu-menu-faldon-turismo ul li:hover a{
	background-size: 60%;
}
#block-menu-menu-faldon-turismo ul li a.comer {
	background-image: url('../images/comer.png');
}
#block-menu-menu-faldon-turismo ul li a.dormir {
	background-image: url('../images/dormir.png');
}
#block-menu-menu-faldon-turismo ul li a.ver {
	background-image: url('../images/visitar.png');
}
#block-menu-menu-faldon-turismo ul li a.fiestas {
	background-image: url('../images/fiestas.png');
}

/* Contenido Multimedia - Home */

.contenido-multimedia.home .views-field-title {
	color: #781714;
	font-size: 24px;
	margin: 14px 0;
	font-weight: normal;
}
.contenido-multimedia.home .flexslider .slides > li {
	list-style: none;
}
.contenido-multimedia.home .flex-direction-nav {
	display: none;
}

/* Galería Multimedia - Home */

.galeria-home > .content {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.galeria-home p{
	margin: 0; 
}
.galeria-home .ug-gallery-wrapper,
.galeria-home .ug-gallery-wrapper .ug-grid-panel,
.galeria-home .ug-gallery-wrapper .ug-slider-wrapper {
	height: 338px !important;
}

/* ASIDE */

#main-content aside {
	padding-left: 0;
	padding-right: 0;
}
#sidebar-first {
	padding-top: 62px;
	padding-right: 15px;
}
#sidebar-second { 
	padding: 0 15px;
	background-color: rgb(252, 252, 252);
	border: 1px solid rgb(234, 234, 234);
	border-radius: 6px;
	margin-bottom: 30px;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

aside .banner li {
	position: relative;
}
aside .banner .views-field-title {
	position: absolute;
	color: #fff;
	top: 0;
	margin: 26px 18px;
	margin-left: 0;
	font-size: 18px;
}
aside .banner .views-field-field-enlace {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	color: transparent;
	margin: 12px 0;
}
aside .banner .views-field-field-enlace a{
	color: transparent !important;
	display: block;
	width: 100%;
	height: 100%;
}

/* BOTTOM CONTENT */

#bottom-content {
	background: none !important;
}

#bottom-content > .container {
	max-width: 1200px;
	margin: 0 auto;
}

/* FOOTER */

.node footer {
	border-top: 0 !important;
}

#footer {
	background-color: #1b1b1b;
	padding: 0;
	margin: 0;
	border: none;
	color: #fff;
	position: relative;
	padding-bottom: 24px;
}
/*#footer:before {
	background: rgba(0, 0, 0, 0) url("../images/footer-decora.png") no-repeat scroll center center / 158px auto;
	content: "";
	height: 158px;
	position: absolute;
	top: -158px;
	width: 100%;
}*/
#footer > .container {
	max-width: 1200px;
}
#footer h2{
	margin-bottom: 15px;
	text-transform: uppercase;
}

@media (max-width: 767px){
	#footer {
		padding: 0 32px;
	}
}

/* Escudo Pie */

#footer .escudo-pie {
	margin-top: 32px;
}
	
@media (min-width: 768px){
	#footer .escudo-pie {
		margin-top: 8px;
		width: 224px;
	}
}
#footer .tfno-footer {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

/* Menú Footer */

#footer .block-menu ul.menu{
	padding-left: 34px;
	padding-top: 53px;
}
#footer .block-menu ul.menu > li{
	border: medium none;
	list-style: outside none none;
	padding: 7px 0;
}
#footer .block-menu ul.menu > li a{
	color: #FFF;
}
#footer .block-menu ul.menu > li a:hover{
	text-decoration: underline;
}

@media (max-width: 767px){
	#footer .block-menu ul.menu{
		padding: 18px 32px;
	}
	#footer .block-menu ul.menu > li{
		text-align: center;
	}
	#footer .block-menu ul.menu > li a{
		font-size: 20px;
	}
	
}

/* Newsletter */

.boletin-suscripcion .marker{
	color: #fff;
}

.facebook-footer {
	height: 280px;
}
#subfooter {
	background-color: #8b1623;
	padding: 6px 0;
	border: none;
	margin: 0;
}
.creditos-pie {
	color: #fff;
	margin: 0;
}
.creditos-pie p {
	margin: 0;
}

/* Bloque newsletter */

footer .boletin-suscripcion #edit-subscribe {
	padding: 8px;
	float: left;
}
footer .boletin-suscripcion #edit-unsubscribe {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	text-decoration: underline;
	float: right;
	clear: none;
	padding: 8px 0;
}

/***** LISTADOS *****/

.views-exposed-form .form-item {
	display: inline-block;
	margin-right: 8px;
}

.views-exposed-form label {
	font-weight: normal;
}

ul.pager li a, ul.pager li.pager-current {
	border-radius: 0;
	padding: 8px 12px;
	background-color: #881615;
	color: #fff;
}
ul.pager {
  float: left;
  width: auto;
}
.view-footer {
	clear: both;
	margin-bottom: 18px;
	text-align: center;
}
.listado ul.pager li {
	height: auto !important;
}

.listado table td.active {
	background-color: transparent;
}

.listado img.file-icon {
	float: left;
	margin-right: 6px;
}

.not-front #main .listado.noticias .view-content .item-list ul li,
.not-front #main .listado.agenda .view-content .item-list ul li{
	padding: 0;
	margin-bottom: 32px;
}

@media (min-width: 768px){
	.not-front #main .listado.noticias .view-content .item-list ul li,
	.not-front #main .listado.agenda .view-content .item-list ul li {
		width: calc(100%/4 - 30px);	
		margin-left: 30px;
	}
	.not-front #main .listado.noticias .view-content .item-list ul li,
	.not-front #main .listado.agenda .view-content .item-list ul li	{
		margin-left: 30px;
	}
}


.listado .view-content li .categoria{
	/*color: #fff;
	background: #881615none repeat scroll 0 0;*/
	float: right;
}
@media (max-width: 767px){
	.listado .view-content li .views-field-title{
		margin: 0;
		margin-top: 8px;
		width: calc(100% - 120px);
	}
}
.listado .view-content li .views-field-title a{
	color: #000;
	font-size: 15px;
	font-weight: normal;
}

.listado .view-content li .views-field-title a:hover{
	
}
.listado .view-content li .views-field-field-image img {
	margin: 0 auto;
	width: 100%
	/*width: auto;*/
}

.listado .view-content li .views-field-totalcount{
	font-size: 10px;
}
.listado li .views-field-field-categoria a{
	font-size: 12px;
	background: #881615;
	color: #fff;
	padding: 2px 4px;
}
.listado li .views-field-field-subtitulo {
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0;
  text-align: justify;
  font-weight: lighter;
}
@media (max-width: 767px){
	.listado .view-content li .views-field-title a{
		font-size: 24px;
	}
	.listado li .views-field-field-subtitulo {
		font-size: 18px;
	}
}

/* Últimas Noticias */

.not-front #main .noticias.listado .view-content .item-list ul li {
	height: auto;
}
@media (min-width: 768px){
	.not-front #main .noticias.listado .view-content .item-list ul li {
		min-height: 352px;
		width: calc(100%/3 - 30px);
		float: left;
	}
}
.not-front #main .noticias.listado .view-content .item-list ul li .views-field-field-image img{
	width: 100%;
}
/* DETALLE */


#page #tipo-contenido-cabecera span {
	color: #444444;
	font-size: 30px;
	margin: 0 auto;
	text-transform: uppercase;
	max-width: 1200px;
	margin: 0 40px;
	float: right;
	border-bottom: 2px solid; 
	width: calc(100% - 80px);
	text-align: right;
	padding-bottom: 2px;
	font-style: oblique;
}

#page .content {
	position: relative;
}
.node > .content, #comments, .page-contact #content-wrapper {
	padding-left: 0;
}
.node footer {
	padding: 0;
}
#page .content img {
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.page-node.page-node- #content-wrapper h1.page-title,
.view .view-header h1{
	padding: 0;
	margin-bottom: 24px;	
	border-bottom: 2px solid #444;
	color: #881615;
	text-align: right;
	width: 100%;
	margin-top: 0;
}
.page-node .field-name-field-fecha {
  float: right;
  font-size: 16px;
  position: absolute;
  right: 40px;
  top: 29px;
}
.content .field-type-taxonomy-term-reference{
	/*position: absolute;
	top: 0;*/
}
#page .content .field-type-taxonomy-term-reference a{
	background: #881615;
	color: #fff;
	padding: 2px 4px;
}



/****** PAGINAS NODOS ******/

.page-node .statistics_counter {
	display: none;
}

.page-node a:hover {
	color: #881615;
}

.node-type-actividad .node h1,
.node-type-instalacion .node h1 {
	margin-bottom: 24px;
}
.page-node .node .date,
.page-node .node .field-name-field-fecha{
	float: right;
	width: auto;
	color: #881615;
	padding-top: 0;
	font-size: 14px;
	margin-bottom: 18px;
}
.page-node .node .field-name-field-fecha span:before {
	content:"\f073";
	color: #777;
	font-family: FontAwesome;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	left: 10px;
	padding-right: 0.2em;
	text-decoration: inherit;
	top: 0;
}
.page-node .node .labelnyatas,
.page-node .node .field-name-field-categoria,
.page-node .node .field-name-field-categoria-empresa{
	float: right;
	width: auto;
	padding-top: 0;
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	height: 17px;
	line-height: 17px;
	padding: 0 5px;
	text-decoration: none;
}
.page-node .node .labelnyatas:hover,
.page-node .node .field-name-field-categoria:hover,
.page-node .node .field-name-field-categoria-empresa:hover{
	background-color: #348550;
}
.page-node .node .labelnyatas a,
.page-node .node .field-name-field-categoria a,
.page-node .node .field-name-field-categoria-empresa a{
	font-size: 14px;
	color: #FFF !important;
	padding: 0;
}
.page-node .node .field-type-image {
	clear: both;
	text-align: center;
}
.node-type-evento .node .field-type-image {
	margin-top: 24px;
}
.page-node .node .field-type-image,
.node-type-fiestas  .field-type-image
{
	float: left;
	width: 40%;
	margin-right: 2%;
}
.page-node .node .field-name-field-phone,
.page-node .node .field-name-field-documento{
	float: left;
	width: 58%;
}

.node-type-instalacion .node .field-type-image {}

.page-node .node .field-name-field-phone,
.page-node .node .field-name-field-email,
.page-node .node .field-name-field-web,
.page-node .node .field-name-field-youtube {
	font-size: 18px;
	min-width: 35.5%;
	line-height: 38px;
}
.page-node .node .field-name-field-phone {
	margin-top: 12px;
}

.page-node .node .field-name-field-phone .field-item:before,
.page-node .node .field-name-field-email .field-item:before,
.page-node .node .field-name-field-web .field-item:before,
.page-node .node .field-name-field-youtube .field-item:before,
.page-node .node .field-name-field-documento .field-item:before {
	font-family: fontawesome;
	font-size: 32px;
	margin-left: 2px;
	margin-right: 6px;
	display: inline-block;
	text-align: center;
	width; 24px;
}
.page-node .node .field-name-field-phone .field-item:before{
	content:"\f10b";
	font-size: 40px;
}
.page-node .node .field-name-field-email .field-item:before{
	content:"\f0e0";
	font-size: 24px;
}
.page-node .node .field-name-field-web .field-item:before{
	content:"\f108";
	font-size: 24px;
}
.page-node .node .field-name-field-youtube .field-item:before{
	content:"\f166";
	font-size: 24px;
}
.page-node .node .field-name-field-documento .field-item:before{
	content:"\f15b";
	font-size: 24px;
}
.page-node .node .field-name-field-localizacion {
	padding: 24px 0;
	clear: both;
}

.page-node .field-name-body {
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	clear: both;
}
.node-type-evento .field-name-body {
	margin-top: 44px;
}
.page-node .field-name-body .field-label{
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1px dotted;
}
.page-node .node .post-body {
	clear: both;
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}
.page-node .node .imagenArticulo {
	margin: 0 24px 12px 0;
	float: left;
}
.page-node .node .datos {
	overflow: hidden;
	margin-bottom: 24px;
}
.page-node .node .datos .info {
	line-height: 40px;
	font-size: 18px;
	min-width: 35.5%;
}
.page-node .node .datos .info a {
	color: #666;
}
.page-node .node .datos .info:hover a {
	color: #348550;
}
.page-node .node .datos .info:before {	
	font-family: fontawesome;
	font-size: 48px;
	margin-left: 2px;
	margin-right: 6px;
}

/* Páginas Documentos */

.node-type-documentos .node .field-name-field-documento .field-item:before {
	display:  none;
}
.node-type-documentos  .node .field-name-field-phone, .page-node .node .field-name-field-documento,
.node-type-documentos  .node .field-name-field-phone, .page-node .node .field-name-field-documento .file {
	width: 100%;
	line-height: 20px;
	margin-bottom: 16px;
}
.node-type-documentos  .node .field-name-field-phone, .page-node .node .field-name-field-documento .file-icon {
	float: left;
	margin-right: 8;
}
.node-type-documentos .node .pdf-reader-download-link {
	clear: both;
	background: rgba(0, 0, 0, 0) url("../images/descargar.png") no-repeat scroll left center / 42px auto;
	height: 32px;
	line-height: 28px;
	padding-left: 48px;
	display: block;
	font-size: 24px;
}

/* Páginas Estáticas */

.node-type-page .field-type-image {
	width: auto;
}
.node-type-page .field-name-body,
.node-type-fiestas .field-name-body {
	clear: none !important;
}

.mas-servicios table {
	border: none;
}
.mas-servicios table tr{
	background: none !important;
}
.mas-servicios table td {
	padding: 2%;
}

/* Páginas Artículos (noticias, agenda, ..)*/

.node-noticias h1.page-title,
.node-type-evento h1.page-title {
	margin-bottom: 0;
}

.node-noticias .node .date, .page-node .node .field-name-field-fecha,
.node-type-evento .node .date, .page-node .node .field-name-field-fecha{
	float: left;
	left: 0;
	margin-top: -18px;
	position: relative;
	top: 0;
	width: 100%;
}
.node-noticias .content .field-type-taxonomy-term-reference,
.node-type-evento .content .field-type-taxonomy-term-reference {
	float: right;
	text-align: right;
	left: 0;
	margin-top: -38px;
	position: relative;
	top: 0;
	width: 50%;
}
.node-type-evento .content .field-name-field-lugar {
	clear: both;
}
.node-noticias .field-type-image,
.node-type-evento .field-type-image{
	width: auto;
}
.node-noticias .field-type-text-long,
.node-type-evento .field-type-text-long,
.node-noticias .field-name-body,
.node-type-evento .field-name-body {
	clear: none !important;
}
.node-noticias .field-name-field-subtitulo,
.node-type-evento .field-name-field-subtitulo{
	padding-top: 32px;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
}

/* Compartir */

#main .redes-sociales {
	margin: 32px 0;
}
#main .redes-sociales h2 {
	display: inline-block;
	float: left;
	line-height: 48px;
	margin: 0 8px 0 0;
}
#main .redes-sociales a {
	width: 32px;
	height: 32px;
	display: inline-block;
	margin: 0 4px;
	position: relative;
	background-size: 32px !important;
}
#main .redes-sociales a:hover {
	top: -2px;
}
#main .redes-sociales #facebook {
	background: url('../images/facebook.png') no-repeat;
}
#main .redes-sociales #twitter {
	background: url('../images/twitter.png') no-repeat;
}
#main .redes-sociales #googleplus {
	background: url('../images/google.png') no-repeat;
}
#main .redes-sociales #linkedin {
	background: url('../images/linkedin.png') no-repeat;
}

/* LISTADO AGENDA */

.listado.agenda .item-list > ul > li {
	height: 540px; 
	margin: 0;
}
@media (max-width: 767px){
	.listado.agenda .item-list > ul > li {
		height: auto;
	}
}
.listado.agenda .item-list > ul > li .fecha {
	background-color: #881615 !important;
}
.listado.agenda .item-list > ul > li .fecha {
	left: 32px;
}
.listado.agenda.home.principal .item-list > ul > li .fecha {
	left: 2%;
}
.listado.agenda .item-list > ul > li .fecha .dia {	
	font-size: 24px;
	line-height: 28px;
}
.listado.agenda .item-list > ul > li .fecha .mes {	
	font-size: 18px;
	line-height: 5px;
}
.page-noticias .listado .view-content li .views-field-title,
.page-agenda .listado .view-content li .views-field-title {
	height: 52px;
	display: table;
}
.page-noticias .listado .view-content li .views-field-title a,
.page-agenda .listado .view-content li .views-field-title a{
	color: #881615;
	font-size: 18px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.page-noticias .listado .view-content li .views-field-field-fecha {
	padding: 0;
	text-align: left;
}
.page-noticias .listado .view-content li .views-field-totalcount {
	padding: 0;
	text-align: right;
}
.page-noticias .listado .view-content li .views-field-body,
.page-agenda .listado .view-content li .views-field-body {
	text-align: justify;
	line-height: 18px;
	clear: both;
}

/* DETALLE LUGARES */

.node-type-actividad .field-name-body,
.node-type-instalacion .field-name-body,
.node-type-empresas .field-name-body,
.node-type-lugares .field-name-body{
	/*float: right;*/
	margin-top: 12px;
	/*width: 58%;*/
	width: 100%;
	clear: none;
}
.page-node .field-type-youtube .field-item
{
	float: left;
	width: 30.33%;
	margin-right: 1%
}
.page-node .field-type-youtube .field-item iframe {
	max-width: 100%;
	height: auto;
}

/* SIDEBAR NOTICIAS */


aside .block {
	padding: 0;
	margin-bottom: 30px;
}
/*aside .block h2 span{
	background-color: #0050A4;
	color: #fff;
	padding: 4px 8px;
}*/

.noticia-mas-leida {
	padding-bottom: 0;
}
aside .views-field-field-image {
	padding: 0;
}
aside .listado.noticias .view-content li {
	width: 100% !important;
	margin: 5px 0 !important;
	overflow: hidden;
}
aside .listado.noticias .view-content li .views-field-title {
	line-height: 16px;
}
.aside .listado.noticias .view-content li .views-field-title a {
	font-size: 13px;	
}

/* LISTADO LUGARES */

.not-front #main .listado.lugares > .view-content .item-list li {
	border-bottom: medium none;
	overflow: hidden;
	position: relative;
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 1%;
	position: relative;
}
@media (min-width: 786px) {
	.listado.lugares > .view-content .item-list li {
		width: 48%;
		height: 168px; 
	}
	.listado.lugares > .view-content .item-list li:nth-child(2n-1) {
		float: left;
	}
	.listado.lugares > .view-content .item-list li:nth-child(2n) {
		float: right;
	}
}
.listado.lugares > .view-content .item-list li .views-field-title {
	border-bottom: medium none;
	margin-top: 0;
	margin-bottom: 14px;
	text-align: left;
	border-top: medium none;
	float: right;
	font-size: 18px;
	width: 70%;
	line-height: 14px;
}
.listado.lugares > .view-content .item-list li .views-field-field-image {
  float: left;
  margin-right: 3%;
  overflow: hidden;
  width: 27%;
}
.listado.lugares > .view-content .item-list li .views-field-field-image img {
	width: auto;
	float: left;
}
.listado.lugares > .view-content .item-list li .info {
  float: right;
  font-size: 14px;
  line-height: 24px;
  width: 70%;
}
.listado.lugares > .view-content .item-list li .info .field-content {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 90px 60px;
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  width: 100%;
}
.listado.lugares > .view-content .item-list li .telefono:before {
  content: "\f10b";
  font-family: fontawesome;
  font-size: 24px;
  margin-left: 2px;
  margin-right: 6px;
}
.listado.lugares > .view-content .item-list li .mail:before {
	font-family: fontawesome;
	margin-right: 4px;
	content:"\f0e0";
}
.listado.lugares > .view-content .item-list li .info.views-field-field-email {
	min-width: auto;
}
.listado.lugares > .view-content .item-list li .mapa:before  {
	font-family: fontawesome;
	margin-right: 4px;
	content:"\f041";
	font-size: 20px;
}

.listado.lugares .item-list li .more-link {
	position: absolute;
	right: 15px;
	bottom: 15px;
	margin: 1%;
}
.listado.lugares .item-list li .more-link:hover {
	color: #fff;
	margin-right: 1px;
}

/* Listado Documentos */

.listado.documentos .view-content > .item-list > ul > li {
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	margin-bottom: 30px;
	min-height: 105px;
	padding: 1%;
	position: relative;
	overflow: hidden;
}
.listado.documentos .item-list > ul > li .views-field-field-fecha {
	/*color: #cccccc;
	float: left;
	font-size: 49px;
	margin-right: 12px;
	padding: 0 3px;
	text-align: center;
	width: 92px;
	float: left*/
	font-size: 14px;
}
.listado.documentos .item-list > ul > li .fecha.dia {
	font-size: 64px;
	line-height: 42px;
}
.listado.documentos .item-list > ul > li .fecha.mes {
	clear: left;
	font-size: 32px;
	line-height: 42px;
}
.listado.documentos .item-list > ul > li .views-field-title {	
	margin-top: 0 !important;
}
.listado.documentos .item-list > ul > li .views-field-title span {
	font-size: 26px;
	color: #781714;
}
.listado.documentos .item-list > ul > li .views-field-field-documento {
	margin-top: 12px;
	clear: left;
	color: rgba(0, 0, 0, 0);
	display: block;
	float: left;
	height: auto;
	overflow: hidden;
	width: 47%;
	word-wrap: break-word;
}
.listado.documentos .item-list > ul > li .views-field-field-documento li {
	padding: 2px 0;
}
.listado.documentos .item-list > ul > li .views-field-field-documento .file-icon {
	display: none;
}
.listado.documentos .item-list > ul > li .views-field-field-documento a {
	color: #2e2e2e;
	font-weight: normal;
	padding-left: 104px;
	background: rgba(0, 0, 0, 0) url("../images/descargar.png") no-repeat scroll left top / 42px auto;
	display: table-cell;
	font-weight: normal;
	padding-left: 48px;
	vertical-align: middle;
}
.listado.documentos .item-list > ul > li .views-field-body {
  clear: right;
  float: right;
  margin-bottom: 24px;
  padding-top: 0;
  width: 51%;
}

/* Listado Plenos */


.listado.plenos > .view-content .item-list > ul > li .views-field{
	float: right;
	width: calc(100% - 690px);
}
.listado.plenos > .view-content .item-list li h2 {
	width: 100%;
	max-width: none;
	margin-bottom: 24px;
}
.listado.plenos > .view-content .item-list li .video{
	margin-right: 48px;
	float: left;
	max-width: 690px;
}
.listado.plenos > .view-content .item-list > ul > li .views-field-body {
	width: 100%;
	float: none;
	clear: both;
}

/* Listado Avisos */

.listado.avisos .item-list li {
  background: #fcfcfc url("../images/calendario.png") no-repeat scroll left top / 175px 100%;
  height: auto;
  max-height: 165px;
  min-height: 129px;
  padding: 0 3% 24px 0 !important;
  position: relative;
  margin: 24px 0;
  clear: both;
  	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
.listado-avisos .item-list .views-field-field-fecha {
	font-size: 14px;
}
.listado.avisos .views-field-field-fecha, 
.listado.avisos .views-field-field-fecha-1{
  display: table;
  float: left;
  height: 78px;
  text-align: center;
  width: 175px;
}
.listado.avisos .views-field-field-fecha-1{
	bottom: -24px;
	clear: left;
	float: left;
	position: absolute;
}
.listado.avisos .dia {
  display: table-cell;
  font-weight: bold;
  vertical-align: bottom;
}

.listado.avisos span.date-display-single {
  color: #ffffff;
  
  line-height: 32px;
}
.listado.avisos .dia {
	font-size: 38px;
}
.listado.avisos .mes {
	font-size: 24px;
}
.listado.avisos .item-list h2.views-field-title {
  font-size: 18px;
  margin-left: 192px !important;
}
.listado.avisos .item-list .views-field-title a{
	
}
.listado.avisos .item-list .views-field-body {
  height: 50px;
  text-align: left;
  margin-left: 192px;
}
.listado.avisos .item-list .more-link {
  /*background: #C45624;*/
  border: 1px solid #eeeeee;
  border-radius: 6px;
  bottom: 0;
  clear: right;
  float: left;
  margin: 12px 0;
  padding: 1px 6px;
  position: absolute;
  right: 24px;
}
.listado.avisos .item-list .more-link a {
	color: #fff;
}

/* Listado Directorio */

.listado.directorio .item-list {
	background-color: #fcfcfc;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 1%;
	position: relative;
}
.listado.directorio .item-list ul li{
	height: 42px;
}

.listado.directorio .item-list h3 {
	font-weight: bold;
	font-size: 18px;	
}
.listado.directorio .item-list .views-field-title a {
	
}
.listado.directorio .item-list .views-field-field-phone {
  background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll left center / 20px auto;
  font-size: 16px;
  margin: 0;
  padding-left: 24px;
}

/* LISTADO MULTIMEDIA */

.listado.galeria .view-content .item-list ul li {
	width: 25%;
	float: left;
	
}
#page .listado.galeria .view-content .item-list ul li .views-field-title{
	display: table;
	height: 54px;
	line-height: 14px;
	margin-bottom: 12px;
	width: 100%;
	text-align: center;
}
.listado.galeria .view-content .item-list ul li .views-field-title a{
	display: table-cell;
	vertical-align: bottom;
}
#page .listado.galeria .view-content .item-list ul li .views-field-field-image img{
	height: 160px;
	width: auto;
}

/* Listado filtro */

.listado .view-filters {
	
}
.listado .view-filters select {
	height: 40px;
	min-height: 40px;
	padding: 1px;
	margin-top: -4px;
}
.listado .view-filters .form-submit {
	height: 40px;
	min-height: 40px;
	line-height: 10px;
}

/* Reservas */

.reservas a {
	display: table;
	height: 200px;
	margin-bottom: 20px;
	width: 100%;
}
.reservas a span{
	background: #881615 none repeat scroll 0 0;
	border-radius: 8px;
	color: #ffffff;
	display: table-cell;
	font-size: 27px;
	text-align: center;
	vertical-align: middle;
}
.reservas a:hover {
	text-decoration: none;
}
.reservas a:hover span{
	background: #881615;
}

/* Administrador Incidencias */

.page-node-772 #main-wrapper{
	padding-bottom: 492px;
}

.page-node-772 #edit-actions  {
	position: absolute;
	bottom: -467px;
}
.page-node-772 #infoPanel {
	position: absolute;  
	overflow: hidden; 
	width: 700px; 
	height: 400px; 
	bottom: -400px;
}
#mapCanvas {
	background-color: rgb(229, 227, 223); 
	overflow: hidden; 
	width: 700px; 
	height: 400px; 
}

.page-node-772 #mapCanvas {
	position: absolute; 
}

/* Incidencias Resueltas */

#node-479 div {
	margin: 32px 0;
}

#node-479 .imagen.resuelta {
	width: 100%;
	clear: both;
	text-align: center;
}
#node-479 .date {
	position: absolute;
	right: 0;
	top: 0;
}
#node-479 .categoria {
	clear: both;
	float: left;
	display: inline;
	background: #000;
	padding: 17px 12px;
}
#node-479 .categoria span{
	content: "CATEGORÍA";
	color: #fff;
	font-size: 28px;
}
#node-479 .coord {
	background: #1b7c0a none repeat scroll 0 0;
	display: inline;
	float: right;
	padding: 17px 12px;
	text-transform: uppercase;
}
#node-479 .coord a{
	color: #fff;
	font-size: 28px;
}
#node-479 .pie{
	clear: both;
	width: 100%;
	background: #eee none repeat scroll 0 0;
	border-bottom: medium none;
	overflow: hidden;
	padding: 1%;
}
#node-479 .pie div{
	margin: 0;
}
#node-479 .imagen{
	clear: both;
	float: left;
	width: 33%;
}
#node-479 .descripcion{
	float: right;
	width: 60%;
}

body.page-node-479 #main-wrapper,
table {
	width: 100%;
}
table th {
  background: #e1e2dc none repeat scroll 0 0;
  border-color: #bebfb9;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  padding: 3px 10px;
  text-transform: uppercase;
}
tr {
  background: none;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
/*
tr:nth-child(2n){
	background: #fff;
}
*/
#main-wrapper .region-content > .block:nth-child(5) .file a{
	background: url('../images/descargar.png') no-repeat left center;
	display: block;
	height: 60px;
	color: transparent;
}
.file a:hover{
	color: transparent;
}

.node-webform .file a{
	background: none;
	display: inline;
	height: auto;
	color: inherit;
}
.node-webform .file a:hover{
	color: inherit;
}
/* Rutas */

.rutas {
	overflow: hidden;
}
.rutas .datos label {
	width: 80px;
}

/**/

/* BOTÓN NOTIFICACIONES */

.botones-administracion > .content {
	max-width: 1200px;
	margin: 0 auto;
}

a.boton-admin {
	background: none repeat scroll 0 0 #CE7D0C;
	color: #fafafa;
	display: block;
	font-size: 16px;
	line-height: 23px;
	padding: 2px;
	float: left;
	text-align: center;
	top: 5px;
	width: 215px;
	word-wrap: inherit;
	z-index: 2147483647;
	border-radius: 10px;
	margin: 10px 7%;
}
a.boton-admin.notificar {
	background: red;
}
a.boton-admin.rutas{ 
	background: green;
}


/*Generic stuff
===================================*/

/*Defaults*/

.flap-default-gradient{
    /*Gradient background*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

    /*Rounded corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px #fff;

    border:solid 1px #ccc;
    color:#555;
}

a.flap-default-gradient:hover{
    background-color:#ccc;
    border-color:#aaa;
}


a.flap-default-gradient:active{
    /*Inset drop-shadow*/
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2);

    background-color:#ededed;
    background-position:0 -10px;
    background-repeat:repeat-x;
    border-color:#aaa;
}

/*Buttons
-----------------*/
.flap-button-container{
  margin: 7px 0 0 0;
  text-align:center;
}

.flap-button{
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);/*Default*/
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); /*Default*/
  color:#333 !important;
	display: inline-block;
	*display:inline;
	margin: 10px auto 0 auto;
	padding:5px 7px;
	text-align: center;
	text-decoration: none;
	zoom:1;

}



/* Little flap
===================================*/
.flap-stage{

	min-height:150px;/*Default*/
	position: absolute;
	right:20px;
	top:0;
	width:150px;/*Default*/
	z-index:99999;

  -webkit-perspective:800px;
  -moz-perspective:800px;
  -o-perspective:800px;
  perspective:800px;

  -webkit-perspective-origin:50% 0%;
  -moz-perspective-origin:50% 0%;
  -o-perspective-origin:50% 0%;
  perspective-origin:50% 0%;

}

.flap-little{
	background-color:#dd0;
	display:block;
	left:0;
	position: absolute;
	/* position: fixed; - Use to keep in view after scroll*/
	right:0;
	top:0;
	z-index:500;

/*Start flipped up*/
-webkit-transform:rotateX(90deg) translateZ(0);
-moz-transform:rotateX(90deg) translateZ(0);
-o-transform:rotateX(90deg) translateZ(0);
transform:rotateX(90deg) translateZ(0);

/*Initial position*/
-webkit-transform-origin:50% 0%;
-moz-transform-origin:50% 0%;
-o-transform-origin:50% 0%;
transform-origin:50% 0%;

/*Animate the flip*/
-webkit-animation:flap 2s 1 ease;/*Default*/
-moz-animation:flap 2s 1 ease;
-o-animation:flap 2s 1 ease;
animation:flap 2s 1 ease;

/*animate in after x seconds*/
-webkit-animation-delay:0s;/*Default*/
-moz-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s;

  /*Leave the final frame showing*/
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;

-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;

}

.flap-little.hidden{
	opacity:0;
}

.flap-little-inner{
	padding:10px;
}

.flap-little-inner h3,
.flap-little-inner p.h3{
	font-size:20px;/*Default*/
	margin:0 0 7px 0;/*Default*/
}
.flap-little-inner p{
	font-size:13px;/*Default*/
  line-height:1.2em;
  margin-bottom:5px;
}

.flap-little-inner a{color:#fff;}

.flap-description{margin: 7px 0 0 0;}

.flap-close{
	background:transparent url(../images/close-white.png) no-repeat 0 0;
	bottom:3px;
  height:16px;
	opacity:0.6;
	position: absolute;
	right:3px;
	text-indent: -9000px;
	width:16px;
}

.flap-close:hover{opacity:1;}

.flap-message{
	background:#000;/*Default*/
	background:rgba(0,0,0,0.8);/*Default*/

	border-bottom:solid 3px #fff;/*Default*/

	min-height: 50px;/*Default*/
	overflow:hidden;
	position: fixed;
	right:0;
	top:0;
	width:0%;
	z-index: 10;

	/*Make full message animate in*/
	-webkit-transition: all 0.3s ease;  /*Default*/
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*Show the full message*/
.flap-message.flap-showing{
	/*Added here to stop shadow showing at right edge initially*/
	-webkit-box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.4);/*Default*/
	box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.4); /*Default*/

	width:100%;
}

/*Inner box for full message*/
.flap-message-inner{
	color:#fff;/*Default*/
	padding:10px;
}

/*Move down when logged to avoid admin bar*/
.admin-bar .flap-stage,
.admin-bar .flap-message{top:27px;}

@-moz-keyframes flap {
 0% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(90deg) translateZ(0);
   transform: rotateX(90deg) translateZ(0);
 }
 20% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(-75deg) translateZ(0);
   transform: rotateX(-75deg) translateZ(0);
 }
 40% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(50deg) translateZ(0);
   transform: rotateX(50deg) translateZ(0);
 }
 60% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(-33deg) translateZ(0);
   transform: rotateX(-33deg) translateZ(0);
 }
 80% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(22deg) translateZ(0);
   transform: rotateX(22deg) translateZ(0);
 }
 90% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(-7deg) translateZ(0);
   transform: rotateX(-7deg) translateZ(0);
 }
 95% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(3deg) translateZ(0);
   transform: rotateX(3deg) translateZ(0);
 }
 95% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(-2deg) translateZ(0);
   transform: rotateX(-2deg) translateZ(0);
 }
 100% {
   -moz-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -moz-transform: rotateX(0) translateZ(0);
   transform: rotateX(0) translateZ(0);
 }

}

@-webkit-keyframes "flap" {
 0% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(90deg) translateZ(0);
   transform: rotateX(90deg) translateZ(0);
 }
 20% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(-75deg) translateZ(0);
   transform: rotateX(-75deg) translateZ(0);
 }
 40% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(50deg) translateZ(0);
   transform: rotateX(50deg) translateZ(0);
 }
 60% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(-33deg) translateZ(0);
   transform: rotateX(-33deg) translateZ(0);
 }
 80% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(22deg) translateZ(0);
   transform: rotateX(22deg) translateZ(0);
 }
 90% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(-7deg) translateZ(0);
   transform: rotateX(-7deg) translateZ(0);
 }
 95% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(3deg) translateZ(0);
   transform: rotateX(3deg) translateZ(0);
 }
 95% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(-2deg) translateZ(0);
   transform: rotateX(-2deg) translateZ(0);
 }
 100% {
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -webkit-transform: rotateX(0) translateZ(0);
   transform: rotateX(0) translateZ(0);
 }

}


@-o-keyframes "flap" {
 0% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(90deg) translateZ(0);
   transform: rotateX(90deg) translateZ(0);
 }
 20% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(-75deg) translateZ(0);
   transform: rotateX(-75deg) translateZ(0);
 }
 40% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(50deg) translateZ(0);
   transform: rotateX(50deg) translateZ(0);
 }
 60% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(-33deg) translateZ(0);
   transform: rotateX(-33deg) translateZ(0);
 }
 80% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(22deg) translateZ(0);
   transform: rotateX(22deg) translateZ(0);
 }
 90% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(-7deg) translateZ(0);
   transform: rotateX(-7deg) translateZ(0);
 }
 95% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(3deg) translateZ(0);
   transform: rotateX(3deg) translateZ(0);
 }
 95% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(-2deg) translateZ(0);
   transform: rotateX(-2deg) translateZ(0);
 }
 100% {
   -o-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   -o-transform: rotateX(0) translateZ(0);
   transform: rotateX(0) translateZ(0);
 }

}

@keyframes flap {
  0% {
     animation-timing-function: ease-in-out;
     transform: rotateX(90deg);
   }
   20% {
     animation-timing-function: ease-in-out;
     transform: rotateX(-75deg);
   }
   40% {
     animation-timing-function: ease-in-out;
     transform: rotateX(50deg);
   }
   60% {
     animation-timing-function: ease-in-out;
     transform: rotateX(-33deg);
   }
   80% {
     animation-timing-function: ease-in-out;
     transform: rotateX(22deg);
   }
   90% {
     animation-timing-function: ease-in-out;
     transform: rotateX(-7deg);
   }
   95% {
     animation-timing-function: ease-in-out;
     transform: rotateX(3deg);
   }
   95% {
     animation-timing-function: ease-in-out;
     transform: rotateX(-2deg);
   }
   100% {
     animation-timing-function: ease-in-out;
     transform: rotateX(0);
   }
}

/*Alternate anim 1*/

@-webkit-keyframes side-flap {
  0% {
  	-webkit-animation-timing-function: ease-out;
    -webkit-transform: rotate(90deg) translateZ(0);
    transform:rotate(90deg) translateZ(0);
  }

  25% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-70deg) translateZ(0);
    transform: rotate(-70deg) translateZ(0);
  }

  50% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(35deg) translateZ(0);
    transform: rotate(35deg) translateZ(0);
  }

  75% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-17deg) translateZ(0);
    transform: rotate(-17deg) translateZ(0);
  }

  100% {
  	-webkit-animation-timing-function: ease-out;
    -webkit-transform: rotate(0) translateZ(0);

    transform: rotate(0) translateZ(0);
  }
}

@-webkit-keyframes side-flap-reverse {
  0% {
  	-webkit-animation-timing-function: ease-out;
    -webkit-transform: rotate(-90deg) translateZ(0);
    transform: rotateX(90deg) translateZ(0);
  }

  25% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(70deg) translateZ(0);
    transform: rotateX(70deg) translateZ(0);
  }

  50% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-35deg) translateZ(0);
    transform: rotateX(-35deg) translateZ(0);
  }

  75% {
  	-webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(17deg) translateZ(0);
    transform: rotateX(17deg) translateZ(0);
  }

  100% {
  	-webkit-animation-timing-function: ease-out;
    -webkit-transform: rotate(0) translateZ(0);

    transform: rotateY(0deg);
  }
}

/*Flap positions
==================================*/
.flap-stage.leftpos{
  left:20px;
  right:auto;
}

.flap-stage.middlepos{
  margin-left: 50%;
  right: auto;
-webkit-transform:translate(-50%, 0);
   -moz-transform:translate(-50%, 0);
    -ms-transform:translate(-50%, 0);
     -o-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
}

/*Flap widths
==================================*/
.flap-stage.mediumflap{width:250px;}
.flap-stage.bigflap{width:540px;}
.flap-stage.hugeflap{width:90%;}

/*Other flap stuff
==================================*/
.flap-stage.fixedonscroll{position: fixed;}

/*Configurable styles
==================================*/

.flap-black-blue{
    /*Gradient background*/
    background: rgb(54,64,70); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(54,64,70,1) 0%, rgba(21,25,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,64,70,1)), color-stop(100%,rgba(21,25,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(54,64,70,1) 0%,rgba(21,25,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(54,64,70,1) 0%,rgba(21,25,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(54,64,70,1) 0%,rgba(21,25,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(54,64,70,1) 0%,rgba(21,25,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364046', endColorstr='#15191b',GradientType=0 ); /* IE6-9 */

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Other styles*/
    border:solid 1px #000;
    color:#ABB8C0;

}

.flap-black-gloss{
    /*Gradient background*/
  background: rgb(174,188,191); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 10%, rgba(10,14,10,1) 11%, rgba(10,8,9,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(10%,rgba(110,119,116,1)), color-stop(11%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 10%,rgba(10,14,10,1) 11%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 10%,rgba(10,14,10,1) 11%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 10%,rgba(10,14,10,1) 11%,rgba(10,8,9,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 10%,rgba(10,14,10,1) 11%,rgba(10,8,9,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  border:solid 1px #444;
  color:#fff;
}

.flap-black-satin{

  /*Gradient background*/
  background: #7d7e7d; /* Old browsers */
  background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
  background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Other styles*/
  border:solid 1px #333;
  color:#fff;
}


.flap-blue-dark{
    /*Gradient background*/
  background: rgb(71,100,155); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(71,100,155,1) 0%, rgba(4,59,153,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,100,155,1)), color-stop(100%,rgba(4,59,153,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(71,100,155,1) 0%,rgba(4,59,153,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(71,100,155,1) 0%,rgba(4,59,153,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(71,100,155,1) 0%,rgba(4,59,153,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(71,100,155,1) 0%,rgba(4,59,153,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47649b', endColorstr='#043b99',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px #000;

  border:solid 1px #043b99;
  color:#fff;
}

.flap-blue-gloss{
    /*Gradient background*/
  background: rgb(184,225,252); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px rgba(0,0,0,0.4);

  border:solid 1px #6daae5;
  color:#fff;
}

.flap-blue-ios{
  /*Gradient background*/
        background: rgb(1,136,202); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(1,136,202,1) 0%, rgba(0,99,166,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,136,202,1)), color-stop(100%,rgba(0,99,166,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(1,136,202,1) 0%,rgba(0,99,166,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(1,136,202,1) 0%,rgba(0,99,166,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(1,136,202,1) 0%,rgba(0,99,166,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(1,136,202,1) 0%,rgba(0,99,166,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0188ca', endColorstr='#0063a6',GradientType=0 ); /* IE6-9 */


        /*Inset drop-shadow*/
        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
        -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
        box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);

  /*Rounded corners*/
  -webkit-border-radius:0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;

  /*Text shadow*/
  text-shadow: 0px 1px 1px #000;

  border:solid 1px #014471;
  color:#fff;
}

.flap-blue-light{
    /*Gradient background*/
  background: rgb(233,246,253); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,246,253,1)), color-stop(100%,rgba(211,238,251,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(233,246,253,1) 0%,rgba(211,238,251,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb',GradientType=0 ); /* IE6-9 */


  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px #fff;

  border:solid 1px #7DAFDB;
  color:#111;
}

.flap-gold{
      /*Gradient background*/
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */


    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 1px 0px rgba(255,255,255,0.8);

    border:solid 1px #f8b500;
    color:#111;
}

.flap-green{
        background: rgb(205,235,142); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px #fff;

  border:solid 1px #649E14;
  color:#111;
}

.flap-green-dark{
  /*Gradient background*/
  background: rgb(98,125,77); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */
  background: linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px #000;

  border:solid 1px #1F3B08;
  color:#fff;
}

.flap-green-ios-gloss{

  /*Gradient background*/
  background: rgb(66,151,58); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(66,151,58,1) 0%, rgba(50,134,42,1) 10%, rgba(25,109,16,1) 10%, rgba(19,75,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,151,58,1)), color-stop(10%,rgba(50,134,42,1)), color-stop(10%,rgba(25,109,16,1)), color-stop(100%,rgba(19,75,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(66,151,58,1) 0%,rgba(50,134,42,1) 10%,rgba(25,109,16,1) 10%,rgba(19,75,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(66,151,58,1) 0%,rgba(50,134,42,1) 10%,rgba(25,109,16,1) 10%,rgba(19,75,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(66,151,58,1) 0%,rgba(50,134,42,1) 10%,rgba(25,109,16,1) 10%,rgba(19,75,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(66,151,58,1) 0%,rgba(50,134,42,1) 10%,rgba(25,109,16,1) 10%,rgba(19,75,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42973a', endColorstr='#134b0c',GradientType=0 ); /* IE6-9 */

  /*Inset drop-shadow*/
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;

  /*Text shadow*/
  text-shadow: 0px 1px 1px #000;

  border:solid 1px #062103;
  color:#fff;
}

.flap-green-lime{
      /*Gradient background*/
    background: rgb(230,240,163); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */

    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 1px 0px #fff;

    border:solid 1px #9FAF1F;
    color:#333;
}

.flap-grey-light{
      /*Gradient background*/
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

    /*Rounded corners*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px #fff;

    border:solid 1px #ccc;
    color:#555;
}

.flap-grey-light-alternate{
    background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
  color: #555;
  border:solid 1px #ccc;
  border-radius: 0 0 5px 5px;
  box-shadow:inset 0px 2px 3px #fff;
}

.flap-grey-shiny{
    /*Gradient background*/
  background: #e2e2e2; /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 10%, #d1d1d1 11%, #fefefe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(10%,#dbdbdb), color-stop(11%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 10%,#d1d1d1 11%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 10%,#d1d1d1 11%,#fefefe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 10%,#d1d1d1 11%,#fefefe 100%); /* IE10+ */
  background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 10%,#d1d1d1 11%,#fefefe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px #fff;

  border:solid 1px #ccc;
  color:#333;
}

.flap-khaki{
          /*Gradient background*/
        background: rgb(213,206,166); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,206,166,1)), color-stop(40%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  border:solid 1px #7C704D;
  color:#222;
}

.flap-orange{
      /*Gradient background*/
    background: rgb(255,197,120); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */


    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px rgba(255,255,255,0.4);

    border:solid 1px #BF7911;
    color:#111;
}
.flap-pink-gloss{
    /*Gradient background*/
  background: #fcecfc; /* Old browsers */
  background: -moz-linear-gradient(top, #fcecfc 0%, #fba6e1 10%, #fd89d7 11%, #ff7cd8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcecfc), color-stop(10%,#fba6e1), color-stop(11%,#fd89d7), color-stop(100%,#ff7cd8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcecfc 0%,#fba6e1 10%,#fd89d7 11%,#ff7cd8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcecfc 0%,#fba6e1 10%,#fd89d7 11%,#ff7cd8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcecfc 0%,#fba6e1 10%,#fd89d7 11%,#ff7cd8 100%); /* IE10+ */
  background: linear-gradient(top, #fcecfc 0%,#fba6e1 10%,#fd89d7 11%,#ff7cd8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */

  /*Drop shadow*/
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

  /*Rounded corners*/
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  /*Text shadow*/
  text-shadow: 0px 1px 0px rgba(0,0,0,0.2);

  border:solid 1px #cb1595;
  color:#000;
}
.flap-pink-hot{
      /*Gradient background*/
    background: #ff5db1; /* Old browsers */
    background: -moz-linear-gradient(top, #ff5db1 0%, #ef017c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5db1), color-stop(100%,#ef017c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* IE10+ */
    background: linear-gradient(top, #ff5db1 0%,#ef017c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */

    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);

    border:solid 1px #cb1595;
    color:#fff;
}
.flap-purple{
      /*Gradient background*/
    background: rgb(203,96,179); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */

    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);

    border:solid 1px #cb1595;
    color:#fff;
}
.flap-red{
      /*Gradient background*/
    background: rgb(169,3,41); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px rgba(0,0,0,0.2);

    border:solid 1px #6d0019;
    color:#fff;
}
.flap-wood{
      /*Wood background*/
    background:#2d1c12 url(../images/bg_darkwood_texture_sml.png);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px #fff;

    border:solid 1px #2d1c12;
    color:#eee;

    text-shadow:none;
    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 1px rgba(255,255,255,0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 1px rgba(255,255,255,0.4);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4),inset 0px 1px 1px rgba(255,255,255,0.4);
}
.flap-yellow{
      /*Gradient background*/
    background: rgb(252,245,148); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,245,148,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,245,148,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,245,148,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,245,148,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,245,148,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(252,245,148,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf594', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */


    /*Drop shadow*/
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

    /*Rounded corners*/
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    /*Text shadow*/
    text-shadow: 0px 2px 0px #fff;

    border:solid 1px #AA8527;
    color:#634316;
}