/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* =Load Custom fonts from local
-------------------------------------------------------------- */

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-regular.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-regular.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/lato-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-bold.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-bold.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/lato-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-italic.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-italic.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/lato-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-bolditalic.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-bolditalic.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/lato-bolditalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-light.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-light.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/lato-light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-lightitalic.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/lato-lightitalic.eot#iefix') format('embedded-opentype'), url('../fonts/lato-lightitalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

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

@font-face {
	font-family: 'Museo-300';
	src: url('https://www.gotasdeayuda.com/en/fonts/museo-300.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/museo-300.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/museo-300.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo-500';
	src: url('https://www.gotasdeayuda.com/en/fonts/museo-500.eot');
	src: url('https://www.gotasdeayuda.com/en/fonts/museo-500.eot#iefix') format('embedded-opentype'), url('https://www.gotasdeayuda.com/en/fonts/museo-500.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* =General
-------------------------------------------------------------- */   
   
body {
	font: 15px/1.5 helvetica, arial, sans-serif;
	color: #77746c; 
	background: #f8e7ba; 
}


h1, .h1 {
	position: relative;
	font: 34px/1.24 'Helvetica', Arial, sans-serif;
	text-decoration: none;
	color: #d92028;
	margin-bottom: 10px;
}

h2, .h2 {
	font: 30px/34px Helvetica,Arial,sans-serif;
	text-decoration: none;
	color: #ea6015;
	margin-bottom: 5px;
}

h3, .h3 {
	font: bold 16px/1.5 'Lato', arial, helvetica, sans-serif;
	text-decoration: none;
	color: #cf6021;
}

h4, .h4 {
	font: bold 16px/1.5 'Lato', arial, helvetica, sans-serif;
	text-decoration: none;
	color: #cf6021;
}

h5, .h5 {
	font: bold 14px/1.5 'Lato', arial, helvetica, sans-serif;
	color: #cf6021;
	text-decoration: none;
}

h6, .h6 {
	font: bold 15px/1.5 'Lato', arial, helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}

a {
	color: #ea6015;
}
a:hover, a:active {
	color: #ea6015;
}


.container {max-width: 1124px;}



/* =Header
-------------------------------------------------------------- */
.header .container {margin-top: 10px; padding: 10px 0; background: #fff url(https://www.gotasdeayuda.com/en/img/bg_edge1.png) left top repeat-x;}
.header .logo {background: url(https://www.gotasdeayuda.com/en/img/logo_header.jpg) 10px top no-repeat;}
.header .logo h1 {margin: 0; font-size: 30px; font-weight: bold;}
.header .logo h1 a {display: block; padding: 10px 20px 10px 115px; color: #d92028; text-decoration: none!important;}

.header .logo .top_banner {height: 80px; padding: 0 0 10px 115px; font: 40px/45px helvetica, arial, sans-serif; color: #888; font-weight: bold;}
.header .logo .top_banner p span {color: #d92028; text-transform: uppercase;}
.header .logo .top_banner p.banner1,  .header .logo .top_banner p.banner2, .header .logo .top_banner p.banner3 {display: none;}
.header .logo .top_banner p.banner3 {font-size: 33px; line-height: 36px}

.header .topcounter {float: right; margin: 16px 20px 0 0; padding: 8px 18px 3px 18px; min-width: 205px; color: #D92028; 
	background: rgba(199,181,71,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#96000000,endColorstr=#96000000);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.header .topcounter .subtitle {text-align: center; background: #85933d; color: #fff;}
.header .topcounter .cuentagotas {margin: 8px 0; overflow: hidden;}
.header .topcounter .cuentagotas span {display: block; float: left; padding-left: 5px; width: 28px; height: 36px; font-size: 28px; line-height: 34px; color: #5C6777; background: url(https://www.gotasdeayuda.com/en/img/countdown_bg.png)}

@media  (max-width: 425px) {

.header .topcounter {
    float: right;
    margin: 128px 35px 6px 0px;
    position: inherit;
   /* padding: 22px 18px 3px 18px;*/
    min-width: 290%;
	}

}
@media (min-width: 425px) and (max-width: 600px) 
{
	.header .topcounter {
	    float: right;
	    margin: 14px 10px 0px 0px;
	    /* position: inherit; */
	   /* padding: 22px 18px 3px 18px;*/
	   
	}
}
.header .mainnav {padding-top: 20px; float: left;}
.header .mainnav ul {margin-left: 20px; padding: 0; list-style: none;}
.header .mainnav ul li {float: left; padding: 0 8px; font-size: 18px; line-height: 20px; background: url(https://www.gotasdeayuda.com/en/img/vline.png) top left no-repeat;}
.header .mainnav ul li a {display: block; padding: 2px 10px 0; text-decoration: none!important}
.header .mainnav ul li a:hover,
.header .mainnav ul li.current a {color: #fff; background: #ea6015;}

.header .socialmenu {float: right; padding: 15px 20px 0 0; text-align: right; font-size: 16px;}
.fa-facebook-square {color: #43609c;}
.fa-twitter-square {color: #55acee;}
.fa-youtube-square {color: #d02022}
.fa-instagram {color: #855040}
.fa-idioma {
        float: left;
    margin-right: 4px;
    margin-top: 2px;
}



/* =Content
-------------------------------------------------------------- */
.contentwrapper .container {background: #fff;}

/* Youtube video widget */
.youtube_video {position: relative; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.youtube_video iframe, youtube_video object, youtube_video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Featured video widget */
.featured_video {display: none; width: 100%; margin-bottom: 20px; }
.featured_video .preview {position: relative; display: inline-block; *zoom: 1; width: 100%;}

.featured_video .grid {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("https://www.gotasdeayuda.com/en/img/grid.png") 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.featured_video .play {position: absolute; left: 50%; top: 30%; margin: -38px 0 0 -38px; width: 76px; height: 76px; background: url("https://www.gotasdeayuda.com/en/img/icon_play.png") no-repeat 0 0;}
.featured_video a {display: block; cursor: pointer;}
.featured_video img {width: 100%; vertical-align: top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Home Boxes */
.homeboxes {overflow: hidden;}
.homebox {float: left; height: 280px; padding: 4% 4% 4% 10%; width: 49.9%; background: #85933d url(https://www.gotasdeayuda.com/en/img/bg_box1.png) left bottom no-repeat; background-size: 38%}
.homebox h2 {margin: 0 0 20px 40px; padding-left: 40px;  color: #fff; background: url(https://www.gotasdeayuda.com/en/img/vline2.png) left top repeat-y;}
.homebox p {color: #fff; margin-left: 65px;}
.homebox:last-child {background: #c7b547 url(https://www.gotasdeayuda.com/en/img/bg_box2.png) left bottom no-repeat; background-size: 38%}

/* Home News */
.home_news {margin-bottom: 40px; padding: 20px 0 0 50px; overflow: hidden}
.home_news h2 {margin-bottom: 40px; font-size: 40px;}
.hn_main {width: 56%;}
.hn_main img {margin-right: 30px;}
.hn_list {width: 42%;}
.hn_list ul li {margin-bottom: 8px;}

.home_banner {margin-bottom: 21px; padding: 0; overflow: hidden}


/* Gallery */
/*#gallery {margin-bottom: 40px; overflow: hidden}*/
.gallery, .gallerya {
    margin-bottom: 33px;
    width: 50%;
    overflow: hidden;
    float: left;
}

.gallery h2 {margin: 30px 0 10px 20px;}
.gallery p {margin: 0 0 10px 20px}

.gallery .thumbs, .gallerya .thumbs {
	position: relative;
	margin: 0 0 30px 0;
}

.gallery .thumbs ul {
	font-size: 0;
	display: table;
	margin-right: -20px;
	*zoom: 1;
	padding-left: 20px;
}

.gallery .thumbs li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 45%;
	font-size: 12px;
	margin: 0 10px 10px 0;
}

.gallery .thumbs li img {
	width: 100%;
	display: block;
}

.gallery .thumbs .active {
	width: 129px;
	border: 7px solid #7c6355;
}

.gallery .thumbs a {
	position: relative;
	display: block;
	border: 0;
	overflow: hidden;
}

.gallery .thumbs a:after {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url("https://www.gotasdeayuda.com/en/img/grid.png") 0 0;
}

.gallery .thumbs .active a {
	border: 1px solid #fff;
}

.gallery .thumbs .active a:after {
	display: none;
}

@media  (max-width: 783px) {

	.gallery, .gallerya {
	    margin-bottom: 33px;
	    width: 90%;
	    display: contents;
	    overflow: hidden;
	}

}




/* Content Block */
.content_block {padding: 0 20px 50px;}
.content_block .title {margin-bottom: 30px; font-size: 48px; line-height: 1.1}
.content_block p.subtitle {margin-bottom: 50px; padding-left: 20px; font-size: 18px; color: #000; background: url(https://www.gotasdeayuda.com/en/img/vline.png) left top repeat-y;}
.content_block p {margin-bottom: 20px;}
.content_block p strong {color: #000}
.content_block a {font-weight: bold}
.content_block img.pull-right.img-content {width: 50%; margin: 0 0 10px 15px}

/* Home Call to Action */
.home_call_to_action {padding: 20px 40px; margin-bottom: 20px; background: #ea6015 url(https://www.gotasdeayuda.com/en/img/logo_bg2.png) right bottom no-repeat;}
.home_call_to_action h3 a {margin: 0 0 15px 0; color: #fff; font: 100 32px/35px "Roboto Slab",Arial,sans-serif}
.home_call_to_action a {display: block; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 20px; color: #f8e7ba; text-decoration: none!important}
.home_call_to_action a span {display: block; float: left; margin-top: -3px; margin-right: 10px; text-align: center; width: 45px; height: 45px; padding-left: 4px; font-size: 25px; line-height: 43px; border: solid 1px #f8e7ba;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Home Info */
.home_info {padding: 20px 40px; background: #85933d;}
.home_info h3 {margin: 0 0 20px 0; color: #fff; font: 100 26px/30px "Roboto Slab",Arial,sans-serif}
.home_info a {display: block; padding: 0px 0px 0px 0px; font-size: 20px; line-height: 20px; color: #f8e7ba; text-decoration: none!important}
.home_info a span {display: block; float: left; margin-top: -3px; margin-right: 10px; text-align: center; width: 45px; height: 45px; padding-left: 4px; font-size: 25px; line-height: 43px; border: solid 1px #f8e7ba;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Home Quotes*/
.home_quotes {padding: 0 0 0 50px; background: url(https://www.gotasdeayuda.com/en/img/vline.png) 10px 4px no-repeat;}
.home_quotes h2 {margin-bottom: 30px; font: 30px/34px Helvetica,Arial,sans-serif}
.home_quotes .quotes .info {margin-left: -30px; margin-bottom: 20px; padding-left: 30px; background: url(https://www.gotasdeayuda.com/en/img/logo.png) left top no-repeat;}
.home_quotes .quotes .info h6 {margin: 0;} 

/* Home Quotes */
.home_quotes-der {padding: 0 0 0 20px; background: url(https://www.gotasdeayuda.com/en/img/vline.png) 0px -4px no-repeat;}
.home_quotes-der h2 {margin-bottom: 10px; font: 500 24px/27px Helvetica,Arial,sans-serif}
.home_quotes-der .quotes .info {margin-left: -5px; margin-bottom: 20px; padding-left: 30px; background: url(https://www.gotasdeayuda.com/en/img/logo.png) left top no-repeat;}
.home_quotes-der .quotes .info h6 {margin: 0;}


/* Our sponsors */
#our_sponsors {
	position: relative;
	overflow: hidden;
	left: 0px;
	width: 100%;
	height: auto;
	padding: 0 20px;
	margin-bottom: -18px;
}

#our_sponsors .prev {
	position: absolute;
	left: 5px;
	top: 15px;
	width: 15px;
	height: 48px;
	cursor: pointer;
	background: url("https://www.gotasdeayuda.com/en/img/prev_next_small.png") no-repeat 0 0;
}

#our_sponsors .next {
	position: absolute;
	right: 5px;
	top: 15px;
	width: 15px;
	height: 48px;
	cursor: pointer;
	background: url("https://www.gotasdeayuda.com/en/img/prev_next_small.png") no-repeat -15px 0;
}

#our_sponsors .next.disabled, #our_sponsors .prev.disabled {
	display: none;
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}

#our_sponsors ul {
	list-style: none;
	*zoom: 1;
}

#our_sponsors ul:after {
	content: '';
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}

#our_sponsors li {
	float: left;
	width: 150px;
	margin: 10px;
	height: 75px;
	text-align: center;
}

#our_sponsors li span {
	/*width: 150px;*/
	height: auto;
	display: table-cell;
	*display: block;
	vertical-align: middle;
	display: block;
        margin-right: auto;
        margin-left: auto;

}

#our_sponsors li span em {
	display: block;
	width: 150px;
	*margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
	display: block;
        margin-right: auto;
        margin-left: auto;
}

#our_sponsors li img {
	display: block;
	margin:  0 0 0 -30px;
	
	
}

/* Our sponsors especiales */
#our_sponsors_esp {
	position: relative;
    overflow: hidden;
    left: 0px;
    top: -13px;
    height: auto;
    /*min-width: 294px;*/
    padding: 0 0px;
    margin-bottom: 0px; 
}

#our_sponsors_esp .prev {

	position: absolute;
	left: 5px;
	top: 30px;
	width: 15px;
	height: 48px;
	cursor: pointer;
	background: url("https://www.gotasdeayuda.com/en/img/prev_next_small.png") no-repeat 0 0;
}

#our_sponsors_esp .next {
	position: absolute;
	right: 5px;
	top: 30px;
	width: 15px;
	height: 48px;
	cursor: pointer;
	background: url("https://www.gotasdeayuda.com/en/img/prev_next_small.png") no-repeat -15px 0;
}

#our_sponsors_esp .next.disabled, #our_sponsors_esp .prev.disabled {
	display: none;
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}

#our_sponsors_esp ul {
	list-style: none;

	*zoom: 1;
}

#our_sponsors_esp ul:after {
	content: '';
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}

#our_sponsors_esp li {
	float: left;
	margin: 0px;
	height: auto;
	text-align: center;
}

#our_sponsors_esp li span {

	display: table-cell;
	*display: block;
	vertical-align: middle;
}

#our_sponsors_esp li span em {
	display: block;
	*margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

#our_sponsors_esp li img {
	display: block;
	width: 95%;
	height: 95%;
	margin: 0 0 0 -30px;

}


/* Post */  
/* Our Post */
#post {
	margin-bottom: 40px;
    margin-top: 18px;
    padding: 4px 0px 21px 0px;
    overflow: hidden;
    background-color: #eae9e7;
    width: 100%;
}
#post h2 {margin: 30px 0 10px 20px;}
#post h3 {    
	margin: 17px auto 22px auto;
    color: #ea6015;
    text-align: center;
    font: 300 26px/30px "Roboto Slab",Arial,sans-serif;
}

#post #direcciones {  
	display: inline-table;
    margin-top: 13px;
     margin-right: 0px; 
    width: 100%;
    text-align: center;
 }
#our_sponsors_post .prev {
	/*position: absolute;*/
	display: inline-block;
	padding: 20px 0;
	margin: 0 17px;
    width: 34px;
    height: 34px;
	cursor: pointer;
	background: url("https://www.gotasdeayuda.com/en/img/izqPost.png") no-repeat 0 0;

}

#our_sponsors_post .next {
	/*position: absolute;*/
	display: inline-block;
	padding: 20px 0;
	margin: 0 17px;
    width: 34px;
    height: 34px;
	cursor: pointer;
	background: url("../img/derPost.png") no-repeat 0 0;
}


#our_sponsors_post .next.disabled, #our_sponsors_post .prev.disabled {
	display: none;
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}


#our_sponsors_post {
	position: relative;
    overflow: hidden;
    left: 0px;
    height: auto;
    width: 100%;
    padding: 0px 0px; 
    margin-bottom: -10px;
    margin-top: 10px;
}


#our_sponsors_post ul {
	list-style: none;
	*zoom: 1;
	text-align: center;
}

#our_sponsors_post ul:after {
	content: '';
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}

#our_sponsors_post li {
	float: left;
    padding: 0 10px;
    left: -19px;
    margin: 0px
    text-align: center;
}

#our_sponsors_post li span {
	height: auto;
	display: table-cell;
	*display: block;
	margin-right: auto;
    margin-left: auto;
	vertical-align: middle;
}

#our_sponsors_post li span em {
	display: block;
	*margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");
}

#our_sponsors_post li img {
	display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0;
     
}

/* Form Elements */
form {padding: 0 20px;}
label {color: #000;}
input[type="text"], textarea, select {border-color: #b6bbc1!important; box-shadow: inset rgba(218,221,226,0.75) 2px 2px 3px!important}
textarea {resize: none;}
input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="tel"].error, input[type="url"].error, input[type="number"].error, input[type="search"].error, textarea.error, .selector.errorselect {
	border: 1px solid #f00!important;
}

.form-control-captcha {display: inline; width: 50px;}

.overlay-wrapper {
    background: none repeat scroll 0 0 #F8F9F5;
    border: 5px solid #F4F5F1;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px 48px 25px;
    position: relative;
	color: #5c6777;
}
.overlay-wrapper h3 {font-size: 22px; color: #333;}


.gotas-preseleccion {overflow: hidden;}
.gotas-preseleccion ul {list-style: none; margin: 0; }
.gotas-preseleccion ul li {float: left; margin: 0px 12px 20px; padding: 16px; text-align: center; cursor: pointer; opacity: 0.6;}
.gotas-preseleccion ul li.current {padding: 13px; border: solid 3px #c62f35; border-radius: 5px; background: #F8F9F5; opacity: 1;}
.gotas-preseleccion ul li:hover {padding: 13px; border: solid 3px #c62f35; border-radius: 5px; background: #F8F9F5;  opacity: 1;}
.gotas-preseleccion ul li p {margin: 0; }
.num_gotas {font-family: 'Museo-500'; color: #D92028; font-size:80px; line-height: 1em;}





/* General button settings */
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 0 9px;
	min-width: 80px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	text-shadow: #ed6111 1px 1px 0;
	font: 14px/35px 'Lato', arial, helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	border-top: 1px solid #ed910e;
	border-bottom: 1px solid #c1430e;
	border-right: 1px solid #d76a0e;
	border-left: 1px solid #d76a0e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset rgba(255,255,255,0.25) 0 1px 0, rgba(0,0,0,0.15) 1px 1px 0;
	-moz-box-shadow: inset rgba(255,255,255,0.25) 0 1px 0, rgba(0,0,0,0.15) 1px 1px 0;
	box-shadow: inset rgba(255,255,255,0.25) 0 1px 0, rgba(0,0,0,0.15) 1px 1px 0;
	background: #f69123;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2OTEyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2Y3OTUxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iI2U5NjMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDVjMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f69123 0%, #f79516 33%, #e9631a 78%, #f05c27 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f69123), color-stop(33%,#f79516), color-stop(78%,#e9631a), color-stop(100%,#f05c27));
	background: -webkit-linear-gradient(top,  #f69123 0%,#f79516 33%,#e9631a 78%,#f05c27 100%);
	background: -o-linear-gradient(top,  #f69123 0%,#f79516 33%,#e9631a 78%,#f05c27 100%);
	background: -ms-linear-gradient(top,  #f69123 0%,#f79516 33%,#e9631a 78%,#f05c27 100%);
	background: linear-gradient(to bottom,  #f69123 0%,#f79516 33%,#e9631a 78%,#f05c27 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69123', endColorstr='#f05c27',GradientType=0 );
}

a.button {
	height: 33px;
	line-height: 33px;
	min-width: 60px;
}

/* Стили кнопки при наведении */
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {
	background: #f9b22c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YjIyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2Y5YjUyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2YyOTExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzc4MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f9b22c 0%, #f9b523 22%, #f2911e 68%, #f3782f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b22c), color-stop(22%,#f9b523), color-stop(68%,#f2911e), color-stop(100%,#f3782f));
	background: -webkit-linear-gradient(top,  #f9b22c 0%,#f9b523 22%,#f2911e 68%,#f3782f 100%);
	background: -o-linear-gradient(top,  #f9b22c 0%,#f9b523 22%,#f2911e 68%,#f3782f 100%);
	background: -ms-linear-gradient(top,  #f9b22c 0%,#f9b523 22%,#f2911e 68%,#f3782f 100%);
	background: linear-gradient(to bottom,  #f9b22c 0%,#f9b523 22%,#f2911e 68%,#f3782f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b22c', endColorstr='#f3782f',GradientType=0 );
}

/* Стили активной кнопки */
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active {
	background: #f05c27;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNWMyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2U5NjMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2Y3OTUxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNjkxMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f05c27 0%, #e9631a 22%, #f79516 68%, #f69123 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f05c27), color-stop(22%,#e9631a), color-stop(68%,#f79516), color-stop(100%,#f69123));
	background: -webkit-linear-gradient(top,  #f05c27 0%,#e9631a 22%,#f79516 68%,#f69123 100%);
	background: -o-linear-gradient(top,  #f05c27 0%,#e9631a 22%,#f79516 68%,#f69123 100%);
	background: -ms-linear-gradient(top,  #f05c27 0%,#e9631a 22%,#f79516 68%,#f69123 100%);
	background: linear-gradient(to bottom,  #f05c27 0%,#e9631a 22%,#f79516 68%,#f69123 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05c27', endColorstr='#f69123',GradientType=0 );
}

/* Стили нективной кнопки */
input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled, button:disabled, .button:disabled {
	cursor: default;
	text-shadow: #dbdada 1px 1px 0;
	border: 1px solid #d4d4d4;
	background: #d9d9d9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d9d9d9 0%, #d9d9d9 22%, #e4e4e4 68%, #e4e4e4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(22%,#d9d9d9), color-stop(68%,#e4e4e4), color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#d9d9d9 22%,#e4e4e4 68%,#e4e4e4 100%);
	background: -o-linear-gradient(top,  #d9d9d9 0%,#d9d9d9 22%,#e4e4e4 68%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,  #d9d9d9 0%,#d9d9d9 22%,#e4e4e4 68%,#e4e4e4 100%);
	background: linear-gradient(to bottom,  #d9d9d9 0%,#d9d9d9 22%,#e4e4e4 68%,#e4e4e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#e4e4e4',GradientType=0 );
}

/* Плоская кнопка */
.button.flat {
	min-width: 50px;
	height: 35px;
	line-height: 35px;
	color: #7c6355;
	font-weight: normal;
	text-shadow: none;
	border: 0;
	background: #cdbca3;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Кнопка с увеличенным текстом */
.button.big {
	font-size: 22px;
	height: 50px;
	padding: 0 20px;
}

/* Отключаем фильтры кнопки для IE9+ */
:root input[type="submit"], :root input[type="reset"], :root input[type="button"], :root button, :root .button {
	filter: 'none';
}

/* Убираем лишние отступы у кнопки для Firefox */
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;	border: 0;}


/* Bottom Bar */
.bottom_bar {font: 40px/35px Helvetica,Arial,sans-serif; color: #fff;}
.bb_arrow {width: 6%; height: 90px; background: #c8b548; font-size: 40px; line-height: 50px; text-align: center; padding: 18px 10px}
.bb_slogan {width: 70%; height: 90px; font-size: 32px; line-height: 55px; background: #85933d; text-align: center; padding: 18px 10px}
.bb_call_to_action {width: 24%; height: 90px; font-size: 32px; line-height: 95px; background: #ea6015; color: #fff; text-align: center; }
.bb_call_to_action a {color: #fff; text-decoration: none!important;}


/* Footer */
.footer {padding: 20px 0;}





/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 993px) and (max-width: 1205px) {

.header .logo .top_banner p.banner1, .header .logo .top_banner p.banner2 {font-size: 34px; line-height: 38px}
.header .logo .top_banner p.banner3 {font-size: 26px; line-height: 30px}

/* Home Call to Action */
.home_call_to_action h3 {margin-bottom: 20px; font: 100 25px/28px "Roboto Slab",Arial,sans-serif}
.home_call_to_action a {font-size: 18px; line-height: 20px;}
.home_call_to_action a span {margin-top: 0px; margin-right: 10px; width: 35px; height: 35px; padding-left: 2px; line-height: 33px;}

/* Home Info */
.home_info h3 {font: 100 20px/22px "Roboto Slab",Arial,sans-serif}
.home_info a {font-size: 18px; line-height: 20px;}
.home_info a span {margin-top: 0px; margin-right: 10px; width: 35px; height: 35px; padding-left: 2px; line-height: 33px;}

/* Home News */
.home_news {padding: 20px 0 0 30px;}
.home_news h2 {margin-bottom: 40px; font-size: 30px;}
.hn_main {font-size: 14px; line-height: 19px;}
.hn_main img {margin-right: 10px;}
.hn_list ul li {margin-bottom: 8px; font-size: 14px;  line-height: 18px;}

.num_gotas {font-family: 'Museo-500'; color: #D92028; font-size:50px; line-height: 1em;}

/* Bottom Bar */
.bb_slogan {font-size: 23px; line-height: 55px;}
.bb_call_to_action {font-size: 22px; line-height: 90px; background: #ea6015; color: #fff; text-align: center; }

/* Footer */
.footer {font-size: 14px;}

/*galeria de fotos*/


}

@media (min-width: 769px) and (max-width: 992px) {

/* Header */
.header .logo {background-size: 80px;}
.header .logo h1 {font-size: 30px;}
.header .logo h1 a {}

.header .logo .top_banner {height: 45px}
.header .logo .top_banner p.banner1, .header .logo .top_banner p.banner2 {font-size: 22px; line-height: 24px;}
.header .logo .top_banner p.banner3 {font-size: 18px; line-height: 22px;}

/* Home Call to Action */
.home_call_to_action {padding: 10px 20px; margin-bottom: 10px; background-image: none;}
.home_call_to_action h3 {margin-bottom: 20px; font: 100 18px/20px "Roboto Slab",Arial,sans-serif}
.home_call_to_action a {font-size: 14px; line-height: 17px;}
.home_call_to_action a span {margin-top: 0px; margin-right: 10px; width: 35px; height: 35px; padding-left: 2px; line-height: 33px;}

/* Home Info */
.home_info {padding: 10px 20px;}
.home_info h3 {font: 100 18px/20px "Roboto Slab",Arial,sans-serif}
.home_info a {font-size: 14px; line-height: 17px;}
.home_info a span {margin-top: 0px; margin-right: 10px; width: 35px; height: 35px; padding-left: 2px; line-height: 33px;}

/* Home Boxes */
.homebox {height: 260px; padding: 4% 4% 4% 10%; background-size: 30%}
.homebox h2 {margin: 0 0 20px 0px; font-size: 24px; line-height: 28px;}
.homebox p {margin-left: 33px; font-size: 14px; line-height: 18px;}
.homebox:last-child {background: #c7b547 url(https://www.gotasdeayuda.com/en/img/bg_box2.png) left bottom no-repeat; background-size: 30%}

/* Home News */
.home_news {padding: 20px 0 0 30px;}
.home_news h2 {margin-bottom: 30px; font-size: 26px;}
.hn_main {font-size: 14px; line-height: 19px;}
.hn_main img {margin-right: 10px; width: 110px; margin-bottom: 50px;}
.hn_list ul li {margin-bottom: 8px; font-size: 14px;  line-height: 18px;}

/* Home Quotes */
.home_quotes {padding: 0 0 0 30px; }
.home_quotes h2 {margin-bottom: 20px; font: 26px/30px "Roboto Slab",Arial,sans-serif}
.home_quotes .quotes .info {font-size: 14px; line-height: 16px;}
.home_quotes .quotes .info h6 {font-size: 14px;}

/* Bottom Bar */
.bb_slogan {font-size: 18px; line-height: 55px;}
.bb_call_to_action {font-size: 18px; line-height: 90px; background: #ea6015; color: #fff; text-align: center; }

}

@media (min-width: 530px) and (max-width: 768px) {

/* Header */
.header .logo {background-size: 80px;}
.header .logo h1 {font-size: 22px;}
.header .logo h1 a {padding-left: 90px;}

.header .logo .top_banner {height: 55px; padding-left: 95px;}
.header .logo .top_banner p.banner1, .header .logo .top_banner p.banner2 {font-size: 14px; line-height: 17px;}
.header .logo .top_banner p.banner3 {font-size: 13px; line-height: 16px;     width: 80%; }

.header .mainnav ul li {padding: 0 5px; font-size: 15px; line-height: 20px;}
.header .mainnav ul li a {padding: 2px 4px 0;}

.header .socialmenu {float: none; padding: 15px 0px 0 20px; text-align: left; font-size: 16px;}

/* Home Boxes */
.homebox {height: 260px; padding: 4% 4% 4% 10%; background-size: 30%}
.homebox h2 {margin: 0 0 20px 0px; font-size: 24px; line-height: 28px;}
.homebox p {margin-left: 33px; font-size: 14px; line-height: 18px;}
.homebox:last-child {background: #c7b547 url(https://www.gotasdeayuda.com/en/img/bg_box2.png) left bottom no-repeat; background-size: 30%}

/* Home News */
.home_news {padding: 20px 0 0 20px;}
.home_news h2 {margin-bottom: 30px; font-size: 26px;}
.hn_main {font-size: 14px; line-height: 19px;}
.hn_main img {margin-right: 10px; width: 110px; margin-bottom: 50px;}
.hn_list ul li {margin-bottom: 8px; font-size: 14px;  line-height: 18px;}

.num_gotas {font-family: 'Museo-500'; color: #D92028; font-size:50px; line-height: 1em;}

/* Bottom Bar */
.bottom_bar {display: none;}

}

@media (max-width: 530px) {
	
/* Header */
.header .logo {height: 100px; background-size: 80px;}
.header .logo h1 {font-size: 22px;}
.header .logo h1 a {padding-left: 90px;}

.header .logo .top_banner {display: none;}

.header .mainnav ul li {padding: 0 5px; font-size: 15px; line-height: 20px;}
.header .mainnav ul li a {padding: 2px 4px 0;}

.header .socialmenu {float: none; padding: 15px 0px 0 20px; text-align: left; font-size: 16px;}

/* Home Boxes */
.homebox {height: 260px; padding: 4% 4% 4% 10%; background-size: 30%}
.homebox h2 {margin: 0 0 20px 0px; font-size: 20px; line-height: 26px; padding-left: 20px;}
.homebox p {margin-left: 14px; font-size: 12px; line-height: 16px;}
.homebox:last-child {background: #c7b547 url(https://www.gotasdeayuda.com/en/img/bg_box2.png) left bottom no-repeat; background-size: 30%}

.num_gotas {font-family: 'Museo-500'; color: #D92028; font-size:30px; line-height: 1em;}

/* Home News */
.home_news {padding: 20px 0 0 20px;}
.home_news h2 {margin-bottom: 30px; font-size: 22px;}
.hn_main {font-size: 12px; line-height: 17px;}
.hn_main img {margin-right: 10px; width: 90px; margin-bottom: 10px;}
.hn_list ul li {margin-bottom: 8px; font-size: 12px;  line-height: 17px;}

.content_block img.pull-right.img-content {width: 100%; margin: 0 0 10px 0}

/* Bottom Bar */
.bottom_bar {display: none;}
	
}