﻿/* 
 Theme Name:     Eurhodip
 Author:         Mintuicion
 Author URI:     http://mintuicion.com;
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../fonts/roboto-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v19-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

   
a.button.wc-backward{
	color: white !important;
    margin-bottom: 5% !important;
}

button.single_add_to_cart_button.button.alt, a.button.wc-forward{
background-color: white !important;
}
button.single_add_to_cart_button.button.alt:hover, .coupon button.button{
color: white !important;
}
a.button.wc-forward{
color: #294e79 !important;
}
a.button.wc-forward:hover{
color: white !important;
}

ul.woocommerce-error li{
	color: white !important;
}

/*Ocultar icono recaptcha*/
.grecaptcha-badge { visibility: hidden !important; }

.blanco{
	color: white !important;
}
.centrado{
	text-align: center !important;
}

/*Encabezados y parrafos*/
body, h1, h2, h3, h4, h5, h6, p, div, span{
	font-family: "Roboto", "Open Sans", sans-serif;
	color: #666666;
}
body{
	font-weight: normal;
}
h1, h2, h3,h4, h5, h6{
	letter-spacing: 1px;
	font-weight: bold;
}
h1{
	font-size: 42px;
}
h2{
	font-size: 36px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 25px;
}
h5{
	font-size: 22px;
}
h6{
	font-size: 20px;
}
p, div, span{
	font-size: 16px;
	letter-spacing: 0.5px;
}

/*Enlaces*/
a{
	color: #294E79;
	font-weight: 700;
}
a:hover{
	color: #8a9ea5;
}

/*Espacio*/
hr{
	color: #294E79; 
	height: 2px;
	background-color: #294E79;
	border: 0px solid #fff;
}

/*Texto tachado*/
del {
  position: relative;
}
del::after {
  border-bottom: 0.2em solid #294E79;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

/*Listas numeradas y no numeradas, si se quiere cambiar de color solo los bullets hay que usar span dentro en cada elemento de la lista*/
/*li{
	color: #294E79;;
}*/

/*Enlaces de widgets*/
.et_pb_widget a{
	font-size: 14px;
	font-weight: normal;
}

/*Citas*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  line-height: 1.2;
  border-left-style: solid;
  border-left-width: 2px;  
}
blockquote::before{
  content: "\201C";
  font-size: 60px;
  color: #294E79;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top:5px;
}

/*Boton de Call to Action*/
.et_pb_promo_button{
	background-color: #8a9ea5 !important;
	border-color: #8a9ea5 !important;

}
.et_pb_promo_button:hover{
	background-color: #fff !important;
	color: #294E79 !important;
	border-color: #fff !important;
}

/*Boton y hover*/
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_pb_button a{
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 2px;
	letter-spacing: 0.5px;
	border-radius: 100px;
	cursor: pointer;
	padding: 0.5em 2em !important;
	font-weight: normal; 
}
.et_button_no_icon .et_pb_button{
	background-color: #294E79;
	border: 2px solid #294E79;
}
.et_button_no_icon .et_pb_button:hover{
	background-color: #8a9ea5;
	border: 2px solid #8a9ea5;
}

/*Buscador (solo con menu a pantalla completa)*/
.et-search-form{
	border-bottom: 2px solid #294E79 !important;
	padding: 0.5em 6em !important;
}

/*Menu*/
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #294E79; /*Color de la linea*/
 height: 2px; /*Grosor de la linea*/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
z-index: 0;
background-color: #fff;
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}


/*Submenu*/
#top-menu li li{
	border-top: none;
}
#top-menu li li a {
    border: 0px solid white;
    margin-bottom: 15px;
    text-align: center;
}
#top-menu li li a:hover {
	z-index: 0;
    background-color: white;
    opacity: 1!important;
}
.nav li ul{
	border-color: white !important;
}
 
/*Menu movil*/
/* when mobile menu is open, change hamburger icon to x icon */

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
    content: '\4d';
}
/* makes sub sub menu icon be right arrow instead of down arrow */

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
    content: '5';
}
/* - mobile menu toggling elements, injected via jQuery - */
/* make menu list item be relative, to be able to position toggle within this item */

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
    position: relative;
}
/* the new toggle element, which is added via jQuery */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
    position: absolute;
    background-color: rgba(255,255,255, 0.2);
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    top: 35px;
    right: 30px;
    cursor: pointer;
    text-align: center;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0, .1);
            box-shadow: 0 2px 14px 0 rgba(0,0,0, .1);
}
/* the new toggle element when popped */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
    background-color: rgba(255,255,255, 0.2);
}
/* toggle icon */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
    line-height: 36px;
    font-size: 24px;
    text-transform: none;
    speak: none;
    content: '\33';
    color: #fff;
}
/* toggle icon when triggered */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
    content: '\32';
}
/* hide sub menus by default */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
    display: none !important;
    padding-left: 0;
}
/* show sub menu when triggered via jQuery toggle, and add slight bg color */

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
    display: block !important;
}
/* remove sub menu list item left padding, since padding will be on anchors */

#main-header #mobile_menu.et_mobile_menu li li {
    padding-left: 0;
}
/* adjust mobile menu anchors side paddings */

#main-header #mobile_menu.et_mobile_menu li a {
    padding-left: 20px;
    padding-right: 20px;
}
/* indent sub sub menus further */

#main-header #mobile_menu.et_mobile_menu li li li a {
    padding-left: 60px;
    padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    font-weight: inherit;
}
/* make the current page's mobile menu link be different */

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
    font-weight: bolder;
}

/****** Code Style: Menu Full-screen ******/

/* Font Awesome */
.fa {
    margin: 10px ;
  }

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    background-color: transparent !important;
  }
}
.et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  overflow: scroll !important;
  background-color: rgba(41, 78, 121, 0.9) !important; /*Color de fondo*/
  margin-left: -30px;
  padding: 25% 0;
  height: 100%;
  width: calc( 100% + 60px);
  border-top: none;
}
.et_mobile_menu li a {
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  font-size: 1.55em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 6px;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
  color: #fff; /*Color de texto seleccionado*/
  background-color: rgba(138,158,165, 0.5); /*Color de barra seleccionada*/
}
.mobile_nav ul#mobile_menu li ul li a {
  font-size: 1.05em !important;
  margin: auto;
  padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
  color: #8a9ea5;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.mobile_nav ul#mobile_menu .current_page_item > a{
	padding: 5%;
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
  z-index: 9999;
  color: #fff;
}



/*Modulo de persona*/
.et_pb_team_member .et_pb_team_member_description {
padding:30px;
text-align: -webkit-center;
}
.et_pb_team_member .et_pb_member_position {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
text-align: center;
margin-bottom: 10px !important;

}
.et_pb_team_member .et_pb_member_position:after {
content: ' ';
display: block;
width: 20px;
margin:0px auto;
border: 1px solid #294E79;
margin-top: 10px !important;
}
.et_pb_team_member:hover .et_pb_member_social_links a {
opacity:1;
transform: translate(0px, -15px);
-webkit-transform: translate(0px, -15px);
-ms-transform: translate(0px, -15px);
transition: all .4s ease-in-out;
}
.et_pb_team_member .et_pb_member_social_links a {
opacity:0;
margin-top: 20px;
transition: all 0.4s ease-in-out;
}
.et_pb_team_member:hover img {
-ms-transform: scale(1.00) !important;
-webkit-transform: scale(1.00) !important;
transform: scale(1.00) !important;
transition: all .5s cubic-bezier(0.170, 0.690, 0.470, 0.995);
}
.et_pb_team_member {
border: none !important;
border-radius: 15px !important;
overflow: hidden;
width: 100%;
position: relative;
z-index: 1;
transition: all .3s ease-in-out;
/*box-shadow:0 20px 150px rgba(0,0,0,0.1);*/
}
.et_pb_team_member img {
transition: all .5s ease;
-ms-transform: scale(1.03);
-webkit-transform: scale(1.03);
transform: scale(1.03);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}

/*Tabs*/
.et_pb_tabs {
	border:0;
}
.et_pb_tab{
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 769px){
ul.et_pb_tabs_controls.clearfix{
	display: flex;
	justify-content: center;
}
}
.et_pb_tabs .et_pb_tabs_controls li, .et_pb_tabs_controls li a  {
    width: 20%; /*change width of tabs here depending on the number of tabs you have*/
    text-align: center;
	background-color: #8a9ea5;
	color: #fff !important;
	border-bottom: 0;
}
@media screen and (max-width: 768px){  /*change device breakpoint here depending on the number of tabs you have*/
.et_pb_tabs .et_pb_tabs_controls li {
    width: 100%; 
  text-align: center;}
}
.et_pb_tabs_controls li a:hover {
	background-color: rgba(41,78, 121, 0.80) !important;
	
}
.et_pb_tab_active a{
	background-color: #294E79 !important;
}
ul.et_pb_tabs_controls.clearfix{
	background-color: #fff;
}
.et_pb_tabs .et_pb_tabs_controls li {
    width: 20%; /*change width of tabs here depending on the number of tabs you have*/
    text-align: center;
}
@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
.et_pb_tabs .et_pb_tabs_controls li {
    width: 100%; 
  text-align: center;
}
}


/*  BOTON DE BACK TO TOP*/
.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 15px;
    border-radius: 25px;
    background: rgba(41,78, 121, 0.80);
    padding: 10px;
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #294E79;
}

/*--MIGAS DE PAN--*/
#migasdepan {
 width: 100% !important;
 position: relative;
 z-index: 1;
 background:#fff !important;
 border-bottom: 1px solid #f7f7f7;
}
#breadcrumbs {
 width: 80%;
 max-width: 1080px !important;
 margin: auto;
 padding: 10px 0px;
 font-size: 14px;
 line-height: 1.3em;
 color: #000;
}
.migashome{
	font-size: 14px;
}
.migashome:before{
	content: "\e074";
  font-size: 12px;
  color: #8a9ea5;
}
#breadcrumbs a{
  font-size: 12px !important;
  color: #8a9ea5 !important;
}
#breadcrumbs a:hover{
  font-size: 12px !important;
  color: #294E79 !important;
}
.breadcrumb_last{
	font-weight: bold;
	font-size: 12px;
	color: #294E79;
}
body.home #migasdepan {
 display: none;
}

@media (min-width: 981px) and (max-width: 1334px) {
  img#logo {
    max-height: 35%;
  }
}


/*
Formulario CF7 a 2 columnas responsive
*/
#responsive-form{
	max-width:600px /* change this to get your desired form width*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
    background-color: transparent !important;
    border-bottom: 2px solid #294E79!important;
    border-top: 0px!important;
    border-left: 0px!important;
    border-right: 0px!important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 10px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px !important;
    font-size: 16px;

}
.wpcf7-submit {
	float: right;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 2em;
	letter-spacing: 0.5px;
	border-radius: 100px;
	cursor: pointer;
	padding: 0.5em 6em;
	font-weight: normal; 
	background-color: #294E79;
	border: 0;
}
.wpcf7-submit:hover{ 
    background-color: #8a9ea5; 
}
.wpcf7-acceptance{
	font-size: 14px;
    text-align: left;
    
    display: block;
    margin-bottom: 10px;
}
.wpcf7-acceptance span{
	margin-left: 0;
}

.wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    color: inherit;
    padding: 24px;
    position: relative;
    line-height: 1.5em;
    font-size: 16px;
    margin-bottom: 20px;
    color: #eee;
    height: 6em;
}
/*Checkbox formulario*/
input[type=checkbox]{ 
-webkit-appearance: none;
border: 2px solid #294E79;
width: 16px;
height: 16px;
position: relative;
top: 5px;
}
input[type=checkbox]:checked{
background-color: #294E79;
}

/*Radio formulario*/
input[type=radio]{
-webkit-appearance: none;
border: 2px solid #294E79;
border-radius: 10px;
width: 20px;
height: 20px;
position: relative;
top: 5px;
}
input[type=radio]:checked{
background-color: #294E79;
}


/*Barra de scroll*/
::-webkit-scrollbar {
  width: 5px;
}
/*Track */
::-webkit-scrollbar-track {
  background-color: #d0d0d0; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #8a9ea5; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #8a9ea5; 
}

/*Acordeon y Toggle*/
.et_pb_accordion_0.et_pb_accordion .et_pb_toggle{
	margin-bottom: 0 !important;
}
.et_pb_accordion, .et_pb_toggle{
padding: 1.5em 0px;
background-color: white;
}
.et_pb_toggle,
.et_pb_accordion_item_0, .et_pb_accordion_item_1, .et_pb_accordion_item_2, .et_pb_accordion_item_3, .et_pb_accordion_item_4,
.et_pb_accordion_item_5, 
.et_pb_accordion_item_6, .et_pb_accordion_item_7, .et_pb_accordion_item_8, 
.et_pb_accordion_item_9, 
.et_pb_accordion_item_10{
border-bottom: 2px solid #8a9ea5;
border-top: 0;
border-left: 0;
border-right: 0;
}
.et_pb_toggle_title:before{
color: #8a9ea5;
font-size: 20px;
font-weight: bold;
content:"\035";
}
.et_pb_toggle_title{
	text-transform: uppercase;
	font-weight: bold;
}
.et_pb_toggle_open .et_pb_toggle_title:before{
content:"\033";
}

/*Galeria*/
.et_pb_module div.et_pb_gallery_item { 
    margin:0px !important;
}

span.et_overlay {
    display:none;
}
div.et_pb_gallery_item {
    border: 1px solid transparent;
}
.et_pb_gallery_image.landscape a img {
    transition:all 0.5s; 
    -moz-transition:all 0.5s; 
    -webkit-transition:all 0.5s; 
}
    
.et_pb_gallery_image.landscape a img:hover {
    transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination{
  border-top: 2px solid #8a9ea5;
  margin-top: 10px;
}

@media (min-width: 767px) {
	.et_pb_module div.et_pb_gallery_item {
		width:25% !important;
	}
}



/*Imagen*/
.et_pb_image{
  overflow:hidden;
}
.et_pb_image_wrap  img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s;   
}
/*.et_pb_image_wrap  img:hover{
  transform:scale(1.2);
  -moz-transform: scale(1.1);
  -webkit-transform:scale(1.1);
}*/

/*Boton enviar comentario de una entrada*/
input#submit{
  color: #fff;
}

/*Post*/

/*Add margin below the featured image*/
.et_pb_post .et_post_meta_wrapper img {
    margin-bottom: 20px;
}

/*Add margin to the post meta elements*/
.author,
.published,
.post-meta a[rel~="category"],
.comments-number {
    margin: 0 15px 0 20px;
}

/*Style the post meta icons*/
.single .author a:before,
.single .published:before,
.single .post-meta a[rel~="category"]:before,
.single .comments-number a:before {
    font-family: 'ETModules';
    color: #294E79;
    margin-right: 5px;
    margin-left: -20px;
}

/*Add the post meta icons*/
.single .author a:before {
    content: '\e08a';
}
.single .published:before {
    content: '\e023';
}
.single .post-meta a[rel~="category"]:before {
    content: '\e07c';
}
.single .comments-number a:before {
    content: '\77';
}

/***Sidebar***/

/*Remove the dividing line*/
@media all and (min-width: 981px) {
    #main-content .container:before {
        display: none;
    }
}

/*Style the sidebar links*/
#sidebar .et_pb_widget a {
    color: #294E79;
   /* border-left: 2px solid #294E79;*/
    padding-left: 10px;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*Style the sidebar links on hover*/
#sidebar .et_pb_widget a:hover {
    margin-left: 10px;
}

/*Style the search box*/
#sidebar .widget_search input#s,
#sidebar .widget_search input#searchsubmit {
    border-radius: 0;
}
#sidebar .widget_search input#s {
    border: 2px solid #294E79;
}

/*Hide the search button*/
#sidebar .widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    z-index: 1;
}

/*Add the magnifying glass icon*/
#sidebar .widget_search #searchform:after {
    content: '\55';
    font-family: 'ETModules';
    position: absolute;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #294E79;
    right: 10px;
    top: 10px;
}

/***Author Box***/

/*Set the border and spacing*/
.single .ds-author-bio-section {
    border: 2px solid #294E79;
    padding: 15px;
    margin-top: 20px;
}

/*Style the author name*/
.single .ds-author-name {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #8a9ea5;
}

/*Add padding for the author description*/
.single p.ds-author-details {
    padding-bottom: 1.2em;
}

/*Position the author avatar*/
.single .ds-author-details img {
    float: left;
    margin: 7px 10px 10px 0;
}

/*Style the links*/
.single .ds-author-links a {
    color: #294E79;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

/***Post navigation***/

/*Next/previous post nav*/

/*Navigation sizing*/
#ds-single-post-nav {
    margin: 40px 0;
    display: inline-block;
    width: 100%;
}

/*Post title styling*/
#ds-single-post-nav h2 {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.2em;
}

/*Align the prev post nav*/
span.ds-single-nav-previous {
    width: 47.5%;
    margin-right: 5%;
    float: left;
}

/*Align the next post nav*/
span.ds-single-nav-next {
    display: block;
    text-align: right;
}

/*Prev/next post nav button styling*/
span.ds-single-nav-previous a[rel~="prev"],
span.ds-single-nav-next a[rel~="next"] {
    color: #fff;
    background: #294E79;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: .7em 1em !important;
    border: 2px solid #294E79;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

/*Prev/next post nav button hover styling*/
span.ds-single-nav-previous a[rel~="prev"]:hover,
span.ds-single-nav-next a[rel~="next"]:hover {
    color: #636789;
    background: #fff;
}

/*Prev/next arrows size*/
.ds-meta-nav {
    font-size: 18px;
}

/*Reduce post nav button size on mobile*/
@media all and (max-width: 479px) {
    span.ds-single-nav-previous a[rel~="prev"],
    span.ds-single-nav-next a[rel~="next"] {
        font-size: 10px;
        padding: .7em .75em !important;
    }
}

/***Related posts***/

/*Hide the default title and meta*/
.single .ds-related-posts .post-meta,
.single .ds-related-posts .entry-title {
    display: none;
}

/*Set the display and margin*/
.single .ds-related-posts {
    display: inline-block;
    margin-top: 30px;
}

/*Remove padding*/
.single #left-area .ds-related-posts ul {
    padding-left: 0;
}

/*Style the post title*/
.single .ds-related-content h4 {
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 18px;
}

/*Set post width and margin*/
.single .ds-related-list {
    list-style-type: none;
    width: 30%;
    float: left;
    margin-right: 5%;
}

/*Remove margin from last post*/
.single .ds-related-list:last-child {
    margin-right: 0;
}

/***Comments***/

/*Add the comment border*/
.single .comment-body {
    border: 1px solid #8a9ea5;
}

/*Position the text*/
.single .comment-body {
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}

/*Position the avatar container*/
.single .comment_avatar {
    position: relative;
    top: 0;
}

/*Position the avatar image*/
.single .comment_avatar img {
    display: inline-block;
    float: left;
    margin-right: 20px;
    height: auto;
    width: 50px;
}

/*Adjust the indent for replies*/
.single .comment .children {
    margin-left: 30px;
}
.single .comment-content{
  padding-top: 35px;
}
@media (max-width: 767px) {
.single .comment-content{
  padding-top: 10px;
}
}

/*Style the comment form input text*/
.single #commentform textarea,
.single #commentform input:not(.et_pb_button) {
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', 'Sans Serif';
    background-color: transparent;
    margin-bottom: 20px;
    border-bottom: 2px solid #294E79;
}

/*Style the reply and submit buttons*/
.single a.comment-reply-link.et_pb_button,
.single .form-submit .et_pb_button {
}

/*Styling for the reply link button only*/
.single a.comment-reply-link.et_pb_button {
    margin-right: 20px;
    top: 20px;
    padding: .1em .5em;
}

/*Move the submit button to the left*/
.single #commentform .form-submit {
    float: right;
}

/*Style the reply and submit buttons on hover*/
.single a.comment-reply-link.et_pb_button:hover,
.single .form-submit .et_pb_button:hover {

}

/*Hide the reply link button arrow*/
.single a.comment-reply-link.et_pb_button:hover:after {
    display: none;
}

/*Style the edit comment link*/
.single .comment-edit-link {
    color: #8a9ea5;
}

/*Comment Form*/

/*Style the logged in as link*/
.single p.logged-in-as a {
    color: #8a9ea5;
    text-transform: uppercase;
}

/*Remove excess padding from the form fields*/
.single p.comment-form-author,
.single p.comment-form-comment,
.single p.comment-form-email,
.single p.comment-form-url {
    padding-bottom: 0;
}

/*Align the form fields on larger screens*/
@media all and (min-width: 768px) {
    .single #commentform input#author {
        width: 48.5%;
        float: left;
    }
    .single #commentform input#email {
        width: 48.5%;
        float: right;
    }
    .single #commentform input#url {
        width: 100%;
    }
}

/*Purple bars*/
/*Style the titles*/
h4.ds-related-posts-header,
#respond h3,
h1#comments,
#sidebar h4.widgettitle {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}


/*Add the left and right bars*/

h4.ds-related-posts-header:before,
h4.ds-related-posts-header:after,
#respond h3 span:before,
#respond h3 span:after,
h1#comments:before,
h1#comments:after,
#sidebar h4.widgettitle:before,
#sidebar h4.widgettitle:after {
    position: absolute;
    top: 30%;
    overflow: hidden;
    width: 50%;
    height: 2px;
    content: '\a0';
    background-color: #294E79;
}

h4.ds-related-posts-header:before,
#respond h3 span:before,
h1#comments:before,
#sidebar h4.widgettitle:before {
    margin-left: -52%;
}

h4.ds-related-posts-header:after,
#respond h3 span:after,
h1#comments:after,
#sidebar h4.widgettitle:after {
    margin-left: 2%;
}


/*Click to tweet*/
.ctt{
  font-weight: normal !important;
  color: #999;
  border-radius: 4px;
}
.cttfondo{
width: 100%;
background-color: #f7f7f7;
padding-top: 2em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 4em;
margin: 3em 0;
border: 1px solid #f7f7f7;
}
.ctttexto{
font-size: 24px;
line-height: 140%;
letter-spacing: .05em;
padding-bottom: 1em;
}
.ctt p{
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
.twr{
  font-size: 14px;
  padding-left: 0.5em;
}
.twr:after{
    content: "\e094";
    font-size: 12px;
    color: #00acee;
}
.cttcaja{
  opacity: 0.6;
  transition:opacity 0.5s linear;
}

.cttfondo:hover{
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.03);
}
.cttcaja:hover{
  opacity: 1;
}


/*Quitar la línea de abajo del header y la sombra cuand hace scroll, y del submenu*/
#main-header{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #f7f7f7 !important;
}
@media (min-width: 981px){
#main-header.et-fixed-header{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none !important;
}
}
/*.nav li ul{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #8a9ea5 !important;
}*/







/*Blog*/

/* The CSS for having the featured image on the left */
.et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post {
  width: 100%; }
  .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .entry-featured-image-url {
    width: 45%;
    float: left; }
  .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .entry-title,
  .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .post-meta,
  .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .post-content {
    width: 50%;
    float: right; }
  @media all and (max-width: 479px) {
    .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .entry-featured-image-url,
    .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .entry-title,
    .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .post-meta,
    .et_pb_module.image-on-the-left .et_pb_ajax_pagination_container article.et_pb_post .post-content {
      width: 100%;
      float: none; } }

.image-on-the-left .published{
  margin:0;
  color: #294E79;
}

/*Secondary menu*/
#et-secondary-nav li a{
  font-size: 12px;
}



/*Tablas responsive*/
/*TABLAS*/

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: 0;
	padding: 10px;
	background-color: #294E79;
	color: white;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 769px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
	
  /*table tr*/

.tablatr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  /*table td*/
.tablatd {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

/*Footer*/
.et-social-icons li a, #footer-info p, #footer-info a{
	color: white;
}

.et-social-icons li a:hover, #footer-info a:hover{
	color: #8a9ea5;
}

/*Texto justificado*/
.justificado{
	text-align: justify;
}

/*Switcher idiomas*/
.pll-parent-menu-item span{
	font-size: 12px !important;
	color: white !important;

} #areatexto{color:#4e4e4e;}