/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	background: #000;
	background: transparent url(../img/bg.jpg) repeat;
}

.center {
	width: 960px;
	margin: 0 auto;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 0px;
    border: none;
	border-top: 1px solid #0e0e0e;
	border-bottom: 1px solid #616161;
    margin: 0;
	background: none;	
    padding: 0;
	clear: both;
	float: left;
	width: 100%;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
   
/*==========
   Header
============*/
   
#header {
	width: 100%;
	float: left;
	background: transparent url(../img/bg-header.jpg) repeat-x;
}

.logo {
	float: left;
	width: 250px;
	height: 135px;
	margin-top: 10px;
}

.header-text p{ 
	color: #fff;
	font: 15px "open_sans_lightregular", Arial,verdana, sans-serif;
	margin: 0;
}

/*==========
     Nav
============*/
#nav {
	float: right;
	width: 638px;
	margin-top: 17px;
}

#nav ul {
	float: right;
	border-right: 1px solid #313134;
	border-left: 1px solid #0e0e0e;
}

#nav ul li {
	float: left;
	text-align: center;	
	padding: 0 17px;
	border-right: 1px solid #0e0e0e;
	border-left: 1px solid #313134;
	height: 45px;
}

#nav ul li a{
	text-decoration: none;
	font: 12px "open_sans_lightregular", Arial, verdana, sans-serif;
	text-transform: uppercase;
	color: #878787;
	text-shadow: 1px 1px 0px #0e0e0e;
	float: left; 
	padding-top: 15px;
}

#nav ul li a:hover{color: #fff;}


/*========================================
		    Wrapper > Content
==========================================*/

#wrapper {
	width: 960px;
	margin: 0 auto;
}

/*========================================
		    main content
==========================================*/
#main-content {
	float: left;
	width: 610px;
	background: #ddd;
	margin: 30px 0;
}

/*========================================
		top content
==========================================*/
#top-content {
	float: left;
	width: 100%;
	background: #ededed; 
	border-top: 2px solid #fff;
	padding: 20px 0;
}

/*=============================
     boxes
===============================*/
.box-wide{
	float: left;
	width: 648px;
	background: #fff;
	border: 1px solid #d9d9d9;
	margin: 0px 20px 0 0 ;
}

.box-wide img { border-top: 1px solid #ededed;}

.box-small{
	float: left;
	width: 263px;
	font: 12px "maven_promedium", Arial, verdana, sans-serif;
	margin-bottom: 30px;
}

.box-medium p {
    margin: 14px 0 18px;
}

.box-medium{
	float: left;
	width: 302px;
	font: 12px "maven_promedium", Arial, verdana, sans-serif;
	margin-bottom: 30px;
	padding-left: 9px;
}

.box .box-img{border: none;}
.box-img {float: left; border: 1px solid #518f9e;}

.box p {text-align: justify;}

.box-title {
	position: relative;
	padding: 0 40px;
	width: 100%;
	float:left;
}

/******box dark********/
.box-dark {
	float: left;
	background: #E2E1E1;
	width: 538px;
	margin: 20px 40px;
	padding: 15px;
}

.box-dark ul li { 	
	font: 12px Arial, verdana, sans-serif;
	line-height: 20px;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dashed #a2a2a2;

}

.box-dark ul li a {color: #000;}
.box-dark ul li a:hover {color: #69BCD7;}

.box-dark a.button {float: left; margin: 0px 0 0 32px; min-width: 157px;}

/******box pic********/
.box-pic{
	float: left;
	width: 265px;
	margin: 0px 8px 0 0 ;
	border: 1px solid #1d1d1d;
}

.box-title-img {
	position: relative;
	margin-top: -80px;
	background: transparent url(../img/bg-box-title-img.png) no-repeat;
	width: 206px;
	padding: 16px 30px;
}

.box-title-img a{
	text-align: center;
}

/******boxes interne*******/
.box-large-interne { float: left; width: 100%; margin: 25px 0;}
.box-large-interne .box-text { margin: 0 0 0 20px; max-width: 324px;}
.box-large-interne .box-text p { font-size: 12px; text-shadow: none; color: #aaa; line-height: 15px;}

.box-interne { float: left; width: 568px; margin: 5px 40px 10px;}
.box-interne .box-text{ margin-top: 0px !important; width: 555px;}
.box-interne.article-img { margin: 0;}

.box-interne h5, .box-height-interne h5 {color: #394436; text-shadow: none; text-transform: uppercase;font-size: 16px; }
.box-interne p, .box-height-interne p {font: 11px Arial; text-shadow: none; color: #252525; padding: 0 20px 0 0; margin-top: 5px;}

.box-height-interne{
	float: left;
	width: 174px;
	margin: 20px 15px 10px;
}

/******lines*******/
.line  {
	float: left;
	background: #69bcd7;
	height: 4px;
	width: 100%;
	margin: 10px 0 25px 0;
}

/*========================================
		        buttons
==========================================*/

.box-bottom {float: left;}
.box-small a { background: url(../img/btn.jpg) no-repeat; width: 186px; height: 41px; float: left; border: none; text-decoration: none; color: #fff; padding-left:10px; line-height: 38px;}
.box-small a:hover { background: url(../img/btn_.jpg) no-repeat; }

.box-medium a { background: url(../img/btn2.jpg) no-repeat; width: 186px; height: 41px; float: left; border: none; text-decoration: none; color: #fff; padding-left:10px; line-height: 38px;}
.box-medium a:hover { background: url(../img/btn2_.jpg) no-repeat; }

/*========================================
		        buttons
==========================================*/
.icon-1 { background: url(../img/icon-1.jpg) no-repeat left; width: 64px; height: 64px; float: left; margin: -7px 10px 0 0; }
.icon-2 { background: url(../img/icon-2.jpg) no-repeat left; width: 64px; height: 64px; float: left; margin: -7px 10px 0 0; }
.icon-3 { background: url(../img/icon-3.jpg) no-repeat left; width: 64px; height: 64px; float: left; margin: -7px 10px 0 0; }
.icon-4 { background: url(../img/icon-4.jpg) no-repeat left; width: 64px; height: 64px; float: left; margin: -7px 10px 0 0; }

/*=============================
     sidebar
===============================*/
#sidebar {
	float: right;
	margin: 0;
	width: 290px;
}

/***********nav sidebar***********/
.nav-sidebar {
	float: left;
	margin: 10px 0 20px 0;
	width: 100%;
}

.nav-sidebar li{
	background: url(../img/dot-horz.jpg) bottom left repeat-x;
	padding: 9px 0;
	width: 100%;
	float: left;
}

.nav-sidebar li a{
	color: #ea7044;
	font: 12px Arial, verdana, sans-serif;
	background: none;
	height: 18px;
	width: 100%;
}

.nav-sidebar li a:hover{color: #69bcd7; background: none;}

/*========================================
		        article
==========================================*/

.article-title {
	float: left;
	margin: 0 40px;
	width: 568px;
}

.article-title h4{line-height: 24px; letter-spacing: -0.1em; text-transform: none; color: #69bcd7}

.article-img {float: left; margin: 0 20px 30px 0px; }
.article-img img{ border: 4px solid #E2E1E1; padding-top: 0px !important;}

.article-text { float: left; margin: 20px 40px 30px; padding: 20px 0 0; border-top: 1px solid #EDEDED; }

.article-text p{
	font: 14px Arial, verdana, sans-serif;
	color: #2A2A2A;
	text-align: justify;
	line-height: 23px;
	margin: 0 0 10px!important;
}

/********nav pages*********/
.nav-pages {
	float: left;
	clear: both;
}

.nav-pages ul{
	padding: 10px 30px;
	float: left;
}

.nav-pages li{
	float: left;
	font: 11px Arial, verdana, sans-serif;
	color: #aaa;
}

.nav-pages li a{
	color: #000;
	font: 11px Arial, verdana, sans-serif;
	text-transform: none;
}
.nav-pages li a:hover{color: #69BCD7;}

/*********highlight**********/
.highlight {
	margin: 35px auto; width: 440px;
}

.highlight h5{color: #ea7044;}

/*********author**********/
.author {
	float: left;
	margin: 20px 40px 20px;
	width: 400px;
}

.author h5 {
	font-size: 20px;
}

.author img {
	float: left;
	border: 5px solid #e2e1e1;
}

.author-data {float: left; margin: 15px 0 0 20px;}
.author-data p{color: #000; line-height: 15px; margin: 0; text-shadow: none;}
.author-data h4 {margin: 0; text-shadow: none;}

/*========================================
		     social icons
==========================================*/
.social-icons {
	float: left;
	padding: 5px 0 8px 0;
	width: 100%;
	height: 25px;
}

.addthis_toolbox {float: left; min-width: 180px; margin: 5px 0 0 40px;}
.addthis_top {float: right; min-width: 360px; margin: 15px 0 0 0px;}
.addthis_top a {float: left; margin-left: 5px;}

.follow-us {	float: right; padding-right: 46px;}
.follow-us span {float: left; font: 14px Arial, verdana, sans-serif; color: #1c1c1c; margin-top: 5px;}
.follow-us ul {float: left;}
.follow-us ul li{float: left; margin-left: 5px;}
.follow-us ul li a img:hover{filter:alpha(opacity=70);opacity:.7;}

/*========================================
		        ad
==========================================*/
.ad-300x250 {
	background: #e2e1e1;
	float: left;
	padding: 10px;
	margin-bottom: 30px;
}

.ad-468x60 {margin: 35px auto; width: 468px;}

/*========================================
		        Footer
==========================================*/

#footer {
	background: transparent url(../img/bg.jpg) repeat;
	width: 100%;
	height: 122px;
	float:left;
	font: 12px Arial,verdana, sans-serif;
}

#footer-left { float: left; width: 650px; }
#footer-right { float: right; width: 310px; 	margin-top: 30px;}

#footer-logo {margin-top: 30px; width: 650px; float: left;}

.footer-nav {
	width: 650px;
	float: left;
	margin-top: 15px;
}

.footer-nav li {
	text-decoration: none;
	color: #fff;
	float: left;
	padding: 0 3px; 
	line-height: 15px;
}

.footer-nav li a{
	text-decoration: none;
	text-transform: none !important;
	color: #fff;
	float: left; 
}

.footer-nav li a:hover{color: #69bcd7;}

.footer-nav span {
	text-decoration: none;
	color: #888888;
}

/*********footer social icons nav & buttons*************/


#footer-right ul { float: right; margin-top: 15px; color: #888888; line-height: 32px; }

#footer-right li { float: left; }

a.facebook { background: url(../img/icons/facebook.png) no-repeat; width: 32px; height: 32px; float: left; border: none; text-decoration: none; color: #fff; padding-left:5px; background-position: 0 -32px; }
a.facebook:hover { background-position: 0 0; }
a.twitter { background: url(../img/icons/twitter.png) no-repeat; width: 32px; height: 32px; float: left; border: none; text-decoration: none; color: #fff; padding-left:5px; background-position: 0 -32px; }
a.twitter:hover { background-position: 0 0; }
a.mail { background: url(../img/icons/mail.png) no-repeat; width: 32px; height: 32px; float: left; border: none; text-decoration: none; color: #fff; padding-left:5px; background-position: 0 -32px; }
a.mail:hover { background-position: 0 0; }
a.linkedin { background: url(../img/icons/linkedin.png) no-repeat; width: 32px; height: 32px; float: left; border: none; text-decoration: none; color: #fff; padding-left:5px; background-position: 0 -32px; }
a.linkedin:hover { background-position: 0 0; }


/*********copyright*************/
#copyright {
	float: left;
	color: #dcdbdb;
}

/*=======================================
	help styles
========================================*/
.margin-top-30 {margin-top: 30px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-left-40 {margin-left: 40px!important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-58 {margin-bottom: 58px !important;}
 
.padding-left-40 {padding-left: 40px;}
.padding-right-20 {padding-right: 20px;}
.padding-right-40 {padding-right: 40px;}
.padding-left-20 {padding-left: 20px;}
.padding-bottom-16 {padding-bottom: 16px;}

.dot-vert {background: url(../img/dot-vert.jpg) top right repeat-y;}
.dot-horz {background: url(../img/dot-horz.jpg) top right repeat-x; height: 1px; margin: 0 40px; float: left; width: 564px; }
.dot-horz-300 {background: url(../img/dot-horz2.jpg) top right repeat-x; height: 1px; margin: 0 9px; float: left; width: 300px; }
.line-hz {background: url(../img/line-hz.jpg) top right repeat-x; height: 2px; margin: 0 9px; float: left; width: 300px; }

.color-lightgrey { color: #747474;}