*/
.box-content-wrap {
background: rgba(125, 125, 125, 0.1);
padding: 10px;
}
.content_box {
background:#F9F9F9;
padding:20px 10px;
zoom: 1;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border-width: 1px;
border-style: solid;
border-color: #bbb #bbb #bbb #bbb; /* e1e1e1 */
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
margin:10px 3px 15px 3px;
}
.shadow-frame {
display:block;
z-index: 1;
position: relative;
max-width: 100%;
}
.element-bottomshadow:before, .element-bottomshadow:after {
position: absolute;
bottom: 15px;
left: 10px;
z-index: -1;
height: 20%;
max-height: 100px;
max-width: 460px;
width: 60%;
content: "";
opacity: 0.4;
-webkit-box-shadow:0 17px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 17px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 17px 10px rgba(0,0,0,0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.element-bottomshadow:after {
left: auto;
right: 10px;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
}
/* --------------------------------------------
PAGE HEADING
-------------------------------------------- */
.page-heading {
padding-top: 30px;
padding-bottom:20px;
margin-top: 0;
margin-bottom: 0!important;
position: relative;
text-align: center;
border-bottom: 0px solid #000;
border-top: 0!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.page-heading h1, .page-heading h3 {
margin-top: 0px;
margin-bottom: 0px;
/*white-space: nowrap;*/
color: #222;
}
.page-heading .heading-text {
float: left;
margin-left: 15px;
}
.page-heading .heading-logo {
margin: 0px auto;
text-align:center;
}
.heading-logo img, .heading-logo a.logo, .heading-logo a img {
border: medium none;
box-shadow: none;
outline: medium none;
/*display: none;*/
}
/*
max-width: 100%;
max-height: 100%;
width: 750px;
*/
a.logo img {
max-height: 85px;
display: inline-block;
float: left;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.logo:hover img {
-moz-opacity: 0.75;
filter: alpha(opacity= 75);
opacity: 0.75;
}
a.logo {
display: inline-block;
vertical-align: middle;
height: auto;
overflow: hidden;
color: #fff;
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* float: left;*/ /*no poner afecta middle y responsive*/
a.logo:hover{
-moz-opacity: 0.75;
filter: alpha(opacity= 75);
opacity: 0.75;
}
/* para banner publicitarios*/
a.banner img {
max-height: 145px;
display: inline-block;
float: left;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.banner:hover img {
-moz-opacity: 0.6;
filter: alpha(opacity= 60);
opacity: 0.6;
}
a.banner {
display: inline-block;
vertical-align: middle;
height: auto;
overflow: hidden;
color: #fff;
text-shadow: none;
}
/*
height: auto;
overflow: hidden;
display: block;
*/
/* --------------------------------------------
TITLE NOTICIAS
-------------------------------------------- */
.wrap-heading h1.news {
font-family:"Roboto Condensed",sans-serif;
font-size: 26px;
font-weight: 700;
line-height: 42px;
text-align: center;
}
.items_news {
font-family:"Roboto Condensed",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 42px;
padding: 10px 20px;
text-align: left;
float: left;
}
/*
display: inline-block;
position: relative;
*/
/*
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-ms-transition: opacity 2s ease-in;
-o-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
*/
.news_controller {
width: 100%;
overflow: hidden;
background: #FFF;
height: auto;
position: relative;
border-bottom: 10px solid rgba(0, 0, 0, 0.1); /* 5, 51, 105, 0.3 azul*/
-webkit-border-radius: 4px / 4px 0px 0px 4px;
-moz-border-radius: 4px / 4px 0px 0px 4px;
border-radius: 4px / 4px 0px 0px 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
.news_controller .btn-title {
position: relative;
padding: 10px 20px;
background: #053369; /* 5aa628 verde*/
float: left;
}
/*
no poner en btn para que sea responsive
display: inline-block;
*/
.news_controller .btn-title h1{
color: #fff;
font-family:"Roboto Condensed",sans-serif;
text-align: center;
font-size: 26px;
font-weight: 100;
line-height: 42px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.news_controller #owl-news {
padding: 0;
margin: 0;
}
/* position: absolute;*/
/*display: block;*/
/*left: 84px;*/
/* left: 180px; */
/* right: 50px; */
/* begin fadein animation */
/* --------------------------------------------
PAGE TITLE
-------------------------------------------- */
div.wrap-heading {
padding-top:20px;
padding-bottom: 20px;
position: relative;
border-bottom: 1px solid transparent;
border-top: 0;
width: 100%;
}
/*
font-family:"Ubuntu",sans-serif;
font-weight: 700;
letter-spacing: -1px;
white-space: nowrap;
*/
.wrap-heading h1 {
margin-top: 0px !important;
/*margin-bottom: 0px !important;*/
font-family:"Roboto Condensed",sans-serif;
font-size: 24px;
font-weight: 400;
/*line-height: 0px;*/
display: inline-block;
line-height: initial;
margin-bottom: 9px;
}
.wrap-heading .heading-text {
/*float: left;*/
/*margin-left: 30px;*/
text-align: left;
}
.wrap-heading .clickstream {
display: inline-block;
text-align: center;
float: right;
}
.clickstream{
font-family: "Roboto Condensed",sans-serif;
font-weight: 400;
font-size: 14px;
color: #0067B2;
line-height: 38px; /* 22px */
margin: 0;
padding:0 15px; /*10px 15px*/
/*float: right;*/
/*white-space: nowrap;*/
background:#eaeaea;
-webkit-border-radius: 4px / 4px 4px 4px 4px;
-moz-border-radius: 4px / 4px 4px 4px 4px;
border-radius: 4px / 4px 4px 4px 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
/*
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,.1)
;*/
span.category_separator{
/*text-transform: capitalize;*/
}
span.category_separator a{
/*text-transform: capitalize;*/
text-decoration: none;
}
p.cat-descrip-text {
font-family: "Times New Roman",Times,serif;
color: #555;
font-size: 16px;
line-height:18px;
font-weight: normal;
font-style: italic;
text-shadow: none;
}
.category_wrap {
width: 100%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.category-items {
margin-bottom: 0;
list-style: none;
opacity: 1;
position: relative;
}
.category-items > li {
max-width: 190px;
width: 190px;
display: inline-block;
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
padding-right: 15px;
padding-left: 15px;
vertical-align: top;
}
.category-items > li figure {
position: relative;
}
.category-items > li figure {
position: relative;
margin-bottom: 0px;
}
.cat-item {
border-bottom-color: #E4E4E4;
}
/*background: rgba(5, 51, 105, 0.95);*/
.cat-item figure {
border-width: 1px;
border-style: solid;
border-color: #053369 #053369 transparent;
webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
outline:none;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
/*box-shadow: left & right */
.cat-item figure:hover{
border-color: #00AEEF #00AEEF transparent;
-webkit-box-shadow: 4px 0 2px -2px rgba(0, 174, 239,.25),
-4px 0 2px -2px rgba(0, 174, 239,.25);
-moz-box-shadow: 4px 0 2px -2px rgba(0, 174, 239,.25),
-4px 0 2px -2px rgba(0, 174, 239,.25);
box-shadow: 4px 0 2px -2px rgba(0, 174, 239,.25),
-4px 0 2px -2px rgba(0, 174, 239,.25);
}
.cat-item figure img {
max-width: 190px;
height: 145px;
overflow: hidden;
position: relative;
display: block !important;
z-index: -1;
}
/*
.cat-item figure img:hover {
background: rgba(0, 174, 239,.25);
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
*/
.cat-item .cat-item-details {
background: rgba(5, 51, 105, 0.95);
padding: 15px 10px 10px;
margin-top: -3px;
border-top: 1px solid #0067B2;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);
box-shadow: 0 2px 2px rgba(0,0,0,.3);
z-index: 1;
}
.cat-item h3.cat-item-title {
font-family: "Roboto Condensed",Arial,Helvetica,Tahoma,sans-serif;
color: #fff;
font-size: 16px;
line-height: 24px;
font-weight: normal;
margin-bottom: 5px;
text-align: left;
display: block;
margin-top: 0;
text-shadow: 1px 1px 0px #053369;
/*letter-spacing: -1px;*/
}
.cat-item h3.cat-item-title a{
color: #fff;
text-shadow: 1px 1px 0px rgb(0, 0, 0);
zoom:1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.cat-item h3.cat-item-title a:hover{
color: #e7e7e7;
text-shadow: 1px 1px 0px #0067B2, 2px 2px 0px #053369;
letter-spacing:0.025em; /*scale text*/
}
.cat-item p.cat-item-text {
font-family: "Times New Roman",Times,serif;
color: #f7f7f7;
font-size: 12px;
line-height:18px;
font-weight: normal;
font-style: italic;
text-shadow: 1px 1px 0px rgb(0, 0, 0);
}
.col_catbit {
margin-right: 4%;
margin-bottom: 40px;
}
[class*="col_"] {
position: relative;
display: inline-block;
min-height: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*-----------------------------------------------------*/
/* NAVIGATION TOP BAR -----------------------------*/
/*-----------------------------------------------------*/
#top-bar {
padding: 20px 10%;
width:100%;
z-index:99;
/*height: 70px;*/
line-height: 34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
background-color: #053369; /*0069B2*/
-webkit-box-shadow:inset 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:inset 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
box-shadow:inset 0 -10px 10px -10px rgba(0, 0, 0, 0.7);
}
/*
background-image: -webkit-gradient(linear, left top, left bottom, from(#048EC7), to(#0069B2));
background-image: -webkit-linear-gradient(top, #048EC7, #0069B2);
background-image: -moz-linear-gradient(top, #048EC7, #0069B2);
background-image: -ms-linear-gradient(top, #048EC7, #0069B2);
background-image: -o-linear-gradient(top, #048EC7, #0069B2);
background-image: linear-gradient(top, #048EC7, #0069B2);;
background-image: linear-gradient(top, #0067B2, #048EC7);
*/
#top-bar h3 {
font-family: "Raleway",sans-serif;
font-size:22px;
font-weight:700;
margin-bottom:0px;
margin-top:0px;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
color:#f7f7f7;
line-height:44px;
}
#top-bar h3:first-letter {
text-transform: lowercase;
}
.top-right > nav {
float: right;
/*margin-right: -10px;*/
margin-left: 20px;
z-index: 99;
}
.top-left > nav {
float: left;
/*margin-left: -10px;*/
margin-right: 20px;
}
#top-bar .menu > ul > li i{
margin-left: 8px;
}
input.button.top-bar{
cursor: pointer;
float: right;
display: inline-block;
line-height: 28px;
margin-bottom: 0px !important;
padding: 0px 4px !important;
text-align: center;
}
/*----------------------*/
/*
nav ul {
margin: 0;
padding: 5px;
list-style: none;
position: relative;
}
nav ul li {
display: inline-block;
}
*/
/*----------------------*/
/*login*/
nav.nav {
margin-top:20px;
display: inline-block;
}
nav ul.nav {
margin: 0;
padding: 5px;
list-style: none;
position: relative;
background: #eee;
border-bottom: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
nav ul.nav > li{
display: inline-block;
}
nav #login {
border-right: 1px solid #ddd;
-moz-box-shadow: 1px 0 0 #fff;
-webkit-box-shadow: 1px 0 0 #fff;
box-shadow: 1px 0 0 #fff;
}
li#login{
display: inline-block;
}
li#signup{
display: inline-block;
}
li#buscador{
display: none; /*inline-block*/
}
nav #login-trigger,
nav #signup a {
display: inline-block;
*display: inline;
*zoom: 1;
height: 32px;
line-height: 32px;
font-weight: bold;
padding: 0 8px;
text-decoration: none;
color: #222;
text-shadow: 0 1px 0 #fff;
outline:none;
}
nav #signup a {
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
nav #login-trigger {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
nav #login-trigger:hover,
nav #login .active,
nav #signup a:hover {
background: #fff;
outline:none;
}
nav #login-content {
display: none;
position: absolute;
top:36px; /*24px;*/
right: 0;
z-index: 999;
background: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: -moz-linear-gradient(top, #fff, #eee);
background-image: -ms-linear-gradient(top, #fff, #eee);
background-image: -o-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(top, #fff, #eee);
padding: 15px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
moz-border-radius: 3px 0 3px 3px;
-webkit-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
}
nav li #login-content {
right: 0;
/*width:100%;*/ /* 250px*/
}
/*--------------------*/
#inputs input {
background: #f1f1f1;
padding: 6px 5px;
margin: 0 0 5px 0;
width:88%; /*238px*/
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #ccc inset;
-webkit-box-shadow: 0 1px 1px #ccc inset;
box-shadow: 0 1px 1px #ccc inset;
display: inline-block;
height:auto;
}
#inputs input:focus {
background-color: #fff;
outline: none;
border:1px solid rgba(0, 103, 178, 0.5); /* accent:#0067B2 azul */
-webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
}
/*--------------------*/
#login #submit {
background-color: #555;
background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#555));
background-image: -webkit-linear-gradient(top, #111, #555);
background-image: -moz-linear-gradient(top, #111, #555);
background-image: -ms-linear-gradient(top, #111, #555);
background-image: -o-linear-gradient(top, #111, #555);
background-image: linear-gradient(top, #111, #555);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border: 1px solid #000;
/*float: left;*/
height: 30px !important;
padding: 4px 6px !important;
width: auto; /*100px*/
cursor: pointer;
font: bold 14px;
color: #fff;
}
#login #submit:hover,
#login #submit:focus {
background-color: #111;
background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#111));
background-image: -webkit-linear-gradient(top, #555, #111);
background-image: -moz-linear-gradient(top, #555, #111);
background-image: -ms-linear-gradient(top, #555, #111);
background-image: -o-linear-gradient(top, #555, #111);
background-image: linear-gradient(top, #555, #111);
}
#login #submit:active {
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#login #submit::-moz-focus-inner {
border: none;
}
#login #actions {
margin: 10px 0 0 0;
font-size: 14px;
}
#login label {
margin-right: 8px;
line-height: 30px;
color:#444;
}
#login label input {
position: relative;
top: 2px;
right: 2px;
}
#login label input[type="checkbox"] {
position: relative;
top: 2px;
right: 4px;
margin:0px;
vertical-align:baseline;
}
label.lost-label {
/* margin-top: 15px;
float: none !important;
width: 100%;
text-align: center;
*/
}
label.lost-label a{
color:#444;
}
label.lost-label a:hover{
color:#02918d;
text-decoration: none;
}
#small-nav {
background-color:transparent !important;
border-bottom: 0px solid #000 !important;
padding:25px 0px 35px 0px;
}
/*-----------------------------------------------------*/
/* NAVIGATION HEADER -----------------------------*/
/*-----------------------------------------------------*/
/*
font-family: "Marvel",sans-serif !important;
font-size: 24px;
font-weight: 400;
*/
#nav.nav-holder {
font-family: "PT Sans",sans-serif;
font-weight: 100;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-align: center;
text-transform: capitalize;
letter-spacing: 1px;
margin-top: 20px;
padding: 10px 0;
}
/*#nav.nav-holder .sf-menu > li > a {
height:18px ;
line-height: 18px ;
}
#nav.nav-holder .sf-menu > li > a:hover {
color: #0000;
}*/
.sf-menu {
display: inline-block;
}
.sf-menu > ul{
margin: 0px;
padding: 0px;
list-style: outside none none;
position: relative;
float:none;
background: none;
border-bottom: none;
border-radius: 0px;
}
.sf-menu > li {
float: none;
display: inline-block;
padding-right: 6px;
padding-left: 6px;
position: relative;
}
.sf-menu > li > a {
float: none;
display: inline-block;
padding-right: 6px;
padding-left: 6px;
position: relative;
}
#nav {
float: none;
}
#nav > ul {
list-style:none;
float: none;
text-align: center;
list-style: outside none none;
margin: 0px;
padding: 0px;
border: 0px;
background: none;
}
#nav > ul > li, #nav > ul > li > a {
float: none;
display: inline-block;
/* padding-right: 6px;
padding-left: 6px;*/
position: relative;
}
/*
#nav ul a, .site-navigation li.current-menu-ancestor a {
border-top: 0px none;
padding-top: 0px;
}
#nav ul a {
color: #222;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
}
#nav ul a:hover {
color: #053369;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
}
*/
#nav ul li.button-menu {
margin-right: 5px;
zoom: 1;
padding: 7px 5px;
background-color: #053369;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
-webkit-transition:background-color 1s ease-out;
-moz-transition:background-color 1s ease-out;
-o-transition:background-color 1s ease-out;
-ms-transition:background-color 1s ease-out;
transition:background-color 1s ease-out;
}
/*botón hazte socio*/
#nav ul li.button-menu.accent {
margin-right: 5px;
zoom: 1;
padding: 7px 9px;
background-color: #007EDA; /*#007EDA*/
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
-webkit-transition:background-color 1s ease-out;
-moz-transition:background-color 1s ease-out;
-o-transition:background-color 1s ease-out;
-ms-transition:background-color 1s ease-out;
transition:background-color 1s ease-out;
}
/*
background-image: -webkit-gradient(linear, left top, left bottom, from(#048EC7), to(#0069B2));
background-image: -webkit-linear-gradient(top, #048EC7, #0069B2);
background-image: -moz-linear-gradient(top, #048EC7, #0069B2);
background-image: -ms-linear-gradient(top, #048EC7, #0069B2);
background-image: -o-linear-gradient(top, #048EC7, #0069B2);
background-image: linear-gradient(top, #048EC7, #0069B2);
*/
/*
-webkit-box-shadow: 0px 1px 0px rgb(255, 255, 255) inset, 0px 4px 0px rgba(5, 51, 105, 0.8), 0 4px 4px -2px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 0px rgb(255, 255, 255) inset, 0px 4px 0px rgba(5, 51, 105, 0.8), 0 4px 4px -2px rgba(0, 0, 0, 0.9);
-o-box-shadow:0px 1px 0px rgb(255, 255, 255) inset, 0px 4px 0px rgba(5, 51, 105, 0.8), 0 4px 4px -2px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 0px rgb(255, 255, 255) inset, 0px 4px 0px rgba(5, 51, 105, 0.8), 0 4px 4px -2px rgba(0, 0, 0, 0.9);
*/
/*
-webkit-transition: all .25s ease 0s;
-moz-transition: all .25s ease 0s;
-o-transition: all .25s ease 0s;
-ms-transition: all .25s ease 0s;
transition: all .25s ease 0s;
*/
#nav ul li.button-menu:hover{
zoom: 1;
background-color:rgba(0, 103, 178, 0.8);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
-o-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
/*
background-image: -webkit-gradient(linear, left top, left bottom, from(#0069B2), to(#0069B2));
background-image: -webkit-linear-gradient(top, #0069B2, #0069B2);
background-image: -moz-linear-gradient(top, #0069B2, #0069B2);
background-image: -ms-linear-gradient(top, #0069B2, #0069B2);
background-image: -o-linear-gradient(top, #0069B2, #0069B2);
background-image: linear-gradient(top, #0069B2, #0069B2);
*/
#nav ul li.button-menu a{
text-transform: uppercase;
text-align: center;
color: rgb(255, 255, 255);
font-size: 16px;
line-height: 16px;
font-weight: normal !important;
white-space: nowrap;
text-shadow: 0px 1px 0px #053369;
text-decoration: none;
}
#nav ul li.button-menu a:hover{
color:#fff ;
text-decoration: none;
}
ul.sf-menu > li.search-item{
font-size: 24px;
background-color: transparent; /* #F7F7F7 */
margin: 0px 5px;
padding: 0px 15px;
}
ul.sf-menu > li.search-item a{
color:#053369 !important;
}
ul.sf-menu > li.search-item a:hover{
color: #0067B2 !important;
}
/* First level sub-menu styles
========================================================*/
.sub-menu {
padding:0 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.sf-menu ul {
position: absolute;
display: none;
width: 220px;
padding:0;
text-align: left;
background: #0067B2; /* 02918d 8BD3C1 edecec*/
color:#fff;
z-index: 99;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
}
/* flecha definida en script */
.sub-menu:before {
bottom: 100%;
border-style: solid;
-moz-border-bottom-colors: none;
-moz-border-right-colors: none;
-moz-border-left-colors: none;
-moz-border-top-colors: none;
border-image: none;
content: " ";
height: 0px;
width: 0px;
position: absolute;
pointer-events: none;
border-color: #fff rgba(5,147,138, 0) rgba(5,147,138, 0); /* #efefef #0067B2 */
border-width: 10px;
top: 0px;
left: 45%;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
/* posición background altura del submenu con respecto al botón del menú */
.sf-menu > li > ul {
top: 125%;
left: 50%;
margin-left: -110px;
}
.sf-menu ul > li {
display: block;
position: relative;
text-transform: none;
padding: 0px 0px;
}
.sf-menu > li + li {
margin-left:5px;
}
.sf-menu ul li + li {
margin-top: 0px; /*8px*/
}
/* original
.sf-menu ul li a {
display: block;
padding: 5px 20px;
color: #02918d !important;
text-transform: none !important;
text-shadow: none !important;
}
*/
.sf-menu li.children_menu.first {
padding-top: 15px;
}
.sf-menu li.children_menu.final {
padding-bottom: 15px;
}
.sf-menu ul li.children_menu > a{
color: #fff;
display: block !important;
padding: 10px 20px;
margin-bottom: 0px;
text-transform: none !important;
text-shadow: 0px 1px 0px #053369;
text-align: left !important;
letter-spacing: 0px;
}
.sf-menu ul li.children_menu > a:hover {
color: #fff ;
background-color:rgba(0, 174, 239, 0.4);
}
.sf-menu ul li.children_menu > a > i{
margin-right: 5px ;
}
.sf-menu ul li.children_menu > i{
margin-right: 5px ;
}
.sf-menu ul li.children_menu > a:last-child {
padding-bottom: 15px;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu > li > ul > li > ul {
top: 0px;
left: 110%;
}
.sf-menu > li > ul > a {
list-style: outside none none;
color: #000;
font-size: 16px;
}
/*-----------------------------------------------------*/
/* NAVIGATION GALLERY -----------------------------*/
/*-----------------------------------------------------*/
div#gallery_navbar{
background-color: rgb(239, 239, 239);
height: 50px;
border-bottom: 1px solid #333;
z-index: 1; /* no cambiar para ver efecto hover y sombra header-wrap*/
}
.menu-gallery-container{
padding: 0px;
line-height: 48px;
/*margin: 20px 0px;*/
}
ul#menu-gallery.menu{
text-align:center;
}
ul#menu-gallery.menu > li:first-child {
/*border-left: 0;*/
/*padding-left: 0;*/
margin-left: 0px;
}
ul#menu-gallery.menu > li:last-child {
/*border-left: 0;*/
padding-right: 0px;
margin-right: 0px;
}
ul#menu-gallery.menu > li i{
margin-right: 8px;
}
ul#menu-gallery.menu > li{
font-size: 16px;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
/*line-height: 16px;*/
display: inline-block;
background-color: rgb(247, 247, 247); /* #F7F7F7 */
margin: 0px 5px;
padding: 0px 15px;
border-bottom: 0px solid rgba(0, 0, 0,0.1) !important;
border-left: 1px solid #F7F7F7!important;
border-right: 1px solid #F7F7F7 !important;
border-top: 1px solid #F7F7F7 !important;
box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.4);
-moz-box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.4);
-webkit-box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.4);
-o-box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.4);
}
ul#menu-gallery.menu > li:hover{
color: #08DCCF ;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3);
border-bottom: 4px solid rgba(0, 0, 0,0.1) !important;
border-left: 1px solid #fff!important;
border-right: 1px solid #fff !important;
border-top: 1px solid #fff !important;
}
ul#menu-gallery.menu > li > a {
color: #000;
}
ul#menu-gallery.menu > li > a:hover{
color: #0067B2;
text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
text-decoration: none;
}
ul#menu-gallery.menu li.current_page_item > a{
color: #0067B2 !important;
}
ul#menu-gallery.menu > li.search-item{
font-size: 18px;
/*line-height: 16px;*/
display: inline-block;
background-color: transparent; /* #F7F7F7 */
margin: 0px 5px;
padding: 0px 15px;
border-bottom: 0px solid rgba(0, 0, 0,0.1) !important;
border-left: 0px solid #F7F7F7!important;
border-right: 0px solid #F7F7F7 !important;
border-top: 0px solid #F7F7F7 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
}
ul#menu-gallery.menu > li.search-item:hover{
color: #0067B2;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow:none;
border-bottom:none!important;
border-left:none!important;
border-right:none!important;
border-top:none!important;
}
/*--------------------------------------*/
/* LISTAS -----------------------------*/
/*------------------------------------*/
/* sf-list se usa para listar las categorías */
.sf-list {
list-style:none !important;
font-family: "PT Sans",sans-serif;
font-size: 16px;
/*text-transform: capitalize;*/
}
span.sf-list_text {
list-style:none;
margin: 0;
padding: 0;
display: block;
font-size: 14px;
margin-bottom: 0px;
line-height: 16px;
color: #333;
}
ul.sf-list {
list-style:none;
margin: 0;
padding: 0;
}
ul.sf-list > li{
/*text-shadow: 0 1px 1px rgba(0,0,0,.2);*/
display:block;
margin-left: 0px;
list-style: none !important;
margin-bottom: 5px;
padding: 0px;
line-height: 175%;
color: #000;
font-size: 18px;
line-height:32px;
vertical-align:middle;
}
/* f00a*/
/*
ul.sf-list > li > a:before{
margin-left:0px;
content: "\f161";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
margin-right:5px;
font-size:18px;
text-indent: 0;
}
*/
ul.sf-list > li > a:before{
/*margin-top: 4px;*/
margin-left:0px;
content: url('images/li_tele.png');
margin-right:5px;
height:32px;
line-height:32px;
}
ul.sf-list > li:hover{
color: #0067B2 ;
}
ul.sf-list > li > a {
margin-left: 0px;
list-style: none !important;
margin-bottom: 10px;
padding: 0px;
line-height: 175%;
color: #000;
font-size: 18px;
line-height:32px;
vertical-align:middle;
}
ul.sf-list > li > a:hover{
color: #0067B2;
text-shadow: none;
text-decoration: none;
}
ul.sf-list > li i{
margin-right:5px;
}
ul.sf-list > li > ul li{
margin-left: 15px;
}
/* fa-picture-o */
ul.sf-list > li > ul li > a:before{
margin-left:0px;
content: "\f03e";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
margin-right:5px;
/*margin-top: 4px;*/
font-size:18px;
text-indent: 0;
}
.sf-list > li > ul li a{
list-style:none;
color:#000;
font-size:16px;
}
.sf-list li ul li ul li a{
list-style:none;
color:#000;
}
/* listas con i class="fa- */
.list-icon {
list-style:none !important;
}
.list-icon span{
list-style:none;
margin: 0;
padding: 0;
margin-bottom: 0px;
font-family: "Roboto Condensed",sans-serif;
font-weight:400;
font-size: 16px;
color: #565656;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.8);
}
ul.list-icon{
list-style:none;
margin: 0 0px 20px 15px;
padding:0;
}
ul.list-icon > li{
display:block;
list-style:none !important;
font-family: "Roboto Condensed",sans-serif;
font-weight: 400;
font-size: 16px;
color: #565656;
line-height: 22px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
margin-bottom:5px;
vertical-align:middle;
}
.list-icon li i {
margin-right: 8px;
}
ul.list-icon li:before{
display:inline-block;
height:18px;
width:18px;
content:' ';
float:left;
margin-right:0;
margin-left:-25px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
/* listas definidas con i class="fa- en li */
ul.lista-icon{
list-style:none !important;
margin:0px 0px 20px 15px;
padding:0;
}
.lista-icon > li{
list-style:none !important;
font-family: "Roboto Condensed",sans-serif;
font-weight: 400;
font-size: 16px;
color: #565656;
line-height: 22px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
}
.lista-icon > li:before {
padding:0 8px 0 0;
margin:0;
font-family: FontAwesome;
color: #333;
font-size:16px;
line-height: 16px;
height:18px;
width:18px;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
text-indent: 0;
}
.list-caret_right > li:before{
content: "\f0da";
}
.list-angle_double > li:before {
content: "\f101";
}
.list-angle > li:before {
content: "\f105";
}
.list-dot_circle > li:before {
content: "\f192";
}
/*-----------------------------------------------------*/
/* BLOCKQUOTES -----------------------------*/
/*-----------------------------------------------------*/
blockquote {
padding: 10px 20px;
margin: 20px 20px 30px 20px;
border-left: 5px solid #dcdcdc;
}
blockquote, blockquote p {
font-size: 18px;
line-height: 28px;
font-style: italic;
}
blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p {
font-size: 16px;
line-height: 22px;
}
blockquote.blockquote2, blockquote.blockquote2 p {
font-size: 16px;
line-height: 22px;
}
blockquote.pullquote {
border-left: 1px dotted transparent;
padding: 0 0 0 20px;
}
blockquote p:last-child{
margin-bottom:0
}
blockquote small{
display:block;
line-height:1.428571429;
color:#999
}
blockquote small:before{
content:'\2014 \00A0'
}
blockquote.pull-right{
padding-right:15px;
padding-left:0;
border-right:5px solid #eee;
border-left:0
}
blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small{
text-align:right
}
blockquote.pull-right small:before,blockquote.pull-right .small:before{
content:''
}
blockquote.pull-right small:after,blockquote.pull-right .small:after{
content:'\00A0 \2014'
}
blockquote:before,blockquote:after{
content:""
}
/*------------------------------------------*/
/* BACKGROUNDS -----------------------------*/
/*------------------------------------------*/
/*0px 3px 5px rgba(0, 0, 0, 0.1)*/
/*f2f2f2 = rgba(242, 242, 242, 1)*/
.shadow_head {
color: #333;
background-color: #efefef; /*rgb(239, 239, 239)*/
border-bottom: 1px solid rgba(255, 255, 255, 0.9);/*333*/ /* 51,51,51*/
-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.alt-bg {
margin: 0px 0;
margin-left: -210px!important;
padding: 0px 210px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.25);
box-shadow: inset 0 0 5px rgba(0,0,0,.25);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.alt-bg.alt-one {
color: #fff;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
background-repeat: repeat;
background-position: center top;
background-size: auto auto;
background-image: url('images/ff_rp_bkg2.png'); /*gris*/
/* sombra interior top & bottom */
-webkit-box-shadow:
inset 0px 11px 8px -10px rgba(0,0,0,.25),
inset 0px -11px 8px -10px rgba(0,0,0,.25);
-moz-box-shadow:
inset 0px 11px 8px -10px rgba(0,0,0,.25),
inset 0px -11px 8px -10px rgba(0,0,0,.25);
-o-box-shadow:
inset 0px 11px 8px -10px rgba(0,0,0,.25),
inset 0px -11px 8px -10px rgba(0,0,0,.25);
box-shadow:
inset 0px 11px 8px -10px rgba(0,0,0,.25),
inset 0px -11px 8px -10px rgba(0,0,0,.25);
}
.alt-bg.alt-two {
color: #fff;
text-shadow: 0px 1px rgba(5, 51, 105, 0.9);
background-color:rgba(0,103,178, 0.85); /*#0067B2*/
border-top: 1px solid #fff;
border-bottom: 1px solid #003b66;
zoom: 1;
/* sombra interior top & bottom */
-webkit-box-shadow:
inset 0px 11px 8px -10px rgba(5, 51, 105, 0.5), /* #053369 */
inset 0px -11px 8px -10px rgba(5, 51, 105, 0.5);
-moz-box-shadow:
inset 0px 11px 8px -10px rgba(5, 51, 105, 0.5),
inset 0px -11px 8px -10px rgba(5, 51, 105, 0.5);
-o-box-shadow:
inset 0px 11px 8px -10px rgba(5, 51, 105, 0.5),
inset 0px -11px 8px -10px rgba(5, 51, 105, 0.5);
box-shadow:
inset 0px 11px 8px -10px rgba(5, 51, 105, 0.5),
inset 0px -11px 8px -10px rgba(5, 51, 105, 0.5);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.alt-bg.alt-overlay {
background-repeat: repeat;
background-position: center top;
background-size: auto auto;
background-image: url('images/overlay_grid.png');
}
.alt-bg.alt-dark {
color: #fff;
text-shadow: none;
background-color:rgba(51,51,51, 0.85); /*#333*/
border-top: 1px solid #000;
border-bottom: 1px solid #000;
background-repeat: repeat;
background-position: center top;
background-size: auto auto;
background-image: url('images/ff_header_bkg_dark.png');
}
.tablebottom {
background-color: #333;
}
.bordercolor {
background-color:transparent; /*#333*/
}
.tablebgcolor {
background-color: #ffffff;
}
/*
.row1 {
background-color: #e1e1e1;
color: #333;
}
.row2 {
background-color: #f2f2f2;
color: #333;
margin: 0px;
padding: 5px;
border: 1px solid #333;
}
.row3 {
background-color:transparent;
color: #333;
}
*/
/*-----------------------------------------------------*/
/* User Box -----------------------------*/
/*-----------------------------------------------------*/
div.login_wrap {
z-index:1;
position: relative;
}
/*
padding-top: 0px;
padding-bottom:0px;
margin-top: 0px;
margin-bottom: 0px ;
position: relative;
text-align: left;
border-bottom: 1px solid transparent;
border-top: 0px none;
*/
/*-------------------------*/
/* user_box user_loggedin */
/*------------------------*/
nav.usuarios {
margin-top:0px;
display: inline-block;
}
.panel-user {
line-height: 28px;
/*margin-bottom: 20px;*/
background-color: #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius:4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.5);
-moz-box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.5);
-o-box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.5);
box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.5); /*999*/
}
/*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);*/
nav ul.panel-user{
margin: 0;
padding:5px 10px;
list-style: none;
position: relative;
}
nav ul.panel-user > li{
display: inline-block;
margin-right: 8px;
}
nav ul.panel-user > li:last-child{
margin-right:0px;
}
ul.panel-user > li i {
margin-right:4px;
}
/*
ul.menu > li i{
margin-left: 8px;
}
*/
/*
ul.menu > li.user-menu{
margin-right: 4px;
}
*/
ul.panel-user > li.user-menu > a {
color: #000;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
font-size: 14px;
}
ul.panel-user > li.user-menu > a:hover {
color: #444;
text-shadow: none;
text-decoration: none;
}
ul.panel-user > li.user-menu > a.user-lightbox:hover {
color: #FFA500;
text-shadow: none;
text-decoration: none;
}
ul.panel-user > li.user-menu > a.user-panel:hover {
color: #0067B2;
text-shadow: none;
text-decoration: none;
}
ul.panel-user > li.user-menu > a.user-logout:hover {
color:rgba(255, 0, 0, 0.7);
text-shadow: none;
text-decoration: none;
}
span.users{
margin-top:0px;
margin-bottom:0px;
padding: 0px;
font-weight: normal;
font-size: 14px;
display: inline-block;
line-height: 44px; /* altura boton upload*/
padding-left:10px; /*mantener espacio resolucion min-width: 980px*/
}
span.cp_link {
margin-left: 10px;
}
/*----------------------------------------*/
/* Imágenes classes ----- --------------*/
/*------------------------- -------------*/
/* para recortar img verticlaes perfil usuario */
.userpic{
overflow: hidden;
height: 56px;
vertical-align:middle;
}
.userpic img{
border: 1px solid #bbb;
padding: 2px;
}
.userpic img a:hover {
border: 1px solid #0067B2;
opacity:0.7;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img.user_photo {
border: 1px solid #bbb;
padding: 2px;
}
img.user_photo a:hover {
border: 1px solid #0067B2;
opacity:0.7;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition:All 1s ease;
}
img.top {
border: 1px solid #bbb;
padding: 2px;
background-color: #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
}
img.top:hover {
border: 1px solid #0067B2;
opacity:0.7;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
/*----------------------------------------*/
/* Imágenes thumbnail_gallery ------------*/
/* para thumbnail_bit página galería */
/*--------------------------------------*/
.screenshots img {
width: 100%;
height: auto;
position: relative;
}
.screenshots ul {
list-style: none;
width: 100%;
text-align: center; /*lista centrada*/
}
.screenshots ul li {
list-style: none;
display: inline-block;/*lista centrada float: none;*/
float: none;
min-height: 100%;
margin-bottom: 40px;
margin-right: 2%;
background-color:transparent;
vertical-align: middle;
}
/*float: left;*/
/*width: 22%; one_fourth en grid.css NO ES NECESARIO*/
/* si en la última fila dos imgs solo sitúa a la izq una*/
/*
.screenshots li:last-child {
float: left !important;
margin-right: 0px;
}
*/
.screenshots figure {
position: relative;
margin: 0 auto; /*lista centrada*/
overflow: hidden;
max-height: 150px;
width:250px;
border-width: 1px;
border-style: solid;
border-color: #aaa #aaa #fff #aaa;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
}
.screenshots figure img {
overflow: hidden;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
/* width: 100%;*/
/*height: 100%;*/
.screenshots figure img.pic {
overflow: hidden;
}
.screenshots figure:hover img, .screenshots figure:focus img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.screenshots figcaption {
position: absolute;
top: 0;
left: 0;
/*padding: 25% 0;*/
width: 100%;
height: 100%;
background-color: rgba(63, 97, 132, 0.55); /* #3f6184 */
text-align: center;
font-size: 15px;
opacity: 0;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
.screenshots figcaption a {
color: #000
width: 100%;
height: 100%;
}
.screenshots figcaption a:hover, .screenshots figcaption a:focus {
color: #fff;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9); /*#0533695*/
}
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption {
opacity: 1
}
.visible {
opacity: 1
}
.screenshots figure.cs-hover figcaption {
opacity: 1
}
.screenshots figcaption i.fa-link {
margin-right:0px !important;
font-size: 24px;
color: #000;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
}
.screenshots figcaption i.fa-link:hover, .screenshots figcaption i.fa-link:focus {
color: #fff;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
}
.screenshots figcaption p {
margin-bottom: 0;
font-family: "Roboto Condensed",sans-serif;
font-size: 15px;
line-height: 20px;
color: #fff;
/*font-weight: bold;*/
text-shadow: 0px 2px rgba(5, 51, 105, 0.9); /*#0533695*/
}
.screenshots figcaption .caption-content {
position: absolute;
width: 100%;
height: 80%;
top:5%;
left: 0;
margin-top:0px;
margin-left: 0px;
cursor: pointer;
-webkit-transform: translate(0px, 15px);
-moz-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px));
-o-transform: translate(0px, 15px);
transform: translate(0px, 15px);
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px));
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
/*
width: 200px;
top:2%;
left: 50%;
margin-top:0px;
margin-left: -100px;
*/
/*----------------------------------------*/
/* Imágenes thumbnail -------------------*/
/* para thumbnail_bit_profile & thumbnail_bit_lightbox*/
/*--------------------------------------*/
.thumbnail {
display: inline-block; /* se elimina one_fourth float left*/
float: none;
/*width: 22%;*/ /* one_fourth en grid.css*/
margin: 0px 1% 40px !important;
background-color: #f3f3f3; /* e0e0e0 f7f7f7 e5e5e5 d8d8d8 */
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #fff #ccc;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
}
/*
no se interpreta correctamente
.thumbnail:first-child {
margin-right: 0% !important;
}
div.thumbnail.one_fourth:first-child{
margin-right: 0% !important;
}
*/
.thumbnail figure{
display: block;
position: relative;
margin: 0px;
overflow: hidden;
height: 150px;
max-width: 240px;
padding: 8px;
line-height: 0px;
background-color: transparent;
border: none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
}
/*
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
*/
/*
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
*/
.thumbnail figure img.pic {
/*width: 100%;*/
/*height: auto;*/
overflow: hidden;
text-align:center;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition:All 1s ease;
}
.thumbnail figure img.pic:hover {
opacity: .8;
-moz-opacity: .8;
filter:alpha(opacity=80);
-webkit-transform: scale(1.02); /*disminuir 0.95*/ /*aumentar */
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.thumbnail .details-info {
background: none;
max-width: 240px;
z-index: 10;
display: block;
margin: 15px 0px 0px;
padding: 10px 2px 8px 8px;
text-align: left;
}
.thumbnail .details-info p{
margin: 0px;
line-height: 22px;
color: #000;
/*text-shadow:none !important;*/
}
.image_name {
font-family: "Roboto Condensed",sans-serif;
font-size: 15px;
font-weight: 700;
color: #000;
text-transform:lowercase;
}
.image_name:first-letter {
text-transform: uppercase;
}
.user_name_link {
font-size: 14px;
color: #000;
font-weight:700;
}
.details_img {
font-family: "Roboto Condensed",sans-serif;
font-size: 14px;
color: #000;
text-shadow:none !important;
}
.details_img:first-letter {
text-transform: uppercase;
}
.details_img a{
text-shadow:none !important;
font-weight:bold;
}
.details_img:first-letter {
text-transform: uppercase;
}
/*
position: relative;
top: -14px;
*/
.new {
font-size: 14px;
vertical-align: top;
color: #fff; /*0067B2*/
text-transform: lowercase;
display: inline;
margin-left:5px;
text-shadow: 1px 1px 0px #000;
font-weight: normal;
cursor:help !important;
}
.new a:hover{
cursor:help !important;
}
.new:after {
content: "n!";
text-align: center;
vertical-align: top;
background:#0067B2; /* azul */
padding:4px 7px 4px 7px;
height: 18px;
width: 18px;
line-height:18px;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-size: 100% 100%;
background-position: center center;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
sup.new_galeria {
font-family: "Times New Roman",Times,serif;
font-size: 12px;
color: #0094FF;
text-transform: lowercase;
display: inline;
text-shadow: 1px 1px 0px rgb(0, 0, 0);
}
/*--------------------------------------------*/
/* Thumbnail last comments -------------------*/
/*--------------------------------------------*/
.thumbnail_comments {
display: block;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #ccc #ccc;
max-width: 214px;
float: left;
padding: 10px;
margin-bottom: 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
}
/*
background-color: #e0e0e0;
width: 250px;
margin-top: 0px;
margin-right: 0%;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
*/
.thumbnail_comments figure{
display: block;
position: relative;
margin: 0px;
overflow: hidden;
max-width: 214px;
height: 128px;
line-height: 0px;
background-color: transparent;
border: none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/*
height: 150px;
max-width: 240px;
padding: 8px;
margin: 0px auto;
height: 150px;
padding: 0px !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
*/
/*
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
*/
.thumbnail_comments figure img.pic {
overflow: hidden;
text-align:center;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition:All 1s ease;
}
.thumbnail_comments figure img.pic:hover {
opacity: .8;
-moz-opacity: .8;
filter:alpha(opacity=80);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.comments_entrada {
background-color: #fff;
border: 0px solid transparent;
padding: 15px 30px;
margin: 0px;
min-height: 150px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.last_comments_text {
padding: 0;
margin: 0;
}
.thumbnail_comments .details-info {
background: none;
width: 100%;
z-index: 10;
display: inline-block;
margin-top:15px;
color: #555; /*ccc*/
}
.thumbnail_comments .details-info p{
margin: 0px;
line-height: 22px;
padding: 0 10px 0 5px;
color: #555; /*ccc*/
}
/* titulo img */
.thumbnail_comments .image_name a{
font-size: 17px;
color: #000;
}
.thumbnail_comments .image_name a:first-letter {
text-transform: uppercase;
}
.thumbnail_comments .image_name a:hover{
color: #0067B2;
}
.details_comments {
color: #000;
}
.details_comments a{
font-weight:bold;
}
/* titulo cat */
.thumbnail_comments .detail_comment a{
font-size: 16px;
color: #000;
}
.thumbnail_comments .detail_comment a:hover{
color: #0067B2;
}
/*
-webkit-box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.3);
*/
.last_comments_text p{
vertical-align: middle;
font-size: 14px;
}
.last_comments_text p.show-read-more {
text-align: justify;
font-size: 14px;
color: #000;
display: inline-block;
padding: 0px;
margin-bottom: 0;
line-height: 18px;
min-height: 60px;
}
.last_comments_text p.show-read-more br{
display:none;
}
/* titulo comentario */
.last_comments_text span.comment_headline {
font-size: 16px;
display: inline-block;
line-height: 24px;
margin-bottom: 10px;
padding: 0px 20px;
}
.last_comments_text span.comment_headline:first-letter {
text-transform: uppercase;
}
.last_comments_text span.comment_user_userpic {
display: inline-block;
padding:0px 0px 0px 20px;
}
img.last_comment_userpic {
height: 50px;
width: 50px;
border: 1px solid #bbb;
padding: 2px;
}
.last_comments_text span.comment_user_name_link {
font-size: 16px;
font-weight:normal;
display: inline-block;
line-height: 24px;
padding:0px 5px 0px 0px;
}
/* detalles */
.last_comments_text span.detail_comment {
font-size: 16px;
margin-left:5px;
padding:0px 5px 0px 0px;
display: inline-block;
line-height: 24px;
}
/* fecha */
.last_comments_text span.published-on {
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight:normal;
color:#000;
/*border-right: 1px solid #000;*/
float: right;
padding-left: 5px;
margin-left: 5px;
padding-right: 5px;
margin-right: 5px;
}
/* jQuery Add Read More Link */
/* script in footer */
.show-read-more .more-text{display: none;}
.last_comments_text span.more-text{display: none;}
a.read-more{
font-size: 14px;
color: #0067B2;
margin-left:2px;
font-weight:bold;
text-shadow:none;
}
a.read-more:hover{
color: #000;
}
/*para dejar los botones de admin en posición fija*/
.position {
position: absolute;
top: 110px;
right: 20px;
}
/* --------------------------------------------
ÚLTIMOS COMENTARIOS
comentarios_bit
-------------------------------------------- */
.comentarios_entrada {
background-color: #fff;
border: 0px solid transparent;
padding: 15px 30px;
margin: 0px;
min-height: 170px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
/* detalles */
.last_comments_text span.detail_comentarios {
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight:normal;
color:#000;
margin-left:5px;
padding:0px 5px 0px 0px;
display: inline-block;
line-height: 24px;
}
.detail_comentarios a {
font-weight: normal;
}
/*para autor del comentario y fecha */
.position2 {
position: absolute;
top: 120px;
}
.screenshots_comments img {
width: 240px;
height: auto;
position: relative;
padding: 8px;
}
.screenshots_comments figure {
position: relative;
margin: 0 auto;
overflow: hidden;
height: 170px;
width:255px;
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: #aaa #aaa #fff #aaa;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
}
.screenshots_comments figure img {
overflow: hidden;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
.screenshots_comments figure img.pic {
overflow: hidden;
}
.screenshots_comments figure:hover img, .screenshots_comments figure:focus img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/* --------------------------------------------
COMMENTS / COMENTARIOS
comment_bit
Answers in comments step 5 details.php
-------------------------------------------- */
.commentlist{
list-style:none;
margin:0;
padding:0;
margin-bottom:15px;
}
.commentlist .responses{
list-style:none;
}
.commentlist li{
margin:0;
padding:0;
}
.commentlist .the-comment{
border-bottom:1px dashed #333;
padding-bottom:25px;
/*margin-bottom:25px;*/
margin-top:15px;
}
.commentlist .the-comment .comment-text{
margin-top: 10px;
/*margin-left:69px;*/ /*ancho userpic*/
}
.commentlist .the-comment .comment-text *:last-child{
margin-bottom:0;
}
.commentlist .the-comment .comment-text:last-child{
margin-bottom:0;
}
.commentlist .the-comment .comment-text br {
display: block;
margin-bottom: 2px;
font-size:2px;
line-height: 2px;
}
.commentlist .the-comment .comment-text br:before {
display: block;
margin-top: 2px;
content: "";
}
.commentlist .the-comment .comment-text br:after {
content: ".";
visibility: hidden;
display: block;
}
.commentlist div.avatar{
float:left;
margin-right:15px;
}
/*
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.1);
box-shadow: inset 0 0 10px rgba(0,0,0,.1);
*/
.commentlist div.avatar img {
height: 54px;
width: 54px;
border: 1px solid #565656;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.commentlist .comment-text p{
margin:0;
text-align: justify;
}
.commentlist .comment-author{
padding-right:5px;
font-weight:bold;
}
.commentlist .comment-reply-link{
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight:normal;
color:#00aeef;
/*border-bottom: 1px dotted #00aeef;*/
float: right;
padding-right: 5px;
margin-right: 5px;
}
.commentlist .comment-reply-link:hover{
color:#000;
/*border-bottom: 1px dotted #000;*/
}
.commentlist .comment-reply-link:before{
content: "";
color:#000;
border-right: 1px solid #000;
margin-right: 10px;
}
.commentlist .published-on {
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight:normal;
color:#000;
/*border-right: 1px solid #000;*/
float: right;
padding-left: 5px;
margin-left: 5px;
padding-right: 5px;
margin-right: 5px;
}
/* color filas alternadas num row especificado en details.php y detail.html*/
.commentlist .commentrow1 {
border-left: 0px solid #00aeef;
padding: 0px 0px 0px 35px !important;
margin: 25px 0px 0px 0px !important;
}
.commentlist .the-comment_commentrow1 {
/*padding-top: 10px;*/
padding-bottom:25px;
/*margin-bottom:25px;*/
margin-top: 10px;
border-bottom:1px dashed #00aeef !important;
}
.commentlist .commentrow2 {
border-left: 0px solid #0069B2;
padding: 0px 0px 0px 20px !important;
margin: 25px 0px 0px 0px !important;
}
.commentlist .the-comment_commentrow2 {
/*padding-top: 10px;*/
padding-bottom:25px;
/*margin-bottom:25px;*/
margin-top: 10px;
border-bottom:1px dashed #0069B2 !important;
}
/*
.commentlist div.avatar_commentrow1{
z-index: 1;
}
.commentlist div.avatar_commentrow1:after {
content: "";
border-left: 2px solid #00aeef;
position:relative;
z-index: -1;
right: 100%;
left: -95px;
padding: 15px 0px;
}
*/
/* fa-long-arrow-right */
/*.commentlist div.avatar_commentrow1:before {
color: #00aeef;
content: '\f178';
font-family: FontAwesome;
font-weight: normal;
font-size: 20px;
display: block;
margin-top: 22px;
left: 12px;
position: absolute;
line-height: 22px;
height: 56px;
width: 56px;
}
.commentlist div.avatar_commentrow2{
z-index: 1;
}
.commentlist div.avatar_commentrow2:after {
content: "";
border-left: 2px solid #0069B2;
position:relative;
z-index: -1;
right: 100%;
left: -95px;
padding: 15px 0px;
}
.commentlist div.avatar_commentrow2:before {
color: #0069B2;
content: '\f178';
font-family: FontAwesome;
font-weight: normal;
font-size: 20px;
display: block;
margin-top: 22px;
left: 12px;
position: absolute;
line-height: 22px;
height: 56px;
width: 56px;
}
*/
/* fa-level-up */
/*
.commentrow2:before {
color: #0069B2;
content: '\f148';
font-family: FontAwesome;
font-weight:bold;
font-size: 42px;
display: block;
margin-top:0px;
left:16px;
position: absolute;
}
*/
/*
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
*/
/* --------------------------------------------
COMMENTS / COMENTARIOS
-------------------------------------------- */
#archives-list{
margin:0
}
#archives-list li{
width:48%;
margin-right:2%;
float:left;
clear:both
}
#archives-list li.even{
margin-right:0;
margin-left:2%;
clear:none
}
#archives-list li.odd:last-child{
clear:both;
width:auto;
float:none;
margin:0
}
.entry-header {
display: block;
}
#archives-list li .post-title{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}
.post-title, .post-title a {
color: #4A8DCA;
}
#archives-list li .post-title {
white-space: nowrap;
}
.post-title {
border-left: 0.23em solid #4A8DCA;
margin: 0px 0px 0px -30px;
padding-left: 20px;
}
#archives-list li .date-header{
float:none
}
.archive .entrada, #archives-list .entrada, #post-0 {
width: auto;
float: none;
}
.entrada {
background-color: #fff;
border: 0px solid transparent;
padding: 0.5em 30px;
margin: 0.5em 0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.entrada {
float: right;
width: 68%;
}
#archives-list li .date-header {
float: none;
}
.date-header {
color: #AAA;
font: bold 0.85em Arial,Tahoma,Helvetica,sans-serif;
border-bottom: 1px dotted #AAA;
float: right;
}
.entry-meta {
font-style: italic;
font-size: 0.9em;
color: #999;
margin: 0.45em 0px;
}
.post-body {
color: #666;
}
.post-body p:last-child {
margin-bottom: 0px;
}
.post-body p:first-child {
margin-top: 0px;
}
.post-body p {
margin-top: 1em;
margin-bottom: 1em;
}
/* --------------------------------------------
PAGE DETAILS IMAGE
-------------------------------------------- */
.details_image {
text-align: center;
margin-top: 10px;
}
.web{
display: inline !important;
}
/*
.image_shadow {
outline: 0;
background: #e0e0e0;
margin: 0px auto 40px auto;
padding:4px;
border-width: 1px;
border-style: solid;
border-color: #333 #333 #333 #333;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
}
*/
.button_image {
position: relative;
display: block;
/*line-height:50px;*/
/*z-index: 7110;*/ /* div se posiciona antes que div image_hits */
}
.image_hits {
position: relative;
display: block;
line-height:50px;
/*z-index: 7100;*/ /* div se posiciona por debajo de div button_image */
}
.sf-hits {
list-style:none !important;
font-family: "Roboto Condensed",sans-serif;
font-size: 16px;
}
ul.sf-hits {
text-align:center;
list-style:none;
/* lista centrada */
margin:0;
padding:0;
/*line-height: 50px;*/ /* altura userpic photo autor */
}
ul.sf-hits > li{
display:inline-block;
list-style: none !important;
margin-right: 15px;
/*margin-bottom:15px;*/
color: #000;
font-weight:bold;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
}
ul.sf-hits > li i{
color: #444;
padding:0;
font-weight:normal !important;
}
ul.sf-hits > li > a{
color: #000;
}
ul.sf-hits > li > a:hover{
color: #0067B2;
}
ul.sf-hits > li.userpic > a{
vertical-align: middle;
}
.user_photo {
position: relative;
max-width: 125px;
float: left;
padding: 0px 20px;
margin-bottom: 20px;
}
.user_info {
word-wrap: break-word;
float: left;
padding: 0px 20px;
position: relative;
width: 70%;
}
/* ============================================================
FANCYBOX
Image Overlay Hover Effects dmf.js
============================================================ */
.gallery-item {
overflow: hidden;
position: relative;
margin: 0px auto 20px auto;
-webkit-box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow:0px 8px 6px -7px rgba(0, 0, 0, 0.7);
}
.gallery-item .hover-wrap {
position: relative;
display: block;
overflow: hidden;
text-align: center;
}
.gallery-item img {
width: 100%;
height:100%;
}
.gallery-item img {
outline: 0;
background: #e0e0e0;
padding:4px;
border-width: 1px;
border-style: solid;
border-color: #bbb #bbb #fff #bbb; /* e1e1e1 */
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.gallery-item:hover img {
-webkit-transform: scale(1.02); /*scale(1.1)*/
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.gallery-item .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
filter: alpha(opacity=0);
background: rgba(0, 105, 178, 0.1);
text-align: center;
vertical-align: middle;
-webkit-transition: opacity 0.15s ease-in-out 0s;
-moz-transition: opacity 0.15s ease-in-out 0s;
-o-transition: opacity 0.15s ease-in-out 0s;
transition: opacity 0.15s ease-in-out 0s;
}
/*background-color: rgba(1, 188, 158, .75);*/ /* verde */
/*background-image: url(source/icon-magnifier.png);
background-position: center 40%;
background-repeat: no-repeat;*/
.gallery-item .overlay:before {
content: "\f00e"; /* fa-search-plus */
font-family: FontAwesome;
font-size: 48px;
line-height:58px;
padding: 10px;
webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
height:60px;
width:60px;
top: 50%;
margin-top: -25px;
margin-left: -25px;
left: 50%;
position: absolute;
background:rgba(5, 51, 105, 0.5); /* azul */
color:rgba(255, 255, 255, 0.7);
}
.gallery-item:hover .overlay {
opacity: 1;
filter: alpha(opacity=1);
cursor:pointer;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 103, 178, .10); /* azul */
}
.gallery-item .overlay-text {
position: absolute;
bottom: 20px;
left: 20px;
}
.gallery-item .overlay-text h3 {
font-size: 20px;
color: #000;
font-weight: normal;
margin-bottom: 0;
font-weight:bold;
text-shadow: none;
}
.gallery-item .overlay-text h3:first-letter {
text-transform: uppercase;
}
/*-----------------------------------------------------*/
/* STATS BOX / ESTADISTICAS ---------------------------*/
/*-----------------------------------------------------*/
#stats_box{
list-style: none;
padding: 0;
margin: 0;
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight:normal;
line-height: 34px;
}
ul#stats_box {
text-align:center;
}
#stats_box > li{
display:inline-block;
padding: 0 6px 0 0;
margin: 0;
}
#stats_box > li.total_stats{
font-size: 28px;
font-weight: bold;
font-family: "source_sans_proregular",sans-serif;
letter-spacing: 1px;
}
#stats_box > li:before {
content:"\f101"; /*fa-angle-double-right*/
font-family: FontAwesome;
font-size: 18px;
font-weight: normal;
padding-right: 8px;
vertical-align: top;
color: #053369;
-webkit-font-smoothing: antialiased;
}
#stats_box > li:first-child:before { content: ""; }
/*Win IE browsers - hide from Mac IE\*/
* html #stats_box { height: 1%; }
* html #stats_box li{
display: block;
float: left;
}
/*-----------------------------------------------------*/
/* Whos Online -----------------------------*/
/*-----------------------------------------------------*/
.users-online {
background-color: #333;
color: #fff;
font-family:"Ubuntu",sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 24px;
padding: 4px 10px;
}
h4.who_online{
margin: 0px !important;
text-align: center;
padding: 10px 0px;
color: #fff;
text-shadow: 0px 2px rgba(5, 51, 105, 0.9)
}
span.who_online{
margin-top:0px;
padding: 4px 10px;
font-weight: normal;
font-size: 14px;
}
p.online_users{
margin-top:0px;
padding: 4px 10px;
font-weight: normal;
font-size: 14px;
}
/*-----------------------------------------------------*/
/* NAVEGACIÓN MINIATURAS ------------------------------*/
/* en details.html ------------------------------------*/
/* script asociado a class="owl-carousel" -------------*/
/*-----------------------------------------------------*/
/* ul class="thumbs-items" lista centrada */
/*
#owl-thumbs .item{
margin: 3px;
}
#owl-thumbs .item img{
display: inline-block;
width: 100%;
height: auto;
}
*/
.thumbs-items {
padding:0;
margin: 0px;
float: none;
text-align: center;
}
.thumbs_navigation li {
display: inline-block;
margin-bottom: 20px;
margin-right: 5px;
}
.thumbs_navigation li:last-child {
margin-bottom: 0px;
margin-right: 0px;
}
.thumbs-items li a {
text-align: center;
}
.thumbs-items li img {
max-width: 175px;
}
.thumbs-items:hover li a {
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity= 70);
}
.thumbs-items li:hover a {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity= 100);
}
/*margin: 0 auto; lista centrada*/
.thumbs_navigation figure {
position: relative;
overflow: hidden;
height: 110px;
width:175px;
margin-bottom: 15px;/*para la sombra*/
margin-left:3px; /*para el borde*/
padding:1px; /*para el borde*/
border-width: 1px;
border-style: solid;
border-color: #aaa #aaa #fff #aaa;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
}
/* width: 100%;*/
/*height: 100%;*/
.thumbs_navigation figure img {
overflow: hidden;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}
.thumbs_navigation figure img.pic {
overflow: hidden;
}
/*-----------------------------------------------------*/
/* PROMO -----------------------------*/
/*-----------------------------------------------------*/
div#base-promo{
background:#fff;
}
.spb_featured_clients_widget {
padding-top: 22px;
padding-bottom: 12px;
}
.featured-clients-items {
padding:0;
margin: 0px;
float: none;
text-align: center;
display: inline-block;
}
.spb_featured_clients_widget li {
display: inline-block;
margin-bottom: 20px;
margin-right: 20px;
}
.spb_featured_clients_widget li:last-child {
margin-bottom: 0px;
margin-right: 0px;
}
.featured-clients-items li a {
text-align: center;
}
figure img {
width: 100%;
height: auto;
}
figure a {
display: block;
}
.featured-clients-items li img {
max-height: 60px;
width: auto;
}
.featured-clients-items:hover li a {
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity= 50);
}
.featured-clients-items li:hover a {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity= 100);
}
/*-----------------------------------------------------*/
/* FOOOTER -----------------------------*/
/*-----------------------------------------------------*/
#footer {
width: 100%;
background:rgb(40, 70, 102); /*#284666*/
background-repeat: no-repeat;
background-position: center center;
background-size: cover; /* auto auto*/
background-image: url('images/bg-section-blue2.png');
}
#footer.footer-divider {
border-top: 1px solid #333;
}
/*
#footer.bg-one {
background-repeat: repeat;
background-position: center top;
background-size: auto auto;
background-image: url('images/ff_header_bkg_dark.png');
}
*/
#footer p {
color: #E8E8E8 !important;
font-size: 14px !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
float: none !important;
text-align: center;
margin-bottom: 0px;
line-height: 18px;
padding:0px;
}
#footer p.small a{
color: #013053 !important; /*4images*/
font-size: 12px !important;
text-shadow:none;
text-align: center;
margin-bottom: 0px;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#footer a {
color: #048EC7 !important;
text-shadow:none;
}
#footer a:hover {
color: #fff !important;
text-decoration: none;
text-shadow:none;
}
#footer h6 {
margin-bottom: 20px;
font-weight: bold;
text-shadow:none;
}
#footer-widgets .widget {
padding-bottom: 30px;
}
#footer .footer-menu {
padding: 30px 0px 15px 0px;
}
#footer .menu li > a {
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
text-decoration: none;
padding: 0px 12px;
display: block;
white-space: nowrap;
background: none repeat scroll 0% 0% transparent;
position: relative;
}
#footer .menu > li.menu-item:hover > a {
color: #00AEEF !important;
text-decoration: none !important;
}
#footer .menu li.current-menu-ancestor > a,
#footer .menu li.current-menu-item > a,
#mobile-menu .menu ul li.current-menu-item > a,
#footer .menu li.current-scroll-item > a {
color: #fff !important;
}
#menu-menu-footer-1.menu {
font-family: "PT Sans",sans-serif !important;
font-size: 16px !important;
font-weight: 400;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
#menu-menu-footer-1.menu {
height: auto;
margin: 0px;
position: relative;
padding: 0px;
}
ul#menu-menu-footer-1.menu{
text-align:center;
}
ul#menu-menu-footer-1.menu > li{
font-size: 16px;
line-height: 16px;
display: inline-block;
margin: 0;
padding: 0px 0px;
border-left: 1px solid #e4e4e4;
float:none;
}
ul#menu-menu-footer-1.menu > li:hover{
color: #08DCCF;
}
ul#menu-menu-footer-1.menu li.current_page_item > a{
color: #0067B2 !important;
}
ul#menu-menu-footer-1.menu > li:first-child {
border-left: 0;
padding-left: 0;
}
#footer .footer-content {
padding: 15px 0px 15px 0px;
}
.horizontal-linea-footer {
background-color: #e4e4e4;
height: 1px;
margin:5px auto 10px auto;
width:50%;
}
#footer a img {
box-shadow:none;
}
#footer .widget hr {
border-color: #333;
}
/* --------------------------------------------
DIVIDERS
-------------------------------------------- */
.blank_spacer {
height:20px;
display: block;
width: 100%;
}
.horizontal-break {
height: 1px;
margin: 20px auto;
}
.horizontal-linea {
background-color: #444;
height: 1px;
margin: 20px auto 25px;
width: 70%;
}
.horizontal-linea2 {
background-color: #0067B2;
height: 1px;
margin: 20px auto 25px;
width: 25%;
}
.linea{
height:0;
width: 50%;
background-color: transparent;
margin: 20px auto;
text-align:center;
border:0;
border-top:1px solid #333;
display:block;
clear:both;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.linea2{
height:0;
width:100%;
background-color:333;
margin: 0;
text-align:center;
padding:3px 0;
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*
*/
.separator {
margin: 0px auto;
border: 0px solid #333; /* E7E6E6 */
clear: both;
position: relative;
z-index: 1; /*estaba en 11 pero se pone encima del scroll .isStuck Sticky menu */
margin-bottom: 30px;
margin-top: 30px;
}
.title-sep-container {
position: relative;
display: table-cell;
vertical-align: middle;
height: 6px;
width: 100%;
}
.sep-single, .sep-double, .sep-dashed, .sep-dotted, .search-page-search-form {
border-color: #333; /*E0DEDE*/
}
.separator.sep-double{
margin: 0;
height:8px;
border-bottom-width:1px;
border-top-width:1px;
}
.separator.sep-single{
border-top-width:1px
}
.separator.sep-dashed{
border-bottom-style:dashed;
border-top-style:dashed
}
.separator.sep-dotted{
border-bottom-style:dotted;
border-top-style:dotted
}
.separator.sep-shadow:after{
display:block;
margin-top:10px;
height:6px;
width:100%;
content:'';
background:-webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
background:-moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
background:-o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
background:radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%)
}
.separator.sep-shadow{
height:1px;
overflow:visible;
border:none;
background:none;
background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
background:-webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background:-moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background:-ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background:-o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
background:linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1)
}
.separator .icon-wrapper{
position:absolute;
display:table;
left:50%;
top:50%;
margin:-13px 0 0 -13px;
height:26px;
width:26px;
background:#F7F7F7;
border:1px solid #333; /* aaa */
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
text-align:center
}
.separator .icon-wrapper i {
display: table-cell;
vertical-align: middle;
color: #333; /* CDCDCD */
}
.section-separator .section-separator-icon{
z-index:200;
position:absolute;
left:50%;
top:-10px;
margin-left:-20px;
width:40px;
font-size:20px;
font-family:FontAwesome;
text-align:center
}
.section-separator .section-separator-icon:after{
display:block;
text-align:center
}
.sep-clear {
clear: both;
display: block;
height: 1px;
font-size: 0px;
line-height: 0px;
width: 100%;
overflow: hidden;
}
/* --------------------------------------------
COLUMN SHORTCODE
-----------------------------------------------
One Third + Two Third
One Fourth + Three Fourth
One Fifth + One Fifth
Two Fifth + Three Fifth
1/2 + 1/2
3/4 + 1/4
1/2 + 1/4 + 1/4
1/4 + 1/2 + 1/4
1/4 + 1/4 + 1/4 + 1/4
1/5 + 1/5 + 1/5 + 1/5 + 1/5 One Fifth
2/3 + 1/3 > 1/3 + 2/3
1/3 + 1/3 + 1/3
-------------------------------------------- */
.one_half {
width: 48%;
}
.one_third {
width: 30.6666%;
}
.two_third {
width: 65.3333%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.two-fifth {
width: 37.6%;
}
.three-fifth {
width: 58.4%;
}
.four-fifth {
width: 79.2%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
position: relative;
/*z-index: 2;*/
margin-right: 4%;
float: left;
word-wrap: break-word;
margin-bottom:10px;
}
.one_half .row, .one_third .row, .two_third .row, .three_fourth .row, .one_fourth .row, .one_fourth_thumb .row, .one-fifth .row, .three-fifth .row, .four-fifth .row, .two-fifth .row{
margin-bottom: 0;
}
.one_half p:last-child, .one_third p:last-child, .two_third p:last-child, .three_fourth p:last-child, .one_fourth p:last-child, .one_fourth_thumb p:last-child, .one-fifth_thumb p:last-child, .four-fifth_thumb p:last-child, .two-fifth_thumb p:last-child, .three-fifth_thumb p:last-child{
margin-bottom: 0;
}
.one_half img, .one_third img, .two_third img, .three_fourth img, .one_fourth img, .one_fourth_thumb img, .one-fifth img, .four-fifth img, .two-fifth img, .three-fifth img {
max-width: 100%;
height: auto;
}
.last {
margin-right: 0 !important;
/* clear:right;
float: right;*/
}
.one {
margin-right: 2% !important;
/* clear:right;
float: right;*/
}
.one_fourth_thumb {
width: 22%;
margin-right: 3%;
position: relative;
/*z-index: 2;*/
float: left;
word-wrap: break-word;
}
[class*="grid_"] {
float: left;
min-height: 1px;
position: relative;
/*margin-left: 30px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid_12 {
width: 1170px;
}
.grid_11 {
width: 1070px;
}
.grid_10 {
width: 970px;
}
.grid_9 {
width: 870px;
}
.grid_8 {
width: 770px;
}
.grid_7 {
width: 670px;
}
.grid_mr {
margin-right: 4%;
}
.grid_6 {
width: 48%; /* one_half */
}
.grid_5 {
width: 30.6666%; /* one_third */
}
.grid_4 {
width: 65.3333% /* two_third */
}
.grid_3 {
width: 22%; /* one_fourth */
}
.grid_2 {
width: 74%; /* three_fourth */
}
.grid_1 {
width: 16.8%; /* one-fifth */
}
/*-----------------------------------------------------*/
/* ICONS -----------------------------*/
/*-----------------------------------------------------*/
.fontawesome-icon{margin-right:10px;}
.fontawesome-icon.small{
font-size:10px;
}
.fontawesome-icon.medium{
font-size:18px;
}
.fontawesome-icon.large{
font-size:40px;
}
.sf-icon_rounder {
display: inline-block;
margin-right: 5px;
width: 50px;
height: 50px;
line-height:50px;
text-align: center;
color:#fff;
background-color: rgba(5, 51, 105, 0.6); /*053369*/
/*background-color: rgba(255, 255, 255, 0.60);*/
border: 2px solid #053369;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 2px 0px rgba(5, 51, 105, 0.9);
-moz-box-shadow: 0px 2px 0px rgba(5, 51, 105, 0.9);
-o-box-shadow: 0px 2px 0px rgba(5, 51, 105, 0.9);
box-shadow: 0px 2px 0px rgba(5, 51, 105, 0.9);
}
/*
.sf-icon {
font-size: 30px;
line-height: 26px;
padding: 0px;
width: auto;
height: 24px;
background-image: none;
}
*/
/*giro rápido
-webkit-transition: all 300ms 0s ease-in-out;
-moz-transition: all 300ms 0s ease-in-out;
-o-transition: all 300ms 0s ease-in-out;
transition: all 300ms 0s ease-in-out;
*/
i.sf-icon {
margin-right: 5px;
-webkit-transition-property: -webkit-transform, color;
-ms-transition-property: -ms-transform, color;
transition-property: transform, color;
-webkit-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.sf-icon {
display:inline-block;
color: inherit;
}
.sf-icon.sf-icon-small {
font-size: 16px;
line-height: 16px;
width: 16px;
height: 16px;
}
.sf-icon.sf-icon-medium {
font-size: 20px;
line-height: 20px;
width:20px;
height: 20px;
}
.sf-icon.sf-icon-large {
font-size: 24px;
line-height:24px;
height:24px;
width: 24px;
}
.sf-icon.sf-icon-xl {
font-size: 28px;
line-height:28px;
height:28px;
width: 28px;
}
.sf-icon-float-left {
float: left;
text-align: left;
padding: 5px 10px 0px 0px;
}
.sf-icon-float-right {
float: right;
text-align: right;
padding:2px 0px 0px 10px;
}
.sf-icon-float-none {
display: inline-block;
}
.sf-icon-accent {
color:#0067B2;
}
.sf-icon-blue {
color:#053369;
}
.sf-icon-white {
color: #FFF;
text-shadow: 1px 1px 0px #000;
}
.sf-icon-cont {
padding: 18px;
text-align: center;
vertical-align: middle;
margin-bottom: 20px;
margin-right: 20px;
height: 20px;
width: 20px;
line-height: 20px; /*no tocar afecta fa-star imagen destacada */
border: 1px solid transparent; /* si se quiere color asignar con class bc*/
background-color: transparent;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-size: 100% 100%;
background-position: center center;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
background-color: transparent;
}
/* imagen destacada categoría guia de aves */
.sf-icon-cont.cont-bcb {
background-color:#0067B2;
}
.sf-icon-cont.cont-small {
padding:3px 6px 4px; /* 19px 20px 19px 18px*/
}
.sf-icon-cont.cont-medium {
padding:10px;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
}
/*
width: 42px;
height: 42px;
line-height: 12px;
*/
.sf-icon-cont.cont-large {
padding: 25px;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
width: 48px;
height: 48px;
line-height: 12px;
}
.sf-icon-cont.cont-medium .sf-icon[class^="fa-"] {
margin-right:0px;
margin-left:0px;
}
.sf-icon.sf-icon-featured {
font-size: 14px;
line-height: 14px;
width: 14px;
height: 14px;
}
.featured {
margin-bottom:0 !important;
margin-right: 0 !important;
background-color:#0067B2; /* azul */
vertical-align: top !important;
color:#fff;
text-shadow: 1px 1px 0px #000;
line-height: 20px;
}
/* --------------------------------------------
ALERT SHORTCODE
-------------------------------------------- */
.alert {
font-size: 16px;
line-height: 22px;
font-weight: bold;
overflow: hidden;
padding: 12px 15px;
text-align: left;
margin-bottom: 20px;
font-weight: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
clear: both;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 rgba(0,0,0,.1);
border: 1px solid;
background-color: #fbf7e3;
}
.alert .messagebox_text {
background: none;
padding-left: 0;
/*display: inline-block;*/
}
.alert .messagebox_text p {
float: left;
font-family:"Ubuntu",sans-serif;
font-size: 16px;
margin: 0px;
line-height: 22px;
text-shadow:0 1px rgba(255,255,255,0.8);
}
span.msg-error {
margin: 0 10px;
}
.alert .messagebox_text:before {
content: "\f06a";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
width: 10px;
height:10px;
float: left;
padding-right: 20px;
font-size: 20px;
text-indent: 0;
}
.alert.alert-info .messagebox_text:before {
content: "\f05a";
}
.alert.alert-error .messagebox_text:before {
content: "\f071";
}
/*
.alert.alert-error .messagebox_text:after {
content: "ERROR";
font-size: 18px;
text-align: center;
font-weight: bold;
display: block;
}
*/
.alert.alert-success .messagebox_text:before {
content: "\f00c";
}
.alert.alert-info {
background-color: #d9edf7;
color:#00529B;
border-color:#bce8f1;
display: inline-block;
margin: 0 auto;
/*max-width: 960px;*/
}
.alert.alert-error {
background-color: #f1dddd;
color:#b94a48;
border-color:#eed3d7;
display: inline-block;
margin: 0 auto;
/*max-width: 960px;*/
}
.alert.alert-success {
background-color: #dfefd7;
color:#468847;
border-color:#d6e9c6;
display: inline-block;
margin: 0 auto;
/*max-width: 960px;*/
}
.alert-info p{
color:#00529B;
}
.alert-error p{
color:#b94a48;
}
.alert-success p{
color:#468847;
}
/*-----------------------------------------------------*/
/* ALERT Message Boxes --------------------------------*/
/*
Info message
*/
/*-----------------------------------------------------*/
.informacion, .valido, .aviso, .fallo, .comprobar {
border: 1px solid;
margin:10px 10px;
padding:15px 50px 15px 20px;
background-repeat: no-repeat;
background-position: 10px center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 4px rgba(111,111,111,.45);
-moz-box-shadow: 2px 2px 4px rgba(111,111,111,.45);
box-shadow: 2px 2px 4px rgba(111,111,111,.45);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*clear: both;*/
display: inline-block;
float: left;
}
.informacion p,
.valido p,
.aviso p,
.fallo p,
.comprobar p{
font-family:"Ubuntu",sans-serif;
font-size: 18px;
line-height:32px;
text-align: center;
display: inline-block;
text-shadow: 0px 1px rgba(255,255,255, 0.8);
}
.informacion:before {
content: "\f05a"; /*fa-info-circle*/
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
font-size:32px;
width:32px;
height:32px;
line-height:32px;
vertical-align:middle;
margin-right:5px;
text-indent: 0;
display: inline-block;
}
.valido:before {
content: "\f058"; /*fa-check-circle-o*/
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
font-size:32px;
width:32px;
height:32px;
line-height:32px;
vertical-align:middle;
margin-right:5px;
text-indent: 0;
display: inline-block;
}
.aviso:before {
content: "\f06a"; /*fa-exclamation-circle*/
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
font-size:32px;
width:32px;
height:32px;
line-height:32px;
vertical-align:middle;
margin-right:5px;
text-indent: 0;
display: inline-block;
}
.fallo:before {
content: "\f057"; /*fa-times-circle*/
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
font-size:32px;
width:32px;
height:32px;
line-height:32px;
vertical-align:middle;
margin-right:5px;
text-indent: 0;
display: inline-block;
}
.comprobar:before {
content: "\f071"; /*fa-exclamation-triangle*/
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
font-size:32px;
width:32px;
height:32px;
line-height:32px;
vertical-align:middle;
margin-right:5px;
text-indent: 0;
display: inline-block;
}
.informacion {
color: #00529B;
background-color: #d9edf7;
border-color:#bce8f1;
}
.valido {
color: #4F8A10;
background-color: #DFF2BF;
border-color:#d6e9c6;
}
.aviso {
color: #9F6000;
background-color: #FEEFB3;
border-color:#fbf7e3;
}
.fallo {
color: #D8000C;
background-color: #FFBABA;
border-color:#eed3d7;
}
.comprobar {
color: #D63301;
background-color: #FFCCBA;
border-color:#eed3d7;
}
/*-----------------------------------------------------*/
/* IMAGES -----------------------------*/
/*-----------------------------------------------------*/
img{
border-style:none;
vertical-align:top;
max-width:100%;
height:auto;
}
/*-----------------------------------------------------*/
/* SHADOWS -----------------------------*/
/*-----------------------------------------------------*/
.shadowframe{
box-shadow: -10px 0 8px -8px rgba(0,0,0,.4), 10px 0 8px -8px rgba(0,0,0,.4);
-moz-box-shadow: -10px 0 8px -8px rgba(0,0,0,.4), 10px 0 8px -8px rgba(0,0,0,.4);
-webkit-box-shadow: -10px 0 8px -8px rgba(0,0,0,.4), 10px 0 8px -8px rgba(0,0,0,.4);
/*box-shadow: 4px 4px 4px rgba(0,0,0,.45);*/
/*box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);*/
/*box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);*/
}
.glowfigure {
border: 6px solid transparent;
-moz-box-shadow: 0 0 4px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
box-shadow: 0 0 4px rgba(0,0,0,.5);
}
.borderfigure {
border: 6px solid transparent;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.shadowfigure {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.45);
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.45);
box-shadow: 4px 4px 4px rgba(0,0,0,.45);
}
/*-----------------------------------------------------*/
/* TOOLTIP content: attr(rel)------------------------*/
/*-----------------------------------------------------*/
.tooltip {
display: inline;
position: relative;
}
.tooltip:hover:after {
bottom: 26px;
content: attr(rel); /* este es el texto que será mostrado */
left: 20%;
position: absolute;
z-index: 98;
/* el formato gráfico */
background: rgba(0,0,0, 0.7); /* el color de fondo */
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
color: #fff; /* el color del texto */
font-family:"Roboto Condensed",sans-serif;
font-weight:normal;
font-size: 12px;
padding: 3px 8px;
text-align: center;
text-shadow: 1px 1px 1px #000;
width:100px;
height:44px;
-webkit-box-shadow: 2px 2px 2px #999;
-moz-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
-webkit-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.tooltip:hover:before {
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
/* el triángulo inferior */
border: solid;
border-color: rgba(0,0,0, 0.7) transparent;
border-width: 6px 6px 0 6px;
}
/*-----------------------------------------------------*/
/* TOOLTIP content: attr(data-tooltip)--------------*/
/*
I'm a link with a tooltip.*/
/*
*/
/*-----------------------------------------------------*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight:normal;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*-----------------------------------------------------*/
/* Directional Tooltips with CSS ------- --------------*/
/*
tool_tip*/
/*
*/
/*-----------------------------------------------------*/
/* Base styles for the element that has a tool_tip */
[data-tool_tip],
.tool_tip {
position: relative;
/*cursor: help;*//*para el tool_tip new imagen*/
}
/* Base styles for the entire tool_tip */
[data-tool_tip]:before,
[data-tool_tip]:after,
.tool_tip:before,
.tool_tip:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
}
/* Show the entire tool_tip on hover and focus */
[data-tool_tip]:hover:before,
[data-tool_tip]:hover:after,
[data-tool_tip]:focus:before,
[data-tool_tip]:focus:after,
.tool_tip:hover:before,
.tool_tip:hover:after,
.tool_tip:focus:before,
.tool_tip:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Base styles for the tool_tip's directional arrow */
.tool_tip:before,
[data-tool_tip]:before {
z-index: 1001;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Base styles for the tool_tip's content area */
.tool_tip:after,
[data-tool_tip]:after {
z-index: 1000;
padding: 8px;
width: 160px;
background-color: rgba(0, 103, 178, 0.9);
/*
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
*/
color: #fff;
text-shadow: 1px 0px #000;
content: attr(data-tool_tip);
font-size: 14px;
font-family:"Roboto Condensed",sans-serif;
font-weight:normal;
text-align:center;
line-height: 1.2;
}
/* Directions */
/* Top (default) */
[data-tool_tip]:before,
[data-tool_tip]:after,
.tool_tip:before,
.tool_tip:after,
.tool_tip-top:before,
.tool_tip-top:after {
bottom: 100%;
left: 50%;
}
/*flecha indicación triángulo*/
[data-tool_tip]:before,
.tool_tip:before,
.tool_tip-top:before {
margin-left: -6px;
margin-bottom: -12px;
border-top-color: rgba(0, 103, 178, 0.9);
/*
border-top-color: #000;
border-top-color: hsla(0, 0%, 20%, 0.9);
*/
}
/* Horizontally align top/bottom tool_tips */
[data-tool_tip]:after,
.tool_tip:after,
.tool_tip-top:after {
margin-left: -80px;
}
[data-tool_tip]:hover:before,
[data-tool_tip]:hover:after,
[data-tool_tip]:focus:before,
[data-tool_tip]:focus:after,
.tool_tip:hover:before,
.tool_tip:hover:after,
.tool_tip:focus:before,
.tool_tip:focus:after,
.tool_tip-top:hover:before,
.tool_tip-top:hover:after,
.tool_tip-top:focus:before,
.tool_tip-top:focus:after {
-webkit-transform: translateY(-12px);
-moz-transform: translateY(-12px);
transform: translateY(-12px);
}
/* Left */
.tool_tip-left:before,
.tool_tip-left:after {
right: 100%;
bottom: 50%;
left: auto;
}
/*flecha indicación triángulo*/
.tool_tip-left:before {
margin-left: 0;
margin-right: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-left-color: rgba(0, 103, 178, 0.9);
/* border-left-color: #000;
border-left-color: hsla(0, 0%, 20%, 0.9);
*/
}
.tool_tip-left:hover:before,
.tool_tip-left:hover:after,
.tool_tip-left:focus:before,
.tool_tip-left:focus:after {
-webkit-transform: translateX(-12px);
-moz-transform: translateX(-12px);
transform: translateX(-12px);
}
/* Bottom */
.tool_tip-bottom:before,
.tool_tip-bottom:after {
top: 100%;
bottom: auto;
left: 50%;
}
/*flecha indicación triángulo*/
.tool_tip-bottom:before {
margin-top: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-bottom-color: rgba(0, 103, 178, 0.9);
/*
border-bottom-color: #000;
border-bottom-color: hsla(0, 0%, 20%, 0.9);
*/
}
.tool_tip-bottom:hover:before,
.tool_tip-bottom:hover:after,
.tool_tip-bottom:focus:before,
.tool_tip-bottom:focus:after {
-webkit-transform: translateY(12px);
-moz-transform: translateY(12px);
transform: translateY(12px);
}
/* Right */
.tool_tip-right:before,
.tool_tip-right:after {
bottom: 50%;
left: 100%;
}
/*flecha indicación triángulo*/
.tool_tip-right:before {
margin-bottom: 0;
margin-left: -12px;
border-top-color: transparent;
border-right-color: rgba(0, 103, 178, 0.9);
/*
border-right-color: #000;
border-right-color: hsla(0, 0%, 20%, 0.9);
*/
}
.tool_tip-right:hover:before,
.tool_tip-right:hover:after,
.tool_tip-right:focus:before,
.tool_tip-right:focus:after {
-webkit-transform: translateX(12px);
-moz-transform: translateX(12px);
transform: translateX(12px);
}
/* Move directional arrows down a bit for left/right tool_tips */
.tool_tip-left:before,
.tool_tip-right:before {
top: 3px;
}
/* Vertically center tool_tip content for left/right tool_tips */
.tool_tip-left:after,
.tool_tip-right:after {
margin-left: 0;
margin-bottom: -16px;
}
/*-----------------------------------------------------*/
/* BOTONES -----------------------------*/
/*-----------------------------------------------------*/
.button {
font-family: "Oswald",sans-serif;
background-color: #0067B2 ;
color: #fff;
text-shadow:none;
font-size: 14px;
font-weight: normal;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
cursor: pointer;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing:content-box;
transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
}
.button:hover {
background-color: #333;
color: #FFF;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.boton {
font-family:"Oswald",sans-serif;
color: rgba(0, 0, 0, 0.4);
text-align: center;
text-shadow:none ;/* 0 2px rgba(255,255,255,0.8) */
text-transform: uppercase;
font-weight: normal;
display: inline-block;
position: relative;
outline:none;
zoom: 1;
/*background: linear-gradient(to top, #DADADA, #ECECEC) repeat scroll 0% 0% #ECECEC;*/
background:#F0F0F0;
background-image: -ms-linear-gradient(top, #FBFBFB 0%, #F0F0F0 100%);
background-image: -moz-linear-gradient(top, #FBFBFB 0%, #F0F0F0 100%);
background-image: -o-linear-gradient(top, #FBFBFB 0%, #F0F0F0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBFBFB), color-stop(1, #F0F0F0));
background-image: -webkit-linear-gradient(top, #FBFBFB 0%, #F0F0F0 100%);
background-image: linear-gradient(to bottom, #FBFBFB 0%, #F0F0F0 100%);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
cursor: pointer;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing:content-box;
transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
}
.boton:hover {
color: #000;
transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
background:#dadada;
background-image:-webkit-gradient( linear, left bottom, left top, from( #ececec ), to( #dadada ) );
background-image:-webkit-linear-gradient( bottom, #ececec, #dadada );
background-image:-moz-linear-gradient( bottom, #ececec, #dadada );
background-image:-o-linear-gradient( bottom, #ececec, #dadada );
background-image:linear-gradient( to top, #ececec, #dadada );
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.button.small {
padding: 9px 20px;
font-size: 12px;
line-height: 14px;
}
.button-medium{
padding: 11px 23px;
font-size: 13px;
line-height: 16px;
}
.button-xlarge {
padding: 17px 40px;
font-size: 18px;
line-height: 21px;
}
.button-3d {
box-shadow: 0px 1px 0px #FFF inset, 0px 5px 0px #ECECEC, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 0px #FFF inset, 0px 5px 0px #ECECEC, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 0px #FFF inset, 0px 5px 0px #ECECEC, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 1px 0px #FFF inset, 0px 5px 0px #ECECEC, 1px 7px 7px 3px rgba(0, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.8);
}
.boton-black {
background: #3f3f3f; /* Old browsers */
background: -moz-linear-gradient(top, #3f3f3f 0%, #262626 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#262626)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3f3f3f 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3f3f3f 0%,#262626 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3f3f3f 0%,#262626 100%); /* IE10+ */
background: linear-gradient(to bottom, #3f3f3f 0%,#262626 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
color: #f7f7f7;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius:0px;
}
.boton-black:hover{
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #262626 0%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #262626 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #262626 0%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #262626 0%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom, #262626 0%,#3f3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
color: #fff;
}
/* --------------------------------------------
BUTTON UPLOAD
-------------------------------------------- */
span.upload_button {
margin-left: 10px;
}
span.upload_off {
opacity:0.5;
color:#999;
}
a.sf-button.upload_on {
display: inline-block;
font-size: 16px;
line-height: 18px;
height: auto;
padding: 9px 20px;
margin: 0 auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 1px solid #0067B2;
outline: none;
text-shadow: none;
text-decoration: none;
font-weight: normal;
cursor:pointer;
}
div.sf-button.upload_off {
display: inline-block;
padding: 9px 20px;
font-size: 16px;
line-height: 18px;
height: auto;
margin: 0 auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 1px solid #999;
outline: none;
text-shadow: none;
text-decoration: none;
font-weight: normal;
float: right;
}
/* --------------------------------------------
BUTTON SHORTCODE
-------------------------------------------- */
.sf-button {
font-family: "Roboto Condensed",sans-serif;
font-weight: 400;
font-size-adjust: 0.5;
font-weight: normal;
font-style: normal;
cursor:pointer;
}
.sf-button {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 9px 20px;
margin: 0 20px 20px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 1px solid #0067B2;
outline: none;
text-shadow: none;
text-decoration: none;
font-weight: normal;
}
a.sf-button {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 9px 20px;
margin: 0 20px 20px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 1px solid #0067B2;
outline: none;
text-shadow: none;
text-decoration: none;
font-weight: normal;
cursor:pointer;
}
a.sf-button:hover {
text-decoration: none!important;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
}
.sf-button:hover {
text-decoration: none!important;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
}
.sf-button:hover [class^="fa-"] {
color: #0067B2 !important;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
a.sf-button:hover [class^="fa-"] {
color: #0067B2 !important;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
.sf-button.accent {
background-color: #0067B2;
color: #FFF;
}
.sf-button.accent:hover {
background-color:transparent;
color: #000;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
}
a.sf-button.black {
background-color: #0067B2;
color: #FFF;
}
.sf-button.black:hover {
background-color:#000;
color: #fff;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.5);
}
a.sf-button.small {
padding: 4px 8px;
font-size: 14px;
line-height: 18px;
}
.sf-button.small {
padding: 4px 8px;
font-size: 14px;
line-height: 18px;
}
a.sf-button.medium {
padding: 11px 23px;
font-size: 16px;
line-height: 20px;
}
a.sf-button.medium2 {
padding: 6px 8px; /*11px 23px*/
font-size: 16px;
line-height:20px;
}
.sf-button.medium {
padding: 11px 23px;
font-size: 16px;
line-height: 20px;
}
a.sf-button.large {
padding: 17px 40px;
font-size: 18px;
line-height: 21px;
}
.sf-button.large {
padding: 17px 40px;
font-size: 18px;
line-height: 22px;
}
a.sf-button.rounded, a.sf-button.roundedarrow {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.sf-button.rounded, .sf-button.roundedarrow {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
a.sf-button.slightlyrounded, a.sf-button.slightlyroundedarrow {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.sf-button.slightlyrounded, .sf-button.slightlyroundedarrow {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
a.sf-button.rounded, a.sf-button.roundedarrow {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.sf-button.rounded, .sf-button.roundedarrow {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
a.sf-button.slightlyrounded:hover, a.sf-button.slightlyroundedarrow:hover, a.sf-button.rounded:hover, a.sf-button.roundedarrow:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none !important ;
-moz-box-shadow: none !important ;
box-shadow: none !important ;
}
.sf-button.slightlyrounded:hover, .sf-button.slightlyroundedarrow:hover, .sf-button.rounded:hover, .sf-button.roundedarrow:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none !important ;
-moz-box-shadow: none !important ;
box-shadow: none !important ;
}
/* colocar icon FontAwesome en boton formulario input */
/* fa-chevron-right */
/* en lugar de poner la etiqueta input se usa button */
span.btt_submit {
margin-left: 10px;
}
span.btt_submit{
position: relative;
}
/*
span.btt_submit:after {
font-family: FontAwesome;
content: "\f054";
font-size: 14px;
position: absolute;
right:15px;
pointer-events: none;
line-height: 47px;
color:#fff;
}
*/
/* ------------------------------------------------
BUTTON NEXT PREV IMAGE LIKE FAVORITOS DOWNLOAND
------------------------------------------------- */
.sf-light {
font-family: "Roboto Condensed",sans-serif !important;
font-weight:normal !important;
font-size: 15px !important;
color: #0067B2;
line-height:18px !important;
margin: 0 !important;
display: inline-block;
text-align: center;
/*float: right;*/
/*white-space: nowrap;*/
background:#eaeaea;
-moz-border-radius: 4px / 4px 4px 4px 4px;
-webkit-border-radius: 4px / 4px 4px 4px 4px;
border-radius: 4px / 4px 4px 4px 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
.sf-light:hover{
color: #000 !important;
background:#fff !important;
}
/*------------- */
/* TABLAS ----- */
/*------------- */
.table-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: visible;/* sale scroll si la table es ancha que el div*/
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
/* table {
margin: 0 0 2em 0;
width: 100%;
}
*/
table tbody tr {
border: solid 1px #bbb; /* mismo color fondo pag. */
border-left: 0;
border-right: 0;
}
table tbody tr:nth-child(2n + 1) {
background-color: #efefef; /*no cambiar color gris claro sobre fondo fff member profile*/
}
table td {
padding: 10px 8px; /*0.75em = 12px*/
font-family: "Roboto Condensed",sans-serif;
font-size:15px;
color: #565656;
text-shadow: 0px 1px rgba(255, 255, 255, 0.8);
}
table th {
color: #000;
font-size:18px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
font-weight:bold;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
table thead {
border-bottom: 1px solid #ccc;
}
table tfoot {
border-top: solid 1px #ccc;
}
table.alt {
border-collapse: separate;
}
table.alt tbody tr td {
border: solid 1px #ccc;
border-left-width: 0px;
border-top-width: 0;
}
table.alt tbody tr td:first-child {
border-left-width: 1px;
}
table.alt tbody tr:first-child td {
border-top-width: 1px;
}
table.alt thead {
border-bottom: 0;
}
table.alt tfoot {
border-top: 0;
}
/*--class tr table memberlist --------------------------------*/
.imagerow1 {
border-bottom:1px solid #fff;
background-color: rgba(227, 227, 227, 0.9) !important;
/*
background: #efefef !important;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%) !important;
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%) !important;
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%) !important;
background: linear-gradient(top, #ffffff 0%,#efefef 100%) !important;
*/
/* problemas sombra en chorme
-webkit-box-shadow:
0px 10px 6px -9px rgba(0, 0, 0, 0.3) inset,
0px -10px 6px -9px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow:
0px 10px 6px -9px rgba(0, 0, 0, 0.3) inset,
0px -10px 6px -9px rgba(0, 0, 0, 0.3) inset;
box-shadow:
0px 10px 6px -9px rgba(0, 0, 0, 0.3) inset,
0px -10px 6px -9px rgba(0, 0, 0, 0.3) inset;
*/
/*
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
*/
}
.imagerow2 {
background: transparent;
background-color: transparent; /* #EFEFEF */
}
/*--Categories------------------------------------------------*/
.catbgcolor {
background-color: transparent; /* #EFEFEF */
}
/*---------------------- */
/* TABLE SHORTCODE ----- */
/* GUIA DE AVES -------- */
/*---------------------- */
table.striped_minimal tr:nth-of-type(even) {
border-bottom:1px solid #fff;
background-color:rgba(227, 227, 227, 0.9); /* #F7F7F7*/
}
table.striped_minimal th {
color: #000;
font-size:18px;
text-shadow: 0px 1px rgba(255, 255, 255, 0.9);
font-weight:bold;
padding: 0 0.75em 0.75em 0.75em;
text-align: left;
}
/*---------------------- */
/* ORDENAR LISTA ------- */
/* GUIA DE AVES -------- */
/*---------------------- */
#order_by{
list-style: none;
padding: 0;
margin: 0;
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight:normal;
line-height: 34px;
}
ul#order_by {
text-align:center;
}
#order_by > li{
display:inline-block;
padding: 0 6px 0 0;
margin: 0;
}
#order_by > li.ordenar{
font-size: 20px;
font-weight: normal;
font-family: "Oswald",sans-serif;
letter-spacing: 1px;
border-bottom:none !important;
}
#order_by > li:before {
content:"\f101"; /*fa-angle-double-right*/
font-family: FontAwesome;
font-size: 18px;
font-weight: normal;
padding-right: 8px;
vertical-align: top;
color: #0067B2;
-webkit-font-smoothing: antialiased;
}
#order_by > li:before > a:hover {
border-bottom:none !important;
}
#order_by ul li a {
font-family: "Oswald",sans-serif;
font-size: 18px;
font-weight:normal;
color:#000;
}
#order_by > li.ordenar:hover{
border-bottom:none !important;
}
#order_by > li a:hover {
color:#0067B2;
}
#order_by > li a.active {
color:#0067B2;
}
#order_by > li:first-child:before { content: ""; }
/*Win IE browsers - hide from Mac IE\*/
* html #order_by { height: 1%; }
* html #order_by li{
display: block;
float: left;
}
/*---------------------- */
/* FORMULARIOS ----- */
/*---------------------- */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="select"]:focus,
textarea:focus,
select:focus{
background-color: #fff;
outline:0;
border:1px solid rgba(0, 103, 178, 0.5); /* accent:#0067B2 azul */
-webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
}
:required{
border:1px solid rgba(255,0,0, 0.5); /* rojo F00 */ /* ?¿?¿ funciona */
}
.required {
font-family: "Roboto Condensed",sans-serif;
font-size: 16px;
font-weight: 400;
color: #F00;
border: 0px none;
margin-right: 5px
}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #EE3C59; /*#053369*/
}
.formulario label{
float: left;
display:inline-block;
padding: 0px;
margin: 0px;
line-height: 42px;
font-weight: normal;
}
.formulario label.no-formulario{
float:none;
display:inline-block;
padding: 0px;
margin: 0px;
line-height:normal;
font-weight: normal;
}
form {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
/*font-size: 14px;*/
}
/*font-family:"FontAwesome" !important;
poner en input.icon si se pone icono en value*/
input.icon {
padding:5px;
}
input.icon::-webkit-input-placeholder {
font-family:"FontAwesome";
}
input.icon::-moz-placeholder {
font-family:"FontAwesome";
}
input.icon::-ms-input-placeholder {
font-family:"FontAwesome";
}
/* fa user input comment name */
input.icon[value=""] {
font-family:"FontAwesome" !important;
}
textarea.icon {
padding:15px;
}
textarea.icon::-webkit-input-placeholder {
font-family:"FontAwesome";
font-size: 16px;
}
textarea.icon::-moz-placeholder {
font-family:"FontAwesome";
font-size: 16px;
}
textarea.icon::-ms-input-placeholder {
font-family:"FontAwesome";
font-size: 16px;
}
.logininput {
/* background-color: #ffffff;*/
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
color: #444;
font-size: 14px;
width: 130px;
}
.searchinput {
color: #333;
font-size: 14px;
width:auto !important ; /*130px*/
border-left: 0px solid #E4E4E4 !important;
height: 32px !important;
margin-right: 5px;
padding: 4px !important;
margin-bottom: 0px !important;
}
/*--Comments--------------------------------------------------*/
.commenttextarea {
/*font-family: FontAwesome;*/
color: #333;
font-size: 16px;
width:100%;
}
.commentinput {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
color: #555;
opacity: 0.5;
font-size: 14px;
width: 100%;
}
.textarea {
font-size: 16px;
color: #333;
width:100%;
}
.textarea.description {
min-height: 140px;
}
.textarea.keywords {
height:70px;
}
.input {
font-size: 16px;
color: #333;
width:95%;
}
.input_titulo {
font-size: 16px;
color: #333;
width:75%;
}
form,
fieldset {
margin:0;
padding:0;
border-style:none;
}
textarea{
font-family: "PT Sans",sans-serif;
outline: 0;
background: #f8f8f8;
border: 1px solid #D2D2D2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
padding: 10px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
input,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="color"] {
font-family: "PT Sans",sans-serif;
outline: 0;
background-color: #f8f8f8;
border: 1px solid #D2D2D2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*margin-bottom: 15px;*/
padding: 10px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
/* #Checkbox
================================================== */
/*Custom Radio Buttons and Checkboxes using Font Awesome*/
.radio label,
.checkbox label {
padding-left: 0;
}
input[type=radio],
input[type='checkbox'] {
display: none;
}
input[type=radio] + label {
display: block;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 8px;
width: 24px;
}
input[type=radio] + label:before {
/* content: "\f10c";Radio Unchecked */
}
input[type=radio]:checked + label:before {
/* content: "\f05d"; Radio Checked */
}
input[type="checkbox"] + label:before {
/* content: "\f096"; Checkbox Unchecked */
}
input[type="checkbox"]:checked + label:before {
/* content: "\f046"; Checkbox Checked */
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
background: #f7f7f7;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border: solid 1px #D2D2D2;
content: '';
height:24px;
width: 24px;
line-height:24px;
position: absolute;
text-align: center;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1) inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
background: #0067B2;
border-color: #0067B2;
color: #ffffff;
content: '\f00c';
text-shadow:none;
padding: 0;
}
input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
outline: none;
border:1px solid rgba(0, 103, 178, 0.5); /* accent:#0067B2 azul */
-webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
}
input[type="checkbox"] + label:before {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
/*-- checkbox register form normas y condiciones ---------------*/
input[type="checkbox"] + label.bc6:before {
border: 1px solid rgba(255,0,0, 0.5) !important; /* rojo F00 */
}
/*-- member_editprofile input radio tipo galería --------------*/
/*-- mostrar info tipo galería cuando se clica el input radio */
.reveal-if-active {
display: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
p.reveal{
color:#0067B2;
font-size: 16px;
display: block;
margin: 10px 0 0px 0;
}
.basica, .estandar, .premium, .premium_plus {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* #input type="file" name="media_file"
================================================== */
input#uploadFile{
font-family: "PT Sans",sans-serif;
color:#333;
font-size:16px;
margin: 0px;
display: inline;
outline: 0;
background: #f8f8f8;
border: 1px solid #D2D2D2;
padding:8px;
width:55%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
.fileUpload {
position: relative;
overflow: hidden;
margin: 10px;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.btn-foto {
color: #fff;
font-size: 16px;
text-shadow:none;
line-height: 18px;
height: auto;
background-color: #0067B2;
padding: 9px 20px;
margin: 0;
display:inline-block;
border: 1px solid #0067B2;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.btn {
display: inline-block;
margin-bottom:6px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
-moz-user-select: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
outline: none;
}
.btn-foto:hover {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-color: transparent;
color: #000;
border: 1px solid #0067B2;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.fileUpload:hover [class^="fa-"] {
color: #0067B2 !important;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
/*----------------------------------------------------------*/
/* FORM DROPDOWN ---------------------*/
/*---------------------------------------------------------*/
/* #Select
================================================== */
/*
.select {
color: #747474;
font-size: 14px;
}
select {
vertical-align: middle;
font-size: 14px;
color: #747474;j
border:0px solid #D2D2D2;
padding:4px 6px;
}
*/
select {
appearance: none!important;
-webkit-appearance: none!important;
-moz-appearance: none!important;
}
label.custom-select {
position: relative;
display: inline-block;
float: none;
line-height: 35px;
}
.custom-select select {
display: inline-block;
border: 1px solid #d2d2d2;
padding:6px 3px 6px 6px ; /*4px 3px 3px 5px*/
margin: 0;
font: inherit;
outline:none; /* remove focus ring from Webkit */
line-height: 1.2;
background: #f8f8f8;
-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
}
/* for Webkit's CSS-only solution */
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
.custom-select select {
max-width: 90%;
margin-right: -30px;
}
}*/
/* Since we removed the default focus styles, we have to add our own */
.custom-select select:focus {
background-color: #fff;
outline: none;
border:1px solid rgba(0, 103, 178, 0.5); /* accent:#0067B2 azul */
-webkit-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.3);
}
/* Select arrow styling */
.custom-select:after {
content: "\f078";
font-family: "FontAwesome";
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size:90%;
line-height: 34px;
padding: 0 7px;
background: #e1e1e1;
color:#747474;
pointer-events:none;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.no-pointer-events .custom-select:after {
content: none;
}
/* FORM DROPDOWN images per page---------------------*/
.setperpageselect {
color: #aaa;
font-size: 14px;
}
.pageselect {
/*para igualar con la altura de dropdown category */
color: #aaa;
font-size: 14px !important;
line-height: 36px;
height: 36px;
padding: 6px 35px 6px 6px !important;
}
.images_per_page{
margin-top: 0px;
padding: 0px 10px;
font-weight: normal;
font-size: 14px;
line-height: 33px;
color:#747474;
}
/* FORM RATE votar imagen ---------------------*/
/* queda por defecto */
label.custom-rate {
position: relative;
display: inline-block;
}
.custom-rate select {
display: inline-block;
padding:0;
margin:0px 0px 0px 0px;
font: inherit;
outline:none; /* remove focus ring from Webkit */
background: #EFEFEF;
color:#EFEFEF !important;
border: 1px solid #EFEFEF;
-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px #EFEFEF) inset;
-moz-box-shadow:0px 1px 8px #EFEFEF) inset;
box-shadow:0px 1px 8px #EFEFEF) inset;
}
/* UPLOAD CATEGORIES member_uploadform ---------------------*/
/* dropdownmarker category_dropdown_form */
select.categoryselect {
color: #aaa !important;
font-size: 14px;
/*text-transform: capitalize;*/ /* subcategorias*/
}
.categoryselect {
color: #aaa !important;
font-size: 14px;
}
.category_select {
color: #aaa !important;
font-size: 14px;
line-height: 36px;
height: 36px;
}
.dropdownmarker {
background-color: #EEEEEE;
color: #333;
font-size: 14px;
}
option.dropdownmarker {
/*text-transform: capitalize;*/
}
/* MOD UPLOAD CATEGORIES DROPDOWN ---------------------*/
/* parent category, not allowed upload */
.dropdownmarkerdisable {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
background-color: #EEEEEE;
color: #A7A7A7;
font-size: 14px;
}
/* child category, not allowed upload */
.dropdowndisable {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
color: #F00;
font-size: 14px;
/*text-transform: capitalize;*/
display: none;
}
/* child category, allowed upload */
.dropdownok {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
color: #0067B2 !important;
font-size: 14px;
/*text-transform: capitalize;*/
}
/*--Comments--------------------------------------------------*/
.commentspacerrow {
background-color: #d1d1d1;
color: #333;
}
.captchainput {
/*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;*/
color: #747474;
font-size: 14px;
width: 200px;
}
/*--------------------------------------------------------*/
/* Advanced Search ---------------------------------------*/
/* form.formulario select definido en label custom-select*/
/*-------------------------------------------------------*/
form.formulario .input, form.formulario textarea, {
font-size: 16px;
color: #333;
background-color: #f8f8f8;
border: 1px solid #D2D2D2;
/*color: #AAA9A9;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 15px;
padding: 10px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.1) inset, 0px 1px white;
width:100%;
}
div.formulario_submit {
display: block;
clear: both;
margin: 0 auto;
text-align: center;
}
.formulario_btn, .formulario_btn:link, .formulario_btn a, .formulario_btn a:link {
display: inline-block;
background-color: #0067B2;
border: 1px solid #0067B2; /*D6D6D6*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
line-height: 26px;
padding:7px 30px 10px 17px;
/*padding: 6px 12px;*/
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 700;
text-transform: none;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-image: url('images/button-arrow.png');
background-position: 90% center; /*83%*/
background-repeat: no-repeat;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
outline: none;
}
/*-----------------------------------------------------*/
/* Place Holder CSS -----------------------------------*/
/*-----------------------------------------------------*/
/* Place Holder CSS */
::-webkit-input-placeholder {
color: #555;
opacity: 0.5;
font-family: "PT Sans",sans-serif;
font-size: 14px;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
:-moz-placeholder {
color: #555;
opacity: 0.5;
font-family: "PT Sans",sans-serif;
font-size: 14px;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
::-moz-placeholder {
color: #555;
opacity: 0.5;
font-family: "PT Sans",sans-serif;
font-size: 14px;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
:-ms-input-placeholder {
color: #555;
opacity: 0.5;
font-family: "PT Sans",sans-serif;
font-size: 14px;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
/* Place Holder CSS for Focus */
:hover::-webkit-input-placeholder {
opacity: 0.75;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
:hover:-moz-placeholder {
opacity: 0.75;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
:hover::-moz-placeholder {
opacity: 0.75;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
:hover:-ms-input-placeholder {
opacity: 0.75;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
/* Place Holder CSS for Focus */
:focus::-webkit-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
outline: none;
}
:focus:-moz-placeholder {
opacity: 0;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
outline: none;
}
:focus::-moz-placeholder {
opacity: 0;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
outline: none;
}
:focus:-ms-input-placeholder {
opacity: 0;
-ms-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
-moz-transition: opacity 0.35s ease-in-out;
-o-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
outline: none;
}
/* Removing input background colour (yellow) for Chrome autocomplete */
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input:-webkit-autofill:focus{
-webkit-box-shadow: 0 0 0px 1000px white inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
select:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
textarea:-webkit-autofill:focus{
-webkit-box-shadow: 0 0 0px 1000px white inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
textarea:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
textarea:-webkit-autofill:focus{
-webkit-box-shadow: 0 0 0px 1000px white inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(255, 255, 255) !important;
background-image: none;
color: rgb(0, 0, 0);
}
/*-----------------------------------------------------*/
/* ACCORDION Normas Upload -----------------------------*/
/*-----------------------------------------------------*/
#accordion-container {
background: #f7f7f7;
padding: 5px 10px 10px 10px;
border: 1px solid #cecece;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0px 2px 3px rgba(111, 111, 111, 0.25);
-moz-box-shadow:0px 2px 3px rgba(111, 111, 111, 0.25);
box-shadow:0px 2px 3px rgba(111, 111, 111, 0.25);
}
#accordion-container h2{
font-size: 16px;
color: #444;
text-shadow: 0px 1px rgba(255,255,255, 0.8);
line-height:32px;
height:32px;
}
.accordion-header {
margin: 5px 0 0 0;
padding: 5px 20px;
border: 1px solid #cecece;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
cursor: pointer;
zoom: 1;
-webkit-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.active-header {
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background-color: #F2F0F0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6));
background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0);
/*background:#cef98d;
background: url('images/active-header.gif') #cef98d;
background-repeat: no-repeat;
background-position: right 50%;*/
}
.active-header:hover {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
-webkit-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
zoom: 1;
/*background: #c6f089;
background: url('images/active-header.gif') #c6f089;
background-repeat: no-repeat;
background-position: right 50%;*/
}
.inactive-header {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
-webkit-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
zoom: 1;
/*background: url('images/inactive-header.gif') #ebebeb;
background-repeat: no-repeat;
background-position: right 50%;*/
}
.inactive-header:hover {
background:#f5f5f5;
/*background: url('images/inactive-header.gif') #f5f5f5;
background-repeat: no-repeat;
background-position: right 50%;*/
}
/* fa-minus Unicode: f068 inactive */
/* fa-plus Unicode: f067 active */
.active-header:before {
content:"\f068";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
float: right;
text-align: center;
font-weight: normal !important;
margin-top: 5px;
margin-right: 8px;
line-height:22px;
width: 22px;
height: 22px;
background-color:transparent;
color: #444;
-webkit-font-smoothing: antialiased;
}
.active-header:hover:before {
content:"\f062"; /* fa-arrow-up */
background-color:transparent; /* #1BBEB4 */
color: #0067B2;
}
.inactive-header:before {
content:"\f067";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
float: right;
text-align: center;
font-weight: normal !important;
margin-top: 5px;
margin-right: 8px;
line-height:22px;
width: 22px;
height: 22px;
background-color: transparent; /* #cecece */
color: #444; /* #ebebeb */
-webkit-font-smoothing: antialiased;
}
.inactive-header:hover:before {
content:"\f063"; /* fa-arrow-down */
background-color:transparent;
color: #0067B2;
}
.accordion-content {
display: none;
padding: 20px;
background: #ffffff;
border: 1px solid #cecece;
border-top: 0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.accordion-content p{
font-size: 15px;
line-height: 18px;
color: #444;
text-shadow: 0px 1px rgba(255,255,255,0.8);
}
/*-----------------------------------------------------*/
/* ACCORDION Pag. details.html info autor -------------*/
/*-----------------------------------------------------*/
.toggle_details {
display: block;
padding: 15px 20px;
cursor: pointer;
zoom: 1;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border-width: 1px;
border-style: solid;
border-color: #bbb #bbb #fff #bbb; /* e1e1e1 */
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
-webkit-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
box-shadow:
0px 0px 0px 1px rgba(155,155,155,0.3),
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
0px 2px 2px rgba(0,0,0,0.1);
}
.toggle_details:hover {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
}
.toggle_details ul {
list-style-type: none;
padding: 0;
}
.toggle_details:first-child {
border-top: none;
}
.toggle_details h4 {
color: #000;
font-weight: bold;
margin:0;
/*cursor:pointer;*/
}
.toggle_details h4:hover {
color: #0067B2; /* 2d762a */
font-weight: bold;
cursor:pointer;
}
.toggle_details h4:before {
content:"\f067";
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
float: right;
text-align: right;
font-weight: normal !important;
margin-top: 5px;
margin-right: 8px;
line-height:22px;
width: 22px;
height: 22px;
background-color:transparent;
color: #000;
-webkit-font-smoothing: antialiased;
}
.toggle_details h4:hover:before {
content:"\f063"; /* fa-arrow-down */
color: #0067B2;
}
.children {
display: none;
}
.info_user {
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
overflow:hidden;
background: #fff;
border: 1px solid #e1e1e1;
}
.accordion_css3_support {
display: block;
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility:hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
-webkit-perspective: 1000; /* Chrome, Safari, Opera */
perspective:1000;
}
.children.animated {
max-height: 1000px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/* PAGINACION IMAGES ----------------------------------*/
/*-----------------------------------------------------*/
/* image_navigation detail.html / thumb_pagination */
img.thumb_pagination {
overflow: hidden;
max-height:75px;
vertical-align:middle;
padding: 2px;
border-width: 1px;
border-style: solid;
border-color: #bbb #bbb #fff #bbb; /* e1e1e1 */
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
zoom:1;
-webkit-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
box-shadow: 0px 8px 6px -7px rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
img.thumb_pagination:hover {
border: 1px solid #0067B2;
opacity:0.7;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
/*-----------------------------------------------------*/
/* LETTERBITS for Memberlist --------------------------*/
/* buscador alfabético*/
/*-----------------------------------------------------*/
ul.letters {
list-style: none;
}
.letters {
display: block;
overflow: hidden;
padding: 0 5px 5px 5px;
max-width: 100%;
margin: 0px;
font-family: "Roboto Condensed",sans-serif;
font-weight:normal;
font-size: 15px;
}
.letters ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.letters li {
list-style: none;
padding: 0;
margin: 0;
display:inline-block;
/*float: left;*/
}
/*------------------------------------*\
Light Theme Styles
\*------------------------------------*/
.light-theme .current.all{
/* selected todos */
background: #0067B2;
color: #000;
border: 1px solid #0067B2;
padding: 0 9px;
margin: 0 5px 0 0;
min-width:26px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-o-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
cursor: pointer;
/*opacity: .6;*/
}
.light-theme .current.all:hover {
/* selected letter */
background-color: #fcfcfc;
color: #000;
border: 1px solid #0067B2;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow:0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
/* click effect */
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
cursor: default;
/*opacity: .6;*/
}
.light-theme a.all {
float: left;
color: #fff;
font-size:15px;
line-height:24px;
font-family: "Roboto Condensed",sans-serif;
font-weight:normal;
text-shadow:none;
text-align: center;
border: 0px solid #0067B2;
min-width:26px;
padding: 0 0px;
margin: 0 0px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
background: transparent;
}
.light-theme a.all:hover {
text-decoration: none;
background-color: transparent;
border: 0px solid #0067B2;
color: #000;
padding: 0 0px;
margin: 0 0px 0 0;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
/* click effect */
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.light-theme a, .light-theme span {
float: left;
color: #000;
font-size:15px;
line-height:24px;
font-family: "Roboto Condensed",sans-serif;
font-weight:normal;
text-align: center;
border: 1px solid #bbb;
min-width: 14px;
padding: 0 7px;
margin: 0 5px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-o-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
.light-theme a:hover {
text-decoration: none;
background-color: #fcfcfc;
border: 1px solid #0067B2;
color:#000;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
/* click effect */
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.light-theme .current {
/* selected letter */
background: #0067B2;
color: #fff;
text-shadow:none;
border-color: #0067B2;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow:0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
cursor: pointer;
/*opacity: .6;*/
}
/*
.light-theme a.current {
background: #0067B2;
color: #fff;
text-shadow:none;
border-color: #0067B2;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow:0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
cursor: default;
}
*/
.light-theme .ellipse {
background: none;
border: none;
border-radius: 0;
box-shadow: none;
font-weight: bold;
cursor: default;
}
.member_sort_select {
color: #aaa !important;
font-size: 14px;
line-height: 36px;
height: 36px;
width: 180px;
}
@media only screen and (min-width: 768px) {
.letters li {
display: inline-block;
float: none !important;
}
}
/*-----------------------------------------------------*/
/* PAGINACION PAGES -----------------------------------*/
/*-----------------------------------------------------*/
/* --------------------------------
Basic style
-------------------------------- */
#page_navigation {
text-align: center !important;
}
.cd-pagination {
width: 100%;
/*max-width: 768px;*/
/*margin:0 auto;*/
text-align: center;
float:none;
}
#page_navigation > ul {
margin: 0px;
padding: 0px;
list-style: none;
position: relative;
float:none;
background: none;
border-bottom:0px solid #FFF;
border-radius:0px;
}
.cd-pagination li {
/* hide numbers on small devices */
display: none;
margin: 0 3px; /*.2em*/
float: none !important;
}
.cd-pagination li.pag_button {
/* make sure prev next buttons are visible */
display: inline-block;
float: none !important;
}
.cd-pagination a, .cd-pagination span {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* use padding and font-size to change buttons size */
padding: 6px 10px; /* 0.6em 0.8em */
font-family: "Roboto Condensed",sans-serif;
font-weight:normal;
font-size: 15px;
line-height: 18px;
}
.cd-pagination i {
font-size: 15px !important;
line-height: 18px !important;
width: 18px !important;
height: 18px !important;
margin: 0px !important;
padding: 0px !important;
font-style: normal;
font-weight: normal;
line-height: inherit;
}
.cd-pagination a {
background-color: transparent; /*e3e3e3*/
border: 1px solid #0067B2; /* #e6e6e6 0067B2 */
-webkit-border-radius: 4px / 4px 4px 4px 4px;
-moz-border-radius: 4px / 4px 4px 4px 4px;
border-radius: 4px / 4px 4px 4px 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-o-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.cd-pagination a:hover {
background-color: #fcfcfc;
border: 1px solid #0067B2;
color:#0067B2;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
.no-touch .cd-pagination a:hover {
background-color: fcfcfc;
border: 1px solid #0067B2;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
}
.cd-pagination a:pagingon {
/* click effect */
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.cd-pagination a.disabled {
/* button disabled */
color: rgba(46, 64, 87, 0.4);
pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
opacity: .4;
}
/* se colocan los iconos font-awesome en Paging main.php */
/*.cd-pagination .pag_button:first-of-type a::before {
content: '\00ab ';
}
.cd-pagination .pag_button:last-of-type a::after {
content: ' \00bb';
}*/
/*current*/
.cd-pagination .pagingon {
/* selected number */
background-color: #0067B2; /*64a281*/
border-color: #0067B2;
color: #ffffff;
pointer-events: none;
text-shadow:none;
}
@media only screen and (min-width: 768px) {
.cd-pagination li {
display: inline-block;
float: none !important;
}
}
/* ==========================================================================
Waypoints PARA ANIMACION
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
visibility: hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
visibility: visible
}
.delay-05s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-03s {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
/*-----------------------------------------------------*/
/* TO TOP -----------------------------*/
/*-----------------------------------------------------*/
#toTop {
background-color: #053369;
padding: 8px 16px;
color: #fff;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 10000;
cursor: pointer;
display: none;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border-width: 1px 1px 4px 1px;
border-style: solid;
border-color: rgba(0, 0, 0,1) rgba(0, 0, 0,1) rgba(0, 0, 0,0.6) rgba(0, 0, 0,1); /* e1e1e1 */
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
-webkit-transition:background-color 1s ease-out;
-moz-transition:background-color 1s ease-out;
-o-transition:background-color 1s ease-out;
-ms-transition:background-color 1s ease-out;
transition:background-color 1s ease-out;
}
#toTop:before {
font-family: "fontawesome";
content: "\f077";
font-size:15px;
/*padding:2px 3px;*/
color: #fff;
}
#toTop:hover {
background-color: #000;
}
#toTopHover {
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
background-color: #053369;
}
/*-----------------------------------------------------*/
/* TO TOP -----------------------------*/
/*-----------------------------------------------------*/
/* ============ BACK TO TOP ==================*/
#back-top {
background-color: #053369;
padding: 8px 16px;
color: #fff;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 10000;
cursor: pointer;
display: none;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border-width: 1px 1px 4px 1px;
border-style: solid;
border-color: rgba(0, 0, 0,1) rgba(0, 0, 0,1) rgba(0, 0, 0,0.6) rgba(0, 0, 0,1); /* e1e1e1 */
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.9);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
-webkit-transition:background-color 1s ease-out;
-moz-transition:background-color 1s ease-out;
-o-transition:background-color 1s ease-out;
-ms-transition:background-color 1s ease-out;
transition:background-color 1s ease-out;
}
#back-top a {
display: block;
padding: 8px 16px;
color: #fff;
}
#back-top a i{
/*margin-right:10px;*/
border-radius: 50%;
font-size:15px;
padding:2px 3px;
/*opacity:0.6;*/
color: #fff;
}
#back-top:hover{
background-color: #000;
}
#back-top a, #back-top a:hover {
font-size: 14px;
font-family: "Open Sans",sans-serif;
color: #FFF !important;
font-style: normal;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}
/*-----------------------------------------------------*/
/* BANNER COOKIES -----------------------------*/
/*-----------------------------------------------------*/
.cookieDiv {
width: 100%;
/*heigth: auto;*/
position:fixed;
margin: 0 auto !important;
bottom:0px;
left: 0;
right: 0;
padding:8px 3px;
background-color: #2E2E36; /* f2f2f2 */
border-top: 0px dashed #fff;
z-index: 9000;
text-align: center;
overflow:visible;
display:block;
clear:both;
}
.textoCookie {
font-family: "Marvel",sans-serif;
color:#fff;
text-shadow:0 1px rgba(0,0,0, 0.5);
font-size:16px;
font-weight: 100 !important;
}
.textoCookie p{
margin: 0px 0px !important;
/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
color:#fff;
text-shadow:0 1px rgba(0,0,0, 0.5);
font-size:16px;
font-weight: 100!important;
}
.accionCookie {
display:inline-table;
text-align:center;
}
.cookieDiv p, .cookieDiv a, .cookieDiv div {
/*margin: 3px 0;*/
}
.botonCookie {
/* cursor: pointer;
cursor: hand;*/
background-color: #053369;
position:relative;
display: inline-block;
color: #fff;
font-weight: 100;
font-family: "Marvel",sans-serif;
font-size: 16px;
text-transform: none;
text-align: center;
/*text-shadow: 0px 1px 0px #FFF;*/
padding:1px 3px;
border:1px solid #2b7fc3;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
-o-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25);
zoom: 1;
}
.botonCookie:hover {
color:#fff;
text-shadow:none;
background-color: #2E2E36;
top: 0px;
transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.enlaceCookie {
color:#0067B2;
text-shadow:none;
/*text-shadow:0 1px rgba(0,0,0, 0.7);*/
text-decoration: underline;
display: inline-block;
}
.enlaceCookie:hover {
color:#fff;
text-shadow:none;
/*text-shadow:0 1px rgba(255,255,255, 0.5);*/
text-decoration:underline;
}