/*
	Name: SAFARIS
	Date: 3 MAR 2011
	Description: Expediciones y Safaris
	Version: 1.0
	Author: V. Vangarret
	Autor URL: http://vangarret.es
	Notes: You are allowed to take a look to this code and contact if you have any doubt about it, please contact.
*/

/*
***Reset for control "Cross Browsing"***
Adapted from YUI Yahoo!
*/
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1}
:focus {outline: 0;color: #0CA8E5;text-decoration:none;}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
strong{font-family:inherit;font-size:inherit;color:inherit;}

/* CSS DOCUMENTATION:

* GENERAL
** HEADER
*** CONTENT
**** FOOTER
***** SPECIAL
****** TYPOGRAPHY
******* COLOR SCHEME

*/


/*************************************************************
* GENERAL
**************************************************************/
body{font-size: 62.5%;background-color:#fdfdfd;}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
.float-left{float:left;}
.float-right{float:right;}
.hide{display:none;}
.hidden{visibility:hidden;}
/* advanced clearfix for fix floating elements */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear{clear:both;}/*basic way for clearing floats*/

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('css/font01/helveticaneue-webfont.eot?') format('eot'),
         url('css/font01/helveticaneue-webfont.woff') format('woff'),
         url('css/font01/helveticaneue-webfont.ttf') format('truetype'),
         url('css/font01/helveticaneue-webfont.svg#webfontiuRcnt6s') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family:HelveticaNeueBold, Helvetica, Arial, sans-serif;font-size: 1em;#font-size: .7em;font-style: normal;}

#wrapper-content{
	height:auto;
	width:1020px;
	margin:0 auto;
	text-align:left;
	padding:0px;
	}

h3, h4{text-transform:uppercase;font-size:.9em;font-weight:bold;letter-spacing:-.9px;}
h3{background:url(../images/section-detail.png) 0 0 no-repeat;text-indent: 20px;}


/*************************************************************
* HEADER
**************************************************************/


/************************navigation***************************/
#head-slide-down{width:960px;margin:0 auto;}
header{position:relative;width:960px;margin:0 auto;}
header nav{width:600px;margin:-20px auto 40px auto;}
header nav ul{position:relative;display:block;width:600px;height:150px;}
header nav ul li{display:block;float:left;margin-left:20px;padding-top:110px;}
header nav ul li:first-child{margin-left:0px;}
header nav ul li a{display:block;font-size:.8em;text-decoration:none;color:#191919;font-weight:bold;}
header nav ul li a:hover{border-bottom:1px dotted #000;padding-bottom:5px;}
header nav ul li.logo{position:absolute;margin-left:240px;}
header nav ul li#nav-special{margin-left:96px;}
header nav ul li a#nav-logo{text-indent:-9999px;width:84px;height:128px; background:url(../images/logo.png) no-repeat 0px 0px;margin:-100px 0 0 15px;cursor:default;}
header nav ul li a#nav-logo:hover{border:none;}
/*************************************************************
** MAIN-SLIDER
**************************************************************/
section#main-slider{display:block;width:960px;height:550px;margin:0 auto 80px auto;}
.section section#main-slider{margin-bottom:30px;}
#scroll-slider{}
#slider-nav{width:140px;margin:20px auto 0 auto;}
#slider-nav span{display:inline-block;margin-left:15px;}
#slider-nav span a{
display:block;
padding:10px;
text-decoration:none;
background:#000;
color:#fdfdfd;
border-radius:50%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .2s ease;
}
#slider-nav span a:hover{background:#ffd800;color:#000;}

/*************************************************************
*** CONTENT
**************************************************************/
#wrapper-content{width:960px;margin:0 auto;}
#twitter{width:900px;height:124px;margin-bottom:0px;padding:20px;background:url(../images/twitter-space.png) no-repeat;}
/*#twitter p a{display:block;width:880px;height:20px;line-height:20px;padding:10px;text-decoration:none;font-family:Georgia, serif;font-size:.6em;font-style:italic;text-transform:uppercase; color:#ffd800;background:#000;}*/
section#main-content{padding-top:40px;border-top:1px dotted #000;border-bottom:1px dotted #000;float:left;margin-bottom:75px;}
#info{float:left;min-height:220px;margin-bottom:50px;}
#info figure{margin:15px 0 25px 0;border-top:15px solid black;border-bottom:13px solid black;}
#info figure {background:#000;}
#info p{font-family:Georgia,serif;font-size:.8em;line-height:1.5em;margin-bottom:15px;}
#info .btn-read-more{font-family:Georgia, serif;font-style:italic;font-size:.7em;text-decoration:none;color:#000;background:#ffd800;padding:5px;float:right;}
#info .btn-read-more:hover{border-bottom:1px dotted #000;}
.block{display:block}
#info #module-right .btn-read-more{margin-top:340px;}

aside{margin-bottom:50px;}
aside span.bold-line{position:relative;display:block;width:100%;height:7px;background:#000;margin:29px 0 5px 0;}
aside span.thin-line{position:relative;display:block;width:100%;height:2px;background:#000;margin-bottom:10px;}
aside div>figure{margin:0 0 7px 10px;}
aside div#banner-top, aside div#banner-bottom{border-bottom:2px solid #000;}

/**********sections**********/
div#head-section{width:960px;border-top:2px dotted #000;border-bottom:5px solid #000;padding:20px 0 20px 0;margin:50px auto 30px auto;text-transform:uppercase;text-align:center;}
div#head-section span{display:block;font:bold .7em helvetica, arial narrow, arial, sans;color:#bebebe;letter-spacing:-.5px;margin-bottom:15px;}
div#head-section h2{font:normal 3em Georgia, "Times New Roman", Times, serif;letter-spacing:-2px;margin-bottom:0px;}
div#head-section p{font:italic 1.7em Georgia, "Times New Roman", Times, serif;letter-spacing:-2px;}

.section h3{margin-bottom:15px;}
.hightlined, strong{font-weight:bold;}
strong.italic{font-weight:normal;font-style:italic;}
div#info small{font-weight:normal;}
.section section#main-content div#module-left{margin-right:90px;}
.section section#main-content div#module-right ul, .section div#module-slide ul{display:block;border:1px dotted #000;padding:30px;}
.section section#main-content div#module-right ul#contacto li#skype{height:40px;margin:30px 0 0 0;}
.section section#main-content div#module-right ul#contacto li#skype a{display:block;text-indent:-9999px;width:87px;height:40px;background:url(../images/skype-icon.png) no-repeat;}
.section section#main-content div#module-right ul#contacto li{display:block;margin-bottom:15px;font:1.2em Georgia, "Times New Roman", Times, serif;}
.section section#main-content div#module-right ul#slider3 li, .section div#module-slide ul li{display:block;height:100px;font:normal 1.5em Georgia, "Times New Roman", Times, serif;text-transform:uppercase;text-align:center;margin-bottom:2px;}
.section section#main-content div#module-right ul#slider3 li.divider, .section div#module-slide ul li.divider{line-height:40px;}
.section div#module-slide{margin-bottom:50px;}
.section div#module-slide ul{height:250px;border:none;}
.section div#module-slide ul li{height:250px;}
.section .bx-next{top:100%;right:100px;margin-top:20px;}
.section .bx-prev{top:100%;left:100px;margin-top:20px;}
.section section#main-content p#more-info{text-transform:uppercase;background:#000;padding:15px;color:#FFF;font-size:.7em;margin:120px 0 30px 0;border-top:5px solid #ffd800;}
.section section#main-content p#more-info-equipo{text-transform:uppercase;background:#000;padding:15px;color:#FFF;font-size:.7em;margin:30px 0 30px 0;border-top:5px solid #ffd800;}

/*seccion servicios y destinos*/
section#experiencias{}
section#experiencias div.travel-type{border-bottom:1px dotted #000;padding-bottom:50px;margin-bottom:30px;float:left;}
section#experiencias div.travel-type div.type-sections{width:380px;float:left;}
section#experiencias div.travel-type ul{display:block;}
section#experiencias div.travel-type ul li{width:393px;height:511px;}
section#experiencias div div.block-right{width:500px;height:511px;border-left:10px solid #000;left:15px;padding-left:30px;}
section#experiencias div div.block-right h3{background:none;text-indent:0;font:1.8em/1em Georgia, "Times New Roman", Times, serif;}
section#experiencias div div.block-right div.cols-2{}
section#experiencias div div.block-right div.cols-2 div.col{margin-top:65px;}
section#experiencias div div.block-right div.cols-2 div.col-l{}
section#experiencias div div.block-right div.cols-2 div.col-r{margin-left:30px;}
section#experiencias div div.block-right div.cols-2 div.col-r span{display:block;border-top:3px solid #000;padding-top:10px;margin:20px 0 0 -10px;}
section#experiencias div div.block-right div.cols-2 div.col-r span a{display:block;font:italic .8em Georgia, "Times New Roman", Times, serif;text-transform:uppercase;text-decoration:none;color:#000;text-align:center;}
section#experiencias div div.block-right div.cols-2 div.col p{font:normal 0.8em/1.8em Georgia, "Times New Roman", Times, serif;margin:0 0 12px -10px;}
section#experiencias div div.block-right div.cols-2{}

section#experiencias-unicas div#exp-unicas-rows div#col-left{margin:0 10px 0 -10px;border-right:1px dotted #bebebe;padding-right:20px;}
section#experiencias-unicas div#exp-unicas-rows div#col-right{margin:0 -35px 0 5px;}
section#experiencias-unicas div#exp-unicas-rows div figure{border-bottom:1px dotted #000;padding-bottom:10px;margin-bottom:5px;}
section#experiencias-unicas div#exp-unicas-rows div  p{font:italic 1em/1em Georgia, "Times New Roman", Times, serif;letter-spacing:-1px;margin-bottom:25px;}
section#experiencias-unicas {margin-bottom:70px;}
blockquote.no-cite{margin-bottom:75px;width:960px;}
blockquote#contacto{padding-bottom:75px;}

section#experiencias div.filo-banner-content{padding-bottom:25px;}
section#experiencias div.filo-banner-content h3{margin:25px 0 15px 10px;}
section#experiencias div.filo-banner-content p{font:normal .8em/1.5em Georgia, "Times New Roman", Times, serif;margin-bottom:15px;}
section#experiencias div.filo-banner-content p.right-col{margin-right:70px;}
section#experiencias div.filo-banner-content.last-banner{border-bottom:1px dotted #000;margin-bottom:25px;}
/*************************************************************
*** PRODUCT SLIDER
**************************************************************/
/*section#product-slider{border-bottom:1px dotted #000;padding-bottom:70px;margin-bottom:30px;}
section#product-slider h3{margin:0 0 15px 50px;}
section div#slider .slider-product-item{margin-right:35px;}
section div#slider{width:890px;margin:0 auto;background: #474747;}
section div#slider span.nav-btn{position:relative;display:block;margin-top:135px;float:left;z-index:10000;}
section div#slider span.nav-btn a{display:block;width:12px;height:26px;text-indent:-9999px;}
section div#slider span.left-arrow-product a{background:url(../images/left-arrow.png) no-repeat;margin:0 7px 0 0px;}
section div#slider span.right-arrow-product a{background:url(../images/right-arrow.png) no-repeat;margin-left:7px;}
section div#slider div.cont-title{width:385px;background:#000;padding:10px;margin-bottom:10px;}
section div#slider p.title-item{padding-bottom:3px;}
section div#slider p.title-item a{font:.7em Georgia,serif;text-transform:uppercase;text-decoration:none;color:#FFF;border-bottom:1px solid #ffd800;padding-bottom:2px;}
section div#slider p.info-item{font:italic .8em Georgia,serif;padding-left:7px;}*/


section#product-slider{border-bottom:1px dotted #000;padding:0 0 70px 0px;margin-bottom:30px;}
section#product-slider div#slide1-wrapper{margin-left:40px;}
section#product-slider h3{margin:0 0 15px 50px;}
section ul#slider li .slider-product-item{margin-right:35px;}
.slider-product-item figure a{background:#000;}
section ul#slider1{width:720px;margin:0 auto;}
/*section ul#slider1 span.nav-btn{position:relative;display:block;margin-top:135px;float:left;z-index:10000;}
section ul#slider1 span.nav-btn a{display:block;width:12px;height:26px;text-indent:-9999px;}
section ul#slider1 span.left-arrow-product a{background:url(../images/left-arrow.png) no-repeat;margin:0 7px 0 0px;}
section ul#slider1 span.right-arrow-product a{background:url(../images/right-arrow.png) no-repeat;margin-left:7px;}*/
section ul#slider1 li{display:block;width:430px;float:left;}
section ul#slider1 li div.slider-product-item div.cont-title{width:385px;background:#000;padding:10px;margin-bottom:10px;}
section ul#slider1 li div.slider-product-item p.title-item{padding-bottom:3px;}
section ul#slider1 li div.slider-product-item p.title-item a{font:.7em Georgia,serif;text-transform:uppercase;text-decoration:none;color:#FFF;border-bottom:1px solid #ffd800;padding-bottom:2px;}
section ul#slider1 li div.slider-product-item p.info-item{font:italic .8em Georgia,serif;padding-left:7px;}

/**************************home cite******************************/
blockquote{width:900px;margin:0 auto;font:italic 2em/1em Georgia,serif;text-transform:uppercase; text-align:center;border-bottom:1px dotted #000;padding-bottom:20px;}
blockquote small{font-size:.5em;font-style:italic;}

/*************************************************************
***** FOOTER
**************************************************************/
footer span#top-border{display:block;width:960px;height:157px;background:url(../images/line-foooter.png) no-repeat;margin-top:75px;}
footer ul{float:left;width:175px;}
footer ul li{font:italic .8em georgia,serif;margin-bottom:5px;}
footer ul li a{
font-style:italic;
text-decoration:none;
color:#000;
padding:5px;
margin-left:-5px;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease;
}
footer ul#follow li{display:block;margin-bottom:10px;}
footer ul#follow li a{padding:10px 10px 10px 30px;}
footer ul#follow li a#rss{background:url(../images/sprite-rss.png) 5px 5px no-repeat;}
footer ul#follow li a#twitter{background:url(../images/sprite-twitter.png) 5px 8px no-repeat;}
footer ul#follow li a#facebook{background:url(../images/sprite-facebook.png) 6px 8px no-repeat;}
footer ul#follow li a#youtube{background:url(../images/sprite-youtube.png) 5px 8px no-repeat;}
footer ul#follow li a#rss:hover{background:url(../images/sprite-rss.png) 5px -35px no-repeat #000;}
footer ul#follow li a#twitter:hover{background:url(../images/sprite-twitter.png) 5px -33px no-repeat #000;}
footer ul#follow li a#facebook:hover{background:url(../images/sprite-facebook.png) 5px -24px no-repeat #000;}
footer ul#follow li a#youtube:hover{background:url(../images/sprite-youtube.png) 5px -46px no-repeat #000;}

footer ul li a:hover{background:#000;color:#ffd800;}
footer ul li h4{font:bold 1.2em Helvetica, Arial, sans-serif;text-transform:uppercase;margin-bottom:10px;}
footer ul#follow{margin-left:40px;}
footer ul#contact-info{margin:25px 0px 0 -30px;}
footer ul#contact-info li{display:block;width:250px;text-align:right;text-indent:-20px;}
footer ul#contact-info li a{margin-right:-5px;}
footer #copyright{font:italic .7em georgia,serif;color:#474747;margin:25px 0 50px 0;}


/*****newletter-form*****/
footer h4#newsletter{margin-bottom:15px;}
/*footer input#mail-field{display:block;background:#000;width:220px;line-height:35px;font-size:.7em;}
footer input#btn-enviar{font-size:0.7em;background:transparent;color:#000;padding:10px 0 0 160px;}*/





/*********************************************
****** CONTACT FORM
*********************************************/

/**********CONTACT FORM**********/
div.contact-form{
	position:relative;
	font:normal 1em Georgia, "Times New Roman", Times, serif;
	width:460px;
	background-color:#a3a3a3;
	color:#e5e5e5;
	margin-top:20px;
	padding:15px;
	border:1px solid #FFF;
	border-top:5px solid #ffd800;
	border-bottom:none;
	margin-left:0px;
	-moz-transition:color 0.2s ease-in, background-color 0.2s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.2s linear;
    -o-transition:color 0.2s ease-in, background-color 0.2s linear;
	transition:color 0.2s ease-in, background-color 0.2s linear;
	}
div.contact-form:hover{background:#000;color:#ffd800;}
div.contact-form form div#form-wrapper{margin:15px;}
div.contact-form form label{display:block;letter-spacing:1px;text-transform:uppercase;margin:20px 0 10px 10px;}
div.contact-form form input,textarea{
	width:410px;
	line-height:20px;
	padding:10px;
	color:#a3a3a3;
	}
div.contact-form form div#field-personas{float:left;}
div.contact-form form input#form-pers{width:180px;margin-right:30px;}
div.contact-form form input#form-men{width:180px;}
div.contact-form form input:focus,textarea:focus{color:#33b7fb;border:none;}
div.contact-form form input#comments-submit{margin-left:190px;}
div.contact-form form input.form-submit{
	font-style:italic;
	color:#a3a3a3;
	width:100px;
	margin:20px 10px 0 5px;
	background:#e5e5e5;
	-moz-transition:color 0.2s ease-in, background-color 0.1s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.1s linear;
    -o-transition:color 0.2s ease-in, background-color 0.1s linear;
	transition:color 0.2s ease-in, background-color 0.1s linear;
	}
div.contact-form form input.form-submit:hover{background:#33b7fb;color:#e5e5e5;cursor:pointer;}

div.contact-form form label.error {
	position:absolute;
	left:20px;
	font-size:1em;
	z-index:2000;
	display:none;
	text-indent:-9999px;
	visibility:hidden;
}
div.error { display: none; }
div.contact-form form input.checkbox { border: none }
div.contact-form form input:focus {}
div.contact-form form input.error { background:#ffe573;color:#000; }
div.contact-form formform.cmxform .gray * { color: gray; } 
div.contact-form form fieldset fieldset label{display: block;width: auto;}
.msg{margin:10px 0 0 25px;}
.msg-error{color:red;font-size:2em;}
div.contact-right{margin-top:56px;}


/**********NEWSLETTER FORM**********/
footer div#foot-newsletter div.newsletter-form{}
footer div#foot-newsletter div.newsletter-form form input{background:#000;padding:7px;font:.8em Georgia, "Times New Roman", Times, serif;}
footer div#foot-newsletter div.newsletter-form form input.news-submit{
	color:#a3a3a3;
	width:50px;
	height:27px;
	margin:5px 0px 0 157px;
	background:#e5e5e5;
	-moz-transition:color 0.2s ease-in, background-color 0.1s linear;
    -webkit-transition:color 0.2s ease-in, background-color 0.1s linear;
    -o-transition:color 0.2s ease-in, background-color 0.1s linear;
	transition:color 0.2s ease-in, background-color 0.1s linear;
	}

footer div#foot-newsletter div.newsletter-form form input.news-submit:hover{background:#000;color:#ffb800;cursor:pointer;}

/*********************************************
****** TWITTER
*********************************************/
.jta-tweet-list
{
    padding: 0;
    list-style: none;
}

/*estilos generales de cada tweet*/
.jta-tweet-list-item
{
    border-bottom:none;
    padding:10px;
	font-family:Georgia, serif;
	font-size:.6em;
	height:25px;
	line-height:25px;
	font-style:italic;
	text-transform:uppercase;
	color:#ffd800;
	background:#000;
	overflow: hidden;
}
.jta-loading
{
	margin: 0;
    padding: 8px 0px 8px 0px;
	font-family:Georgia, serif;
	font-size:1em;
	height:25px;
	line-height:25px;
	font-style:italic;
	text-transform:uppercase;
	color:#000;
}

.jta-tweet-body
{
}


.jta-tweet-text{color:#ffd800;}

.jta-tweet-user-screen-name-link,
.jta-tweet-user-full-name-link,
.jta-tweet-a,
.twitter-anywhere-user
{
    color: #474747;
	text-decoration: none;
}


.jta-tweet-link
{
}

.jta-tweet-link:hover
{
}

.jta-tweet-hashtag
{
}

.jta-tweet-hashtag:hover
{
}

.jta-tweet-attributes
{
	display: block;
    color: #999;
    font-size: 11px;
    margin-top: 3px;
}

.jta-tweet-timestamp{position:absolute;left:800px;top:90px;font-size:.8em;}


.jta-tweet-timestamp-link,
.jta-tweet-source-link a,
.jta-tweet-inreplyto-link,
.jta-tweet-location-link,
.jta-tweet-retweeter-link
{
    color: #999;
	text-decoration: none;
}

.jta-tweet-timestamp-link:hover,
.jta-tweet-source-link a:hover,
.jta-tweet-inreplyto-link:hover,
.jta-tweet-location-link:hover,
.jta-tweet-retweeter-link:hover
{
    color: #999;
	text-decoration: underline;
}

.jta-tweet-list-controls
{
	margin-top: 20px;
}

.jta-tweet-list-controls-button
{
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
    border: 1px solid #999;
}

.jta-tweet-list-controls-button:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}

.jta-tweet-list-controls-button-next
{
	margin-left: 10px;
}

.jta-tweet-list-autorefresh-trigger
{
	padding: 8px 0px 8px 0px;
	margin-bottom: 10px;
	text-align: center;
    border: 1px solid #999;
}

.jta-tweet-list-autorefresh-trigger:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}

.jta-login-info-profile-image
{
	width: 48px;
	display: inline;
	float: left;
}

.jta-login-info-profile-image img
{
	width: 48px;
	height: 48px;
}

.jta-login-info-block
{
	margin-left: 58px;
}

.jta-login-info-sign-out
{
	width: 97px;
	margin-top: 2px;
	padding: 1px;
	text-align: center;
    border: 1px solid #999;
}

.jta-login-info-sign-out:hover
{
	color: black;
	background-color: #999;
	cursor: pointer;
}


.jta-error
{
	margin: 0;
    padding: 8px;
    color: #000;
    background-color: #f00
}

.jta-nodata
{
	margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.jta-clear
{clear:both;display:block;overflow:hidden;visibility:hidden;width: 0;height: 0;}

/*********************************************
****** SPECIAL
*********************************************/
span.circle-nofill {
display: block;
background-color: rgba(204, 0, 102, 0);
border: 1px solid #FFF;
width:60px;
height: 60px;
-moz-border-radius:75px;
-webkit-border-radius: 75px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
span.circle-nofill:hover{border: 1px solid #000;}
span.circle-nofill a{
display:block;
font-family: Arial;
font-size:1.2em;
line-height:57px;
text-indent:18px;
text-decoration: none;
}
span.circle-nofill a:hover{color:#000;}

::-webkit-scrollbar {
width: 15px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: block;
height: 0px;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: transparent;
}
::-webkit-scrollbar-track-piece {
background-color: #000;
  /*
  -webkit-border-radius: 5px;
  */
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #ffd800;
  /*
  -webkit-border-radius: 5px;
  */
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #fff;
  /*
  -webkit-border-radius: 5px;
  */
}
::-webkit-scrollbar-thumb:hover {
background-color: #333;
}
		


/*************************************************************
** GRID
**************************************************************/
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12 {position:relative;display:inline;float:left;margin-left: 10px;margin-right: 10px;}
.grid-1{width:60px;}
.grid-2{width:140px;}
.grid-3{width:220px;}
.grid-4{width:300px;}
.grid-5{width:380px;}
.grid-6{width:460px;}
.grid-7{width:540px;}
.grid-8{width:620px;}
.grid-9{width:700px;}
.grid-10{width:780px;}
.grid-11{width:860px;}
.grid-12{width:940px;}