/*
Theme Name: Qontinuum
Theme URI: http://www.hectorgarrofe.com
Description: Plantilla Wordpress para Qontinuum
Author: Héctor Garrofé
Author URI: http://www.hectorgarrofe.com
Version: 2.0
*/

/*---------------------------------------------
//  hg reset
//---------------------------------------------
*/

a:hover {text-decoration: none;}


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height	: 140%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive  object,
.responsive  embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/*---------------------------------------------
//  Wordpress basics
//---------------------------------------------
*/

.alignleft{float: left;margin-right: 20px;margin-bottom: 10px;}
.alignright{float: right;margin-left: 20px;margin-bottom: 10px;}
.aligncenter{display: block; margin: 20px auto;}

em {font-style: italic;}

h1{font-size: 26px; font-weight: bold; margin-bottom: 5px;}
h2{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h4{font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h5{font-size: 10px; font-weight: bold; margin-bottom: 5px;}
h6{font-size: 8px; font-weight: bold; margin-bottom: 5px;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*---------------------------------------------
//  ESTILOS PROPIOS
//---------------------------------------------
*/

.message{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0;
}

.warning{
	background: #f0e055;
	border: 1px solid #7b6f0f;
	color: #7b6f0f;
}

/*---------------------------------------------
//  body
//---------------------------------------------
*/

html {
	-webkit-text-size-adjust: none;
}

body{
	background: #ffffff;
    font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	overflow: hidden;
}

#wrapper{
	width: 100%;
	height: 100%;
}

#container{
	max-width: 1170px;
	margin: 0 auto;
	padding-top: 210px;
}

.home #container{
	padding-top: 0;
}

/*---------------------------------------------
//  header
//---------------------------------------------
*/

#header-container{
	background: transparent;
	width: 100%;
	float: left;
	position: absolute;
	z-index: 999999;
	/*position: fixed;
	z-index: 999;*/
}

header{
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}

#logo{
	float: left;
}

#logo img{
}

#header-data{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
}

#header-data li{
	color: #ffffff;
	display: inline-block;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
}

#header-data li:after{
	content: '|';
	margin: 0 5px;
}

#header-data li:last-child:after{
	display: none;
}

#header-data a{
	color: #ffffff;
	text-decoration: none;
}

#social-header{
	margin-left: 20px;
	margin-top: 16px;
	float: left;
}

#social-header li{
	display: inline-block;
	float: left;
}

#header-image{
	background: url('img/header-image.jpg') no-repeat center center #626262;
	width: 100%;
	height: 290px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
/*---------------------------------------------
//  content
//---------------------------------------------
*/

#content h1,h2,h3,h4,h5,h6{
	/**/
}

.page #page-container h2{
	color: #000080;
	font-size: 26px;
	font-weight: 700;
}

#content p {
	margin-bottom: 20px;
}

#home-container{
	/**/
}

#home-container #content{
}

#home-container #content p {
}


#page-container{
	width: 100%;
	margin-top: 110px;
}

.page-template-mostrar-hijos-con-imagen-destacada-php #page-container{
	margin-top: 30px;
}

.home #page-container{
	margin-top: 0;
}

#page-container #content{
	width: 70%;
	float: right;
	position: relative;
	padding: 0 20px 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-template-default #page-container #content{
	width: 100%;
}

#page-container #content img{
	max-width: 100%;
	height: auto;
}

.home #page-container #content{
	float: right;
	width: 70%;
}

#page-container #content p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #666666;
}

#page-container #content ul {
	color: #666666;
	margin-bottom: 20px;
}

#gallery-container{
	width: 40%;
	float: left;
}

.page-title{
	color: #ffffff;
	position: absolute;
	font-size: 54px;
	margin-top: -33px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#tabs{
	float: left;
	width: 100%;
}

#tabs .ui-widget-header {
	border: none;
	background: none;	
}

#tabs.ui-widget-content {
	border: none;
}

#tabs .ui-tabs-panel{
	background: #d7d7d7;
}

#page-container #content #tabs .ui-tabs-panel p,
#page-container #content #tabs .ui-tabs-panel ul{
	color: #666666;
	font-size: 14px;
}

a.ui-tabs-anchor{
	background: #f5f5f5;
}

.ui-tabs-active a.ui-tabs-anchor{
	background: #d7d7d7;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: none !important;
	background: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: none !important;
	background: none !important;
}
/*---------------------------------------------
//  menu
//---------------------------------------------
*/

#menu{
	background: rgba(255,255,255,0.55);
	float: left;
	margin-top: -5px;
	margin-left: 0;
	width: 100%;
}

header nav{
}

/*
header nav select{
	display: none;
}
*/

header nav a{
	text-decoration: none;
	color: #000080;
	font-size: 14px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav ul.menu > li:hover{
	background: #000080;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav ul.menu > li:hover a{
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav  ul.menu > li{
	display: inline-block;
	float: left;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav  ul.menu > li > a{
	padding: 20px 15px;
	display: block;
	text-transform: uppercase;
}

.current-menu-item{
	/**/
}

.current-menu-item a{
	/**/
}

ul#menu-principal > li:first-child > a:before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: url('img/ico_home.png');
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

ul#menu-principal > li:first-child > a:hover:before{
	background: url('img/ico_home_active.png');
}

ul#menu-principal > li:nth-child(2) > a:before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: url('img/ico_productos.png');
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

ul#menu-principal > li:nth-child(2) > a:hover:before{
	background: url('img/ico_productos_active.png');
}

ul#menu-principal > li:nth-child(3) > a:before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: url('img/ico_servicios.png');
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

ul#menu-principal > li:nth-child(3) > a:hover:before{
	background: url('img/ico_servicios_active.png');
}

ul#menu-principal > li:nth-child(4) > a:before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: url('img/ico_noticias.png');
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

ul#menu-principal > li:nth-child(4) > a:hover:before{
	background: url('img/ico_noticias_active.png');
}

ul#menu-principal > li:nth-child(5) > a:before{
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	background: url('img/ico_nosotros.png');
	float: left;
	margin-top: 3px;
	margin-right: 4px;
}

ul#menu-principal > li:nth-child(5) > a:hover:before{
	background: url('img/ico_nosotros_active.png');
}

/*---------------------------------------------
//  submenu 1er nivel
//---------------------------------------------
*/

header nav ul > li > ul{
	display: none;
}

header nav ul > li:hover > ul{
	position: absolute;
	top: 59px;
	left: 0;
	z-index: 999999;
	display: block;
	min-width: 115px;
}

header nav  ul.menu > li > ul li{
	position: relative;
	min-width: 170px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav  ul.menu > li:hover > ul > li{
	background: #000080;
}

header nav  ul.menu > li > ul > li:hover{
	background: #2525a4;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

header nav  ul.menu > li > ul > li a{
	padding: 10px 20px;
	font-size: 12px;
}

/*---------------------------------------------
//  submenu 2do nivel
//---------------------------------------------
*/

header nav ul > li > ul > li > ul{
	display: none;
	z-index: 1;
}

header nav ul > li > ul > li > ul li{
	background: #000080;
	min-width: 170px;
}

header nav ul > li > ul > li > ul li:hover{
	background: #2525a4;
}

header nav ul > li > ul > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
	left: 170px;
	top: 0;
    min-width: 115px;
}

/*---------------------------------------------
//  footer
//---------------------------------------------
*/
#footer-container{
	width: 100%;
	background: #d7d7d7;
	float: left;
	margin-top: 20px;
}

footer{
	max-width: 1170px;
	margin: 0 auto;
	color: #777777;
	padding-top: 15px;
	font-size: 12px; 
}

footer a{
	color: #777777;
	text-decoration: none;
}

footer nav{
	text-align: center;
}

#footer-widgets-container{
	width: 100%;
	background: #ffffff;
	float: left;
}

#footer-widgets{
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 7px;
}

#footer-widgets li{
	width: 25%;
	display: inline-block;
	float: left;
}

#footer-widgets li h1{
	color: #666666;
	background: #d7d7d7;
	font-size: 14px;
	display: inline;
	text-transform: uppercase;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 12px;
}

#footer-widgets li .widget-info{
	display: block;
	margin-top: 24px;
	color: #666666;
	font-size: 10px;
}

#footer-widgets .latest-products li{
	width: 100%;
	margin-bottom: 10px;
}

#footer-widgets .latest-products img{
	float: left;
	border: 1px solid #c7c7c7;
	margin-right: 20px;
}

#footer-widgets .latest-products h3{
	color: #000080;
	font-size: 12px;
}

#footer-widgets .latest-products p{
	color: #666666;
	font-size: 10px;
}

#footer-widgets .latest-products .leer-mas-widget{
	color: #000080;
	font-size: 10px;
	text-decoration: none;
}

#footer-widgets li .newsletter{
	margin-top: 40px;
}

#footer-widgets li .newsletter p{
	margin-bottom: 3px;
}

#footer-widgets li .newsletter p.big{
	font-size: 12px;
}

#footer-widgets li .newsletter a{
	color: #000080;
}

#footer-widgets li .contacto p{
	margin-bottom: 3px;
}

#footer-widgets li .contacto input[type="text"],
#footer-widgets li .contacto input[type="email"],
#footer-widgets li .contacto textarea{
	width: 100%;
}

#footer-widgets li .contacto textarea{
	height: 60px;
}

#footer-widgets input[type="text"],
#footer-widgets input[type="email"],
#footer-widgets textarea{
	background: #f5f5f5;
	border: 1px solid #c7c7c7;
	padding: 3px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#copyright-container{
	width: 100%;
	background: #d7d7d7;
	float: left;
}

#copyright{
	max-width: 1170px;
	margin: 0 auto;
	color: #777777;
	padding: 10px 0;
	font-size: 12px;
	margin-top: -20px;
}

/*---------------------------------------------
//  footer menu
//---------------------------------------------
*/
footer nav ul{
}

footer nav ul.menu li{
	display: inline-block;
	padding-bottom: 10px;
}

footer nav ul.menu li a{
	padding: 0 8px;
	color: #666666;
}

footer nav ul.menu li a:after{
	content: '-';
	color: #666666;
	float: left;
}

footer nav ul.menu li:first-child a:after{
	display: none;
}

.current-menu-item a{
	/**/
}

#footer-info{
	float: right;
	margin-top: -27px;
	margin-right: 20px;
}

#social-footer{
	float: right;
	margin-top: -25px;
}

#social-footer li{
	display: inline-block;
	float: left;
}

/*---------------------------------------------
//  submenu 1er nivel
//---------------------------------------------
*/

#menu-footer > li > ul{
	display: none;
	z-index: 1;
}

#menu-footer > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
}

/*---------------------------------------------
//  submenu 2do nivel
//---------------------------------------------
*/

#menu-footer > li > ul > li{
	position: relative;
}

#menu-footer > li > ul > li > ul{
	display: none;
	z-index: 1;
}

#menu-footer > li > ul > li:hover > ul{
	display: block;
	position: absolute;
	background: #c8c8c8;
	left: 90px;
	top: 0;
    min-width: 90px;
}



/*---------------------------------------------
//  galerias [slide]
//---------------------------------------------
*/
.nav-thumbnails{
	margin-top: 5px;
    margin-bottom: 10px;
}

.nav-thumbnails li {
	margin-left: 5px;
	margin-right: 5px;
}

.nav-thumbnails li:first-child {
	margin-left: 0px;
	margin-right: 5px;
}


.mini-thumb {
	float: left;
}

/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

#sidebar-languages-content{
	overflow: hidden;
}

#sidebar aside{
	float: left;
	width: 30%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sidebar aside a{
	text-decoration: none;
	color: #000080;
	font-weight: 600;
}

#sidebar-languages-content h2{
	display: none;
}

/*---------------------------------------------
//  carousel
//---------------------------------------------
*/


#carousel-container{
	position: relative;
	clear: both;
}

#carousel-container h1{
	position: absolute;
	top: 200px;
	left: 20%;
	color: #ffffff;
	font-size: 65px;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.slide-text{
	position: absolute;
	left: 20%;
	top: 290px;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	color: #ffffff;
}

.mes-info-carousel{
	position: absolute;
	top: 340px;
	left: 20%;
	color: #ffffff;
	font-size: 20px;
	background: #050533;
	padding: 15px 20px;
	text-decoration: none;
}

/*---------------------------------------------
//  productos home
//---------------------------------------------
*/

#contenedor-productos-carousel{
	float: left;
	width: 100%;
	position: relative;
}

#contenedor-productos-carousel .flex-control-paging{
	display: none;
}

.flex-direction-nav a{
	opacity: 1 !important;
}

#contenedor-productos-carousel .flex-next {
	right: -27px;
	top: 120px;
}

#contenedor-productos-carousel .flex-prev {
	left: -41px;
	top: 120px;
}

#contenedor-productos-carousel h3,
.titol-llistat-fills{
	color: #000080;
	font-size: 26px;
	text-decoration: none;
	font-weight: 700;
	line-height: 30px;
}

.titol-llistat-fills{
	display: block;
	margin-top: 15px;
}

#contenedor-productos{
	float: left;
	margin: 60px 0;
	color: #666666;
}

#contenedor-productos li{
	text-align: center;
}

/*
#contenedor-productos li{
	display: inline-block;
	float: left;
	width: 168px;
	text-align: left;
	margin: 0 10px;
}
*/

#contenedor-productos li img{
	margin-bottom: 20px;
	border: 1px solid #c7c7c7;
}

#contenedor-productos li a{
	text-decoration: none;
	color: #000080;
	font-weight: 700;
}

/*---------------------------------------------
//  destacats footer
//---------------------------------------------
*/
#destacats-footer-container{
	background: url('img/footer_destacados_bg.jpg') repeat-y center center;
	min-height: 279px;
	clear: both;
	overflow: hidden;
	padding-bottom: 40px;
}

#destacats-footer{
	max-width: 1160px;
	margin: 0 auto;
}

#destacats-footer > li{
	display: inline-block;
	float: left;
	background: #d7d7d7;
	color: #666666;
	width: 366px;
	margin: 0 10px;
	margin-top: 60px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 20px;
	padding-top: 35px;
	position: relative;
	font-size: 13px;
}

#destacats-footer > li:nth-child(2),#destacats-footer > li:nth-child(4){
	text-align: left;
}

.menu-box-link{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000080;
	margin-top: 20px;
}

#destacats-footer li .icono{
	position: absolute;
	top: -25px;
	left: 105px;
}

.page #content h1{
	color: #000080;
	font-size: 42px;
}

#destacats-footer li:nth-child(1){
	display: none;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: transparent; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*---------------------------------------------
//  destacats home
//---------------------------------------------
*/

#destacats li{
	display: inline-block;
	float: left;
	width: 20%;
	text-align: center;
}

#destacats li img{
	width: 70%;
}

#destacats li:nth-child(2){
	margin: 0 20%;
}

#destacats a{
	text-decoration: none;
}

#destacats h2{
	color: #000080;
	text-decoration: none;
	font-size: 28px;
	margin: 20px 0;
	display: block;
	font-weight: 700;
}

#destacats p{
	color: #666666;
	font-size: 16px;
}

.mes_info_destacat{
	background: #050533;
	color: #ffffff;
	font-size: 16px;
	float: none;
	padding: 10px 20px;
	font-weight: 700;
	text-decoration: none;
}

#search-3{
	float: right;
	margin-top: 18px;
	margin-right: 20px;
}

#search-3 label{
	display: none;
}

.search-result-item{
	margin-bottom: 60px;
}

.search #page-container #content,
.single #page-container #content,
.blog #page-container #content {
	width: 100%;
}

.post-item img{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.fecha{
	font-size: 12px !important;
}

/*---------------------------------------------
//  mostrar hijos con imagen destacada
//---------------------------------------------
*/
.page-template-mostrar-hijos-con-imagen-destacada-php .fill{
	display: inline-block;
	float: left;
	width: 168px;
	margin: 20px 10px;
	text-align: center;
}

.page-template-mostrar-hijos-con-imagen-destacada-php .fill img{
	border: 1px solid #c7c7c7;
}

.page-template-mostrar-hijos-con-imagen-destacada-php #page-container #content{
	width: 100%;
}


/*---------------------------------------------
//  blog
//---------------------------------------------
*/

h1.post-title{
	color: #000080;
}

.leer-mas{
	background: #050533;
	color: #ffffff !important;
	font-size: 16px;
	float: left;
	padding: 10px 20px;
	font-weight: 700;
	text-decoration: none;
	float: right;
}

.post-item{
	overflow: hidden;
	margin-bottom: 20px;
}
/*---------------------------------------------
//  mobile menu
//---------------------------------------------
*/

div#mobile-menu{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background: #262626;
	width: 250px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	padding-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

div#mobile-menu.active{
	-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-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
}

div#mobile-menu a{
	display: block;
	background: transparent;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	text-decoration: none;
	font-family: 'Average Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #111111;
}

div#mobile-menu a:hover{
	background: #1e262c;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2s ease-in-out;
}

div#mobile-menu a.first_sub_menu_level{
	font-size: 12px;
	padding-left: 30px;
}

div#mobile-menu a.second_sub_menu_level{
	font-size: 12px;
	padding-left: 40px;
}

div#mobile-menu a.third_sub_menu_level{
	font-size: 12px;
	padding-left: 50px;
}

div#mobile-menu a.fourth_sub_menu_level{
	font-size: 12px;
	padding-left: 60px;
}

#mobile-menu-button{
	background: #f2f2f2;
	height: 30px;
	font-size: 28px;
	color: #2681c7;
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	border-right: 1px solid #afd0ea;
	z-index: 999999;
	display: none;
}

#mobile-menu-button.active{
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: translateX(250px);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3 ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #333333;
	border-right: 1px solid #666666;
	color: #ffffff;
}

.admin-bar div#mobile-menu,
.admin-bar #mobile-menu-button{
	top: 28px;
}

#mobile-site-title{
	float: left;
	width: 100%;
	text-align: center;
	display: none;
	line-height: 50px;
}

#mc_signup{
	float: left;
	width: 60%;
}

#mc_signup_form{
	border: none !important;
	padding: 0 !important;
}

#mc_mv_EMAIL{
	border-color: #c7c7c7;
	border-width: 1px;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#mc_signup_submit{
	background: #040533;
	color: #ffffff;
	border: none;
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
}

.mc_signup_submit {
	text-align: center;
	float: left;
	margin-top: 5px;
}

.mc_merge_var{
	float: left;
	width: 80%;
}

.ajudem{
	color: #8d3a10;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color: #666666 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color: #666666 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color: #666666 !important;	
}

#page-container #content ul.ui-tabs-nav{
	margin: 0;
}
#slider .slides img{	border: 1px solid #c7c7c7;}
#carousel .slides img{	border: 1px solid #c7c7c7;}#menu-productos li{	margin: 0;	padding: 0;}#menu-productos li a{	text-decoration: none;	color: #000080;}

.blog #content a{
	text-decoration: none;
	color: #000080;
}

.post-item{
	border-bottom: 1px solid #cccccc;
}


#lang_sel{
	float: right;
	margin-top: 22px;
	margin-right: 50px;
}

.latest-noticies a{
	text-decoration: none;
	color: #000080;
}

#slider .flex-direction-nav{
	display: none;
}

#slider .slides img{
	border: none;
}

.flex-disabled{
	display: none !important;
}

#destacats p{
	display: none !important;
}

.wpcf7-acceptance{
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}
/*===============RESPONSIVE=====================*/

/*== TABLET == iPad Landscape */
@media only screen and (max-width : 1024px)  {
	
	#page-container #content {
		padding: 0 20px 20px 20px;	
	}
	
	footer, #copyright{
		padding: 10px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

/*== TABLET == iPad PORTRAIT */
@media only screen and (max-width: 768px) {

	header {
	text-align: center;
	}

	#page-container #content {
		width: 100%;
	}
	
	#sidebar aside {
		width: 100%;
	}
	
	.sidebar-container{
		width: 50%;
		float: left;
	}
	
	.home #page-container #content{
		width: 100%;
	}

}

/*== SMARTPHONE ==*/
@media only screen and (max-width: 600px) {
	#container {
		margin-top: 0;
		margin-bottom: 0;
	}
	.sidebar-container{
		width: 100%;
		float: left;
		margin: 0 auto;
	}
	header {
		text-align: center;
	}
	/*
	header nav ul{
		display: none;
	}
	*/
	header nav {
		width: 100%;
		float: left;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	header nav select {
		display: inline-block;
	}
	
	#header-data,
	#social-header{
		display: none;
	}
	
	.page-title{
		display: block;
		text-align: center;
		width: 100%;
		margin-top: -100px;
	}
	
	#footer-widgets{
		display: none;
	}
	
	#destacats-footer-container{
		overflow: hidden;
		background-size: cover;
	}
	
	#destacats-footer > li{
		width: 80%;
		margin: 40px 10%;
	}
	
	#gallery-container{
		width: 100%;
	}
	
	#gallery-container #carousel{
		display: none;
	}
	
	#destacats li {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#destacats li img{
		width: 30%;
	}
	
	#destacats li:nth-child(2){
		margin: 0;
		margin-bottom: 30px;
	}
	
	.mes_info_destacat{
		float: none;
	}
	
	#carousel-container h1{
		top: 40px;
		left: 5%;
		font-size: 25px;
	}
	
	.slide-text{
		top: 75px;
	}
	
	.mes-info-carousel{
		top: 110px;
		font-size: 13px;
		padding: 10px 15px;
	}
	
	#lang_sel{
		position: absolute;
		top: -10px;
		right: -40px;
	}
	
	footer nav{
		display: none;
	}
	
	#carousel-container{
		margin-top: 50px;
	}
	
	#footer-info{
		margin-top: -3px;
		margin-bottom: 10px;
	}
	
	#social-footer{
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	#footer-container{
		margin: 0;
	}
}