/*

Theme Name:     Yuilop

Template:       toolbox

*/

* {
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	padding: 0.5em 0;
}

a {
	text-decoration: none;
}

.post a, .widget-area a{
	text-decoration:underline;
}

.clear {
	clear: both;
}

.slidable {
	display: none;
}

.padded {
	padding: 0.5em 0;
}

#logo {
	float: left;
	padding-top: 10px;
}

#branding {
	background-color: black;
	color: white;
	height: 80px;
}

#access {
	float: right;
	font-size: 18px;
}

#access ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#access ul li {
	float: left;
}

#access ul li a {
	display: block;
	height: 80px;
	line-height: 80px;
	border-left: 1px #474747 solid;
	color: #a5a5a5;
	padding: 0 20px;
	font-family: ;
}

#access ul li:last-child a {
	border-right: 1px #474747 solid;
}

#access ul li a:hover {
	background-color: #c6f511;
	color: #444444;
}

#language-choices {
	display: none;
	position: absolute;
	margin-left: -125px;
	margin-top: -26px;
	background-color: #a9a9a9;
	list-style: none;
	width: 120px;
	padding: 0 3px;
	font-size: 0.9em;
}

#language-selector:hover {
	background-color: #a9a9a9;
}

#language-selector:hover #language-choices {
	display: block;
}

#language-choices img {
	vertical-align: middle;
}

#language-choices li:hover {
	background-color: #999999;
}

#language-choices a {
	color: white;
}

.top-announcement{
	padding-bottom:0.8em;
	font-size:1.3em;
	height: 2em;
	color:#c7f511;
	text-align:center;
	background-color:#353536;
	border-bottom:5px solid #252526;
}

.top-announcement div{
	max-width:980px;
	min-width:520px;
	margin:0 auto;
	padding-top: 0.8em;
}

.top-announcement div a{
	font-weight:bold;
	color:white;
	font-size:0.8em;
}

header .current_page_item a {
	background-color: #c6f511;
	color: #444444 !important;
}

footer .current_page_item a {
	color: #c6f511 !important;
}

.nav-extras {
	float: right;
	margin-left: 5px;
}

.container {
	width: 980px;
	margin: 0 auto;
}

.blog table {
	background-color: #f6f6f6;
	border: 1px solid #eee;
	margin: 5px 0px;
	padding: 3px;
}

.blog table tr th {
	padding: 3px;
	background-color: #eaeaea;
	color: #0C0;
	font-weight: bold;
}

.blog table td {
	border: 1px solid #eee;
	padding: 7px;
}

.blog table td img.size-full {
	width: 75px;
	height: 75px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.timestamp{
	color:#bbb;
	font-style:italic;
}

/* Footer */



#colophon {
	background-color: rgb(26, 25, 26);
	clear: both;
	color: white;
	padding-bottom: 2em;
}

#colophon h2 {
	font-size: 1.2em;
	color: rgb(180,180,180);
	margin-bottom: 0;
	padding: 0;
}

.emergency-warning {
	clear: both;
	padding: 20px 20px 0 20px;
	color: rgb(200,200,200);
}

.emergency-warning strong {
	font-weight: bold;
	display: block;
}

.footer-column {
	width: 17%;
	margin: 0 1.5%;
	float: left;
	margin-top: 30px;
}

.footer-column:first-child {
	height: 130px;
	border-right: 1px #444444 solid;
}

.footer-column:last-child {
	width: 13%;
	margin-right: 0;
	padding: 0 0 0 2%;
	height: 130px;
	border-left: 1px #444444 solid;
}

.footer-column:last-child h2 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
}

.footer-column:last-child .nav-extras {
	margin: 10px 0 0 0;
}

.footer-column .menu {
	list-style: none;
	margin-top: 10px;
	padding: 0;
	border-top: 1px #444444 solid;
	font-size: 14px;
	width: 140px;
}

.footer-column .menu li {
	border-bottom: 1px #444444 solid;
	padding: 4px 0 4px 8px;
}

.footer-column .menu a {
	color: #8a8a8a;
}

.footer-column .menu a:hover {
	color: #c6f511;
}

.footer-column h2 {
	font-weight: 500;
	font-size: 1.3em;
}

.follow ul li {
	display: inline;
}

.copyright {
	position: relative;
	margin-left: 55px;
	margin-top: -20px;
}

.follow ul {
	clear: both;
	padding-top: 0.5em;
	margin-bottom: 0.6em;
}

div.follow {
	border-bottom: 1px solid rgb(66,66,66);
}

div.signup {
	padding-top: 0.6em;
}

#signup-form {
	background-color: white;
	border-radius: 5px 5px 5px 5px;
	padding: 8px 15px;
	text-align: center;
	margin-left: 0px;
	margin-top: -169px;
	border: 1px solid rgb(26, 25, 26);
	display: none;
	position: absolute;
}

#signup-form select {
	border: 1px #777777 solid;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
}

#signup-form input {
	border: 1px #777777 solid;
	padding: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
	background-color: #EEEEEE;
}

.button2 {
	font-size: 16px;
	padding: 5px;
	margin: 5px 5px 5px 0;
}

.signup-triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0px;
	border-color: rgb(255, 255, 255) transparent transparent;
	position: relative;
	top: 17px;
	left: 85px;
}





/* Pages */



.entry-content {
	color: #414141;
	padding-bottom: 25px;
}

.page .entry-content {
	min-height: 600px;
}

.entry-content p {
	padding: 0.8em 0;
}

.entry-content h1 {
	font-size: 3.5em;
	margin-bottom: 10px;
	margin-top: 20px;
}

.entry-content h2 {
	font-size: 3em;
	margin-bottom: 10px;
	margin-top: 20px;
}

.entry-content h3 {
	font-size: 2.5em;
}

.entry-content h4 {
	font-size: 26px;
}

.blurb {
	width: 100%;
}

.blurb-text {
	float: left;
	width: 50%;
	font-size: 26px;
}

.office-view {
	margin-left: 100px;
}

.about-us-blurb img:last-child {
	margin-top: -6em;
	padding-bottom: 2em;
}

.post {
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	margin-bottom: 0.75em;
}

.blog #main, .archive #main, .single #main {
	width: 980px;
	margin: 0 auto;
}

.blog #primary, .archive #primary, .single #primary {
	width: 64%;
	float: left;
	padding-top: 1.3em;
	padding-right: 1.5%;
}

.blog #primary h1, .single #primary h1 {
	font-size: 2em;
}

.blog #primary h3, .single #primary h3 {
	font-size: 1.5em;
}

.blog .post, .archive .post {
	width: 640px;
}

.not-found {
	max-width: 960px;
	border-bottom: none !important;
}

.post p {
	padding-bottom: 0.6em;
	line-height: 1.3em;
}

#secondary {
	width: 28%;
	padding: 2em 0px 20px 5%;
	float: left;
}

.widget-title {
	font-weight: bold;
}

#secondary ul {
	line-height: 1.4em;
}

.nav-previous {
	width: 50%;
	float: left;
	height: 5em;
}

.nav-next {
	width: 50%;
	float: right;
	text-align: right;
}

.post a {
	color: #1a191a;
}

#nav-above {
	display: none;
}

#nav-below {
	display: block;
	max-width: 980px;
	margin: 0px auto;
	padding-bottom: 0.5em;
	clear: both;
}

#nav-below h1 {
	display: none;
}

#nav-below a {
	color: #1a191a;
}

.entry-meta {
	display: none;
}



/* Home Page */



#home-slider {
	height: 350px;
}

.home-switching-text {
	width: 480px;
	padding-top: 50px;
}

.home-switching-text h1 {
	font-size: 60px;
	margin-top: 0;
	margin-bottom: 0.1em;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	line-height: 1.1em;
}

.home-switching-text h1, .home-switching-text h2 {
	padding: 0;
}

#home-top-slider-text-2 {
	display: none;
}

.home-switching-text h2 {
	margin-top: 0px;
	font-size: 24px;
	margin-bottom: 10px;
	color: rgba(0, 0, 0, 0.8);
	opacity: 0.5;
	font-weight: 300;
}

.home-page-top-image {
	width: 100%;
	height: 850px;
	background-size: cover;
	background-position: center center;
	color: white;
}

.us-bg {
	background-image: url(img/bg-home-us.jpg);
}

.de-bg {
	background-image: url(img/bg-home-de.jpg);
}

.es-bg {
	background-image: url(img/bg-home-es.jpg);
}

.it-bg {
	background-image: url(img/bg-home-it.jpg);
}

.home-page-image-2 {
	display: none;
}

.home-page-top-image h4 {
	margin-top: 5.5em;
}

.available-on h4 {
	color: #434343;
}

.platforms {
	list-style: none;
	padding: 0;
	margin: 0;
}

.platforms li {
	display: inline-block;
	width: 19.5%;
	text-align: center;
}

.platforms img {
	margin: 1em auto 0px;
}

.platforms-image {
	margin-top: 10px;
	margin-left: 20px;
}

.platforms-download a {
	color: rgb(67, 67, 67);
	font-weight: normal;
	font-size: 1.1em;
}

.platforms-download a:hover {
	color: #c6f511;
}

.platforms-download span.arrows {
	position: absolute;
	color: #c6f511;
	margin-left: 5px;
}

.as-seen-on {
	background-color: rgb(230, 230, 230);
	text-align: center;
	border-bottom: 1px solid rgb(204, 204, 204);
	height: 5.6em;
}

.as-seen-on p {
	float: left;
	padding-top: 0.2em;
	font-size: 1.5em;
	margin-top: 1em;
}

.as-seen-on img {
	width: 75%;
	height: 75%;
	margin-top: 0.5%;
}

.seen li {
	display: inline;
}

.how-it-works, .what-they-say, .more-info {
	padding: 2em 0;
}

.how-it-works {
	background-color: white;
	color: #414141;
	padding-bottom: 20px;
}

.how-it-works h1 {
	font-size: 3.5em;
	margin-bottom: 10px;
	margin-top: 20px;
	text-align: center;
}

.how-it-works h2 {
	font-size: 2em;
	margin-bottom: 0.3em;
	margin-top: 0;
	text-transform: capitalize;
}

.how-it-works .section {
	width: 33%;
	float: left;
	text-align: center;
}

.what-they-say {
	background-color: #1a191a;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 40px;
}

.what-they-say h1 {
	padding-top: 50px;
	margin-bottom: 30px;
	font-size: 3.5em;
	text-align: center;
}

.what-they-say .testimonial {
	color: rgb(180, 180, 180);
	font-size: 1.3em;
	padding: 1em 0px;
}

.testimonial .author {
	text-align: right;
	color: rgb(75, 75, 75);
	font-style: italic;
	padding-top: 1em;
}

.yuilop {
	color: #c6f511;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.more-info {
	background-color: white;
	color: #414141;
	text-align: center;
}

.more-info .container {
	max-width: 960px;
	width: 66%;
}

.more-info p {
	font-size: 1.4em;
	margin-bottom: 1.3em;
}

.how-it-works .container, .what-they-say .container, .more-info .container {
	padding: 1em 0;
}

.more-info .container {
	margin-top: 1em;
}

.how-it-works h1, .what-they-say h1, .more-info h1 {
	margin: 0;
	padding: 0.3em 0;
}



/* B2B offers page */



.b2b-left {
	width: 595px;
	margin-top: 30px;
	float: left;
}

.b2b-left h4 {
	font-weight: normal;
}

.b2b-left p {
	font-size: 20px;
	padding-bottom: 0.5em;
}

.b2b-right {
	margin-top: 30px;
	width: 385px;
	float: right;
}

.b2b-right h4 {
	opacity: 0.8;
	margin-top: 10px;
}

.cloud {
	width: 385px;
	height: 160px;
	margin-bottom: 30px;
	background-image: url(img/cloud.png);
}

.cloud p {
	width: 185px;
	margin: 0px 86px;
	font-size: 18px;
	color: white;
	padding-top: 60px;
	text-align: center;
}





/* FAQ page */



.faq-button-1 {
	background-image: url(img/faq_1.png);
}

.faq-button-2 {
	background-image: url(img/faq_2.png);
}

.faq-button-3 {
	background-image: url(img/faq_3.png);
}

.faq-button-4 {
	background-image: url(img/faq_4.png);
}

.faq-button-5 {
	background-image: url(img/faq_5.png);
}

.faq-content {
	clear: both;
	padding: 20px;
}

.faq-section {
	padding: 20px;
	display: none;
	margin: 10px 0;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.faq-question a {
	color: #1a191a;
	font-size: 20px;
}

.faq-question p, .faq-question ul {
	display: none;
}

div.policy p {
	margin: 0.5em 0;
}

/* Jobs */



.slidable {
	margin: 10px 0;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#jobs-people-at-yuilop {
	margin: 10px 0;
	padding: 0;
	border-radius: 4px;
	border: 0px;
}

.listings-content {
	clear: both;
	padding: 20px;
}

.listings-content a {
	display: block;
	width: 70% !important;
	color: #1a191a;
	padding: 5px;
}

.listings-hidden-content {
	display: none;
}

.person-at-yuilop {
	padding: 20px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	height: 200px;
}



/* Press */



.news-section {
	width: 60%;
	float: left;
}

.announcements-section {
	width: 33%;
	float: right;
	padding-bottom: 2em;
}

.news-details {
	font-size: 12px;
	color: #a8a8a8;
	font-weight: bold;
}

.news-links a, .announcements-links a {
	display: block;
	color: #434444;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: normal;
}

.announcements-links {
	border-left: 1px solid rgba(0,0,0,0.2);
	margin-left: -2em;
	padding-left: 2em;
}

.announcements-link, .news-link {
	margin-bottom: 1.6em;
}

.news-link:hover, .announcements-link:hover {
	border-color: #434444;
}

.news-hidden-content {
	display: none;
}

.press-resources {
	clear: both;
}

.press-resources ul {
	margin-bottom: 1em;
}

.press-resources ul li {
	width: 30%;
	height: 8em;
	float: left;
	background-color: #c6f511;
	display: block;
	margin: 0.5em;
	overflow: hidden;
}

.press-resources a:hover img {
	opacity: 0.5;
}

.contact-us {
	border-top: 1px solid rgba(43, 42, 42, 0.2);
	border-bottom: 1px solid rgba(43, 42, 42, 0.2);
	padding: 1em 0px;
	margin-top: 1.2em;
	clear: both;
	top: 1.8em;
}

.contact-us a {
	color: #434444;
}

.contact-us .column {
	width: 33%;
	float: left;
}

.contact-us .column h3 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
}

.contact-us .column h4 {
	padding: 0;
	margin: 0;
	padding-bottom: 0.4em;
	font-size: 1.2em;
}

.contact-us .column img {
	float: left;
	padding-right: 10px;
}



/* Rates */



span.activity, span.credit {
	height: 1.5em;
}

.white-bg div {
	background-color: white;
}

.grey-bg div {
	background-color: #f5f5f5;
}

.white-bg div, .grey-bg div {
	height: 2em;
	padding: 0.7em 0px 1.4em;
}

.countries .white-bg div, .countries .grey-bg div {
	padding-top: 0.8em;
	padding-bottom: 0;
}

.rates-container {
	margin: 0 auto;
	min-width: 980px;
}

.rates {
	padding: 1em 0;
}

.rates-header {
	padding-left: 10px;
}

.rates-table {
	min-width: 960px;
}

.rates-header span {
	opacity: 0.5;
	color: black;
	font-weight: 700;
	font-size: 0.8em;
}

.credit, .activity {
	padding: 1em 0px;
	width: 49.49%;
	float: left;
	height: 2.5em;
}

.credit {
	font-weight: 300;
}

.entries, .rates-header {
	font-weight: 700;
}

.countries {
	width: 50%;
	float: left;
	padding-bottom: 6em;
}

.pais {
	width: 38%;
	font-weight: 700;
}

.movil, .fijo {
	width: 29%;
}

.pais, .fijo, .movil {
	float: left;
}

.pais img {
	padding-right: 10px;
}

div.pais, div.activity {
	padding-left: 10px;
	font-size: 1em;
}

.disclaimer {
	clear: both;
	padding-top: 1em;
	font-size: 0.8em;
	opacity: 0.75;
	line-height: 0.8em;
}

/* Blog */

h1.page-title, header.page-header {
	max-width: 980px;
	margin: 0 auto;
}

/* Sidebar */

.widget-area a {
	color: rgb(67,67,67);
}

.widget-area a:hover {
	color: rgb(198, 245, 17) !important;
}

.widget-area li{
	display:block;
	padding:0.5em 0;
}

/* 404 */



.error-text h3 {
	padding-bottom: 1em;
	margin-top: 0;
}

.error-text, .error-image {
	float: left;
}

.error-text {
	width: 66%;
	padding-top: 2em;
}

.error-image {
	width: 33%;
	text-align: center;
}



/* Buttons */

.button-set {
	padding-top: 1em;
}

.button-set > a {
	float: left;
	margin-right: 20px;
}

.large-button {
	font-size: 27px;
	padding: 20px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
}

.large-button .yuilop {
	margin-left: 10px;
}

.rates-container button {
	font-size: 0.4em;
}

.home-page-top-image .large-button {
	margin-left: 0;
}

.dark-button {
	background-color: rgb(26, 25, 26);
	color: white;
}

.gray-button {
	background-color: #434444;
	color: white;
}

.dark-button:hover, .gray-button:hover {
	color: #c6f511;
}

.dark-button:hover .yuilop, .gray-button:hover .yuilop {
	color: white;
}

.faq-tabs {
	margin-top: 50px;
}

.faq-tabs .large-button {
	padding-left: 70px;
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.faq-button-1 {
	margin-left: 30px;
}

.faq-button-4 {
	margin-left: 200px;
	margin-right: 20px;
}

.listings-tabs a {
	margin: 0;
	width: 23%;
	margin-right: 1%;
}

.listings-tabs .large-button {
	width: 100%;
	font-size: 20px;
	padding: 15px 20px 15px 60px;
	margin-right: 10px;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: 5px center;
}

.job-button-1 {
	background-image: url(img/jobs_1.png);
}

.job-button-2 {
	background-image: url(img/jobs_2.png);
}

.job-button-3 {
	background-image: url(img/jobs_3.png);
}

.job-button-4 {
	background-image: url(img/jobs_4.png);
}

.job-button-5 {
	background-image: url(img/jobs_5.png);
}

.job-button-6 {
	background-image: url(img/jobs_6.png);
}

.job-button-7 {
	background-image: url(img/jobs_7.png);
}

.job-button-8 {
	background-image: url(img/jobs_8.png);
	background-color: #c6f511;
	color: black;
}

.job-button-8 .yuilop {
	color: #bbc018;
}

.job-button-8:hover {
	color: #9ec01d;
}

.job-button-8:hover .yuilop {
	color: black;
}



/* Popup */



.ui-popup {
	padding-bottom: 10px;
	position: relative;
}

.ui-popup-content {
	color: #000;
	padding: 15px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
	width: 90%;
}

/*.category-announcements a{

	color: #c6f511;

}*/



/* =Images

-------------------------------------------------------------- */



a img {
	border: none;
}

p img {
	margin-bottom: 0.5em;
 /* a small bottom margin prevents content floating under images */;
}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption {
	max-width: 100%;
 /* When images are too wide for containing element, force them to fit. */
	height: auto;
 /* Override height to match resized width for correct aspect ratio. */;
}

img.alignleft {
	margin-right: 1em;
}

img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
}

.wp-smiley {
	margin: 0;
}



/* Alignment */



.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.textcenter {
	text-align: center;
}