/* ==========================================================================
   Base styles
   ========================================================================== */
html, 
button, 
input, 
select, 
textarea{ color:#222}

body{background:#efefef; font-size:1em;  line-height:1.4}

.center{width:990px; 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
============*/
#wrapper{width:100%; margin:0 auto; background:url(../img/bg.jpg) repeat-x top center; min-height:817px}

.bg2{background:url(../img/bg2.jpg) repeat-x top center!important}

 
/*==========
   Header
============*/
   
#header{width:100%; height:130px; margin:0 auto; background:url(../img/header-bg.png)}

.logo{float:left; width:255px; height:95px; padding-top:30px; border-top:4px solid #54c7ec; text-align:center; text-align:center}

#slogan{width:970px; height:437px; background:url(../img/slogan-bg.png) 390px 210px no-repeat; float:left; text-align:right}
.slogan-text{float:right; margin:200px 25px 0 0; width:560px}
.slogan-text h1{line-height:94px; float:right}
.slogan-text h2{float:right; clear:both}

/*==========
     Nav
============*/
#nav{float:left; width:990px; height:39px; margin:25px 0 0 7px}
#nav ul{float:left}
#nav ul li{float:left; height:20px; line-height:14px; margin-left:19px}
#nav ul li a{text-decoration:none; font:14px "pt_sans_narrowregular",Arial,verdana,sans-serif; text-transform:uppercase; color:#fff; text-shadow:1px 1px 0px #0e0e0e; float:left}
#nav ul li a:hover{color:#eb0ea0}

/*========================================
    Wrapper >Content
==========================================*/
#slider{float:left; padding:11px 25px 0; text-align:center; height:438px; width:940px}

#slider-box{float:left; margin:0 26px; text-align:center; height:115px; width:936px; background:#e8e7e7; border:1px solid #d3d3d3}
#slider-box-text{float:left; width:530px; margin:30px 0 0 40px; padding-right:225px; border-right:1px solid #f9f9f9}
#slider-box-text p{font:13px "pt_sansregular",Arial,verdana,sans-serif; color:#868686; margin:5px 0 0 0 !important; text-indent:1px; text-align:left}

/*========================================
    main content
==========================================*/
#main-content{float:left; width:990px; background:#fff; border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf; padding-bottom:30px}

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

/*=============================
     titles
===============================*/
.title{height:32px; margin:38px 40px 0; padding-bottom:5px; border-bottom:1px solid #d5d5d5}
.title-2{height:35px; line-height:35px; padding-left:10px; background:#403d37; float:left; margin-top:10px}

.title-interne{height:35px; line-height:35px; background:#403d37; float:left; margin-bottom:5px}
.title-interne h4{margin-left:10px}

/*=============================
     boxes
===============================*/
.box-small{float:left; width:215px; font:12px "maven_promedium",Arial,verdana,sans-serif; margin:20px 0 45px 15px !important}
.box-small-img{float:left; width:196px; height:286px; padding:10px; border:1px solid #e3e3e3; background:#efefef}
.box-small-img img{float:left}
.box-small, .box-small-2 p{    margin:5px 0 0; font:13px/18px "pt_sansregular",Arial,verdana,sans-serif; float:left; color:#868686}
.box-small, .box-small-2 p span{color:#be56be}

.box-small-text{float:left; margin:0 12px 0 10px}
.box-small-2{float:left; width:272px; font:12px "maven_promedium",Arial,verdana,sans-serif; margin:30px 0 0 25px; margin-right:23px}
.box-medium{float:left; width:671px}
.box-medium img{float:left; margin:17px 0; padding:7px; border:1px solid #dedede}

.box-wide{float:left; width:940px; margin:0 25px}

.box-large{width:591px; float:left; margin:20px 0 0 40px}
.box-large img{padding:9px; background:#efefef; margin:0 10px 0 0}
.box-large p{float:left; text-align:left; width:360px; margin-bottom:0}

.box-medium-large{float:left; width:440px; font:12px "maven_promedium",Arial,verdana,sans-serif; margin:20px 15px 0!important}
.box-medium-large-img{float:left; width:420px; height:196px; padding:10px; border:1px solid #e3e3e3; background:#efefef}
.box-medium-large-img img{float:left}

.box .box-img{border:none}
.box-img{float:left; margin:0px 12px 32px 1px}

.box p{text-align:justify}

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

.box-thumb{float:left; width:287px; height:195px; margin-right:24px; box-shadow:0px 0px 3px #c0bbbb; -webkit-box-shadow:0px 0px 3px #c0bbbb; -moz-box-shadow:0px 0px 3px #c0bbbb; font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#ededed; text-shadow:1px 1px 0px #000; text-transform:uppercase}
.box-thumb p{font:25px "pt_sans_narrowbold",Arial,verdana,sans-serif; margin:0; color:#e82c5c; line-height:22px}
.box-thumb a{font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#ededed; text-shadow:1px 1px 0px #000; text-transform:uppercase}

.thumb-1{background:url(../img/thumb-1.jpg) no-repeat}
.thumb-1 span{background:transparent url(../img/thumb-effect.png) no-repeat left bottom; float:left; width:287px; height:60px; padding:135px 0 0 20px}
.thumb-1 span:hover{background:transparent url(../img/thumb-effect-hover.png) no-repeat left bottom}
.thumb-2{background:url(../img/thumb-2.jpg) no-repeat}
.thumb-2 span{background:transparent url(../img/thumb2-effect.png) no-repeat left bottom; float:left; width:287px; height:60px; padding:135px 0 0 20px}
.thumb-2 span:hover{background:transparent url(../img/thumb2-effect-hover.png) no-repeat left bottom}
.thumb-3{background:url(../img/thumb-3.jpg) no-repeat}

.thumb-sidebar{background:url(../img/thumb-side.jpg) no-repeat; width:315px; height:195px; float:left; box-shadow:0px 0px 5px #c0bbbb; -webkit-box-shadow:0px 0px 5px #c0bbbb; -moz-box-shadow:0px 0px 5px #c0bbbb}
.thumb-sidebar p{font:25px "pt_sans_narrowbold",Arial,verdana,sans-serif; margin:0; color:#e82c5c; line-height:22px}
.thumb-sidebar a{font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#ededed; text-shadow:1px 1px 0px #000; text-transform:uppercase}
.thumb-sidebar span{background:transparent url(../img/thumb2-effect.png) no-repeat left bottom; float:left; width:315px; height:60px; padding:135px 0 0 20px}
.thumb-sidebar span:hover{background:transparent url(../img/thumb2-effect-hover.png) no-repeat left bottom}

.box-thumb-big{float:left; width:316px; height:195px; box-shadow:0px 0px 3px #c0bbbb; -webkit-box-shadow:0px 0px 3px #c0bbbb; -moz-box-shadow:0px 0px 3px #c0bbbb; font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#ededed; text-shadow:1px 1px 0px #000; text-transform:uppercase}
.box-thumb-big a{font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#ededed; text-shadow:1px 1px 0px #000; text-transform:uppercase}
.box-thumb-big  p{font:25px "pt_sans_narrowbold",Arial,verdana,sans-serif; margin:0; color:#e82c5c; line-height:22px}
.box-thumb-big span{background:transparent url(../img/thumb-big-effect.png) no-repeat left bottom; float:left; width:287px; height:60px; padding:135px 0 0 20px}
.box-thumb-big span:hover{background:transparent url(../img/thumb-big-effect-hover.png) no-repeat left bottom}

.box-footer{float:left; width:676px; margin-top:2px}
.box-footer-thumb{float:left; margin:4px 8px}
.box-footer-thumb img{float:left; padding:2px; background:#1f1a1e; border:1px solid #030303}
.box-end-article{float:left; margin-left:25px; margin-bottom:20px}
.box-end-article h4{margin:15px 0px; font:18px "pt_sansregular",Arial,verdana,sans-serif; text-transform:uppercase; color:#e82c5c}

/******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 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-bottom:30px; border-bottom:1px solid #d5d5d5}
.box-large-interne p{text-align:left!important; line-height:20px!important}
.box-large-interne .button, .box-large-interne .button:hover{margin-top:10px}

.box-height-interne{float:left; width:174px; margin:0px 33px 25px 1px}
.box-height-interne p{text-align:left!important; line-height:20px!important; margin:10px 0px 0px 0px!important}
.box-height-interne h4{font-size:17px}
.box-height-interne .box-img{margin:0px; margin-bottom:12px}

.box-large-interne-text{float:left; margin-top:5px; width:385px}

/******lines*******/
.line{float:left; background:#e8e7e7; height:1px; width:940px; margin:20px 25px}
.line-3d-hz{background:#454545; border-top:1px solid #000; height:1px; margin:5px 0}
.line-3d-hz-2{background:#000; border-top:1px solid #3e393d; height:1px; margin:12px 0 5px}
.line-row{border-top:1px solid #e8e7e7; border-bottom:1px solid #e8e7e7; margin-right:26px; height:32px}

/******buttons*******/
.button{
	float:left;
	background:url(../img/button.png);
	height:43px;
	width:43px;
	margin-top:16px;
	font-size: 15px;
	color: #000000;
	text-indent:-9999px;
}

.button:hover{float:left; background-position:bottom; height:43px; width:43px; margin-top:16px}

/*=============================
     sidebar
===============================*/
#sidebar{float:left; margin:0; width:319px; height:1000px; background:#292929}

.sidebar-title{float:left; width:300px}
.sidebar-title h4{background:#000; color:#fff; padding:2px 4px}

.sidebar-box{float:left; margin:0 9px 0; width:300px}

/*______nav sidebar______*/
.nav-sidebar{float:left; margin:15px 5px}
.nav-sidebar li, .nav-sidebar-pic li{float:left; border-bottom:1px solid #000; border-top:1px solid #454545; padding:7px 5px; width:280px}
.nav-sidebar li p, .nav-sidebar-pic li p{font:13px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#707070}
.nav-sidebar li a, .nav-sidebar-pic li a{font:16px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#f7b82f}
.nav-sidebar li a:hover, .nav-sidebar-pic li a:hover{color:#54c7ec}

.nav-sidebar-pic{float:left; margin:15px 5px}
.sidebar-pic{float:left; padding:6px; border:1px solid #000; background:#5b5b5b; margin-right:5px}
.nav-sidebar-pic-text{float:left; margin-top:10px; width:154px}

.sidebar-pics{font:13px "pt_sans_narrowregular",Arial,verdana,sans-serif; height:76px; color:#707070; margin-top:12px; float:left}
.sidebar-pics img{padding:6px; border:1px solid #000; background:#5b5b5b; margin-left:12px}
.sidebar-pics p{float:right}
.sidebar-pics a{font:16px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#f7b82f}
.sidebar-pics a:hover{color:#54c7ec}
.sidebar-pics-texts{font:13px "pt_sans_narrowregular",Arial,verdana,sans-serif; padding-left:12px; height:40px; color:#707070; margin-top:7px; float:right; width:150px}

.sidebar-box h3{margin:5px 0 0 20px}
.sidebar-box h4{font:20px "pt_sans_narrowbold",Arial,verdana,sans-serif; margin:0; background:#000; color:#fff; padding-left:10px}
.sidebar-box p{margin:0}
.sidebar-box p a{font-size:12px}

/*========================================
        ad
==========================================*/
.ad-300x250{float:left}

.ad-300x250 img{margin:9px}

.ad-728x90{float:right; margin-top:20px}

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

/*========================================
        Interne
==========================================*/
.pages{float:left; background:url(../img/page-highlight.jpg) no-repeat; width:83px; height:32px; padding-left:16px; font:13px/32px "pt_sansregular",Arial,verdana,sans-serif; color:#323941}

.active-pages{float:left; height:32px; padding-left:16px; font:13px/32px "pt_sansregular",Arial,verdana,sans-serif; color:#7a7f85}

.article{float:left; padding:25px 40px 0px 40px; width:591px}
.article p{margin:0; line-height:24px; text-align:justify}
.article p span{color:#e82c5c}

.article-title{float:left; margin-bottom:25px}
.article-title h3{text-transform:uppercase; line-height:45px}
.article-title h4{font-size:18px; line-height:20px; margin-top:10px}

.article-text{margin-bottom:30px}

.article-img{float:left; padding:10px; border:1px solid #e3e3e3; background:#efefef; margin:7px 20px 13px 0px}

.highlight{width:454px; margin:25px auto}
.highlight h3{font-size:32px; color:#f7b82f; line-height:30px}

/*********author**********/
.author{float:left; width:100%; padding:35px 0px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5}
.author-img{float:left}
.author-data{float:left; margin:5px 0 0 20px}
.author-data p{color:#333; line-height:12px; margin:0; font:12px "pt_sansregular",Arial,verdana,sans-serif; text-shadow:none}
.author-data p span{color:#54c7ec}
.author-data h3{margin:0; font:18px "pt_sans_narrowregular",Arial,verdana,sans-serif; text-shadow:none; padding:5px 0}

/********nav pages*********/
.nav-pages{float:left; clear:both; width:100%; border-bottom:1px solid #d5d5d5; margin-bottom:30px}
.nav-pages ul{float:left; padding-bottom:10px}
.nav-pages li{float:left; font:11px "pt_sansregular",Arial,verdana,sans-serif; color:#717171; text-transform:none}
.nav-pages li a{color:#54c7ec; font:11px "pt_sansregular",Arial,verdana,sans-serif}

/******box dark interne*******/
.box-dark-interne{float:left; height:100%; width:100%; background:#242424; padding:15px 0px 30px 0px; border-bottom:1px solid #7f7f7f; margin-bottom:30px}
.box-dark-interne h4{font-size:20px; color:white; text-transform:uppercase; margin-left:10px}
.box-black-interne{background:#000; margin:0 12px}

/******nav interne*******/
.nav-interne{float:left; margin:6px 14px}
.nav-interne li{float:left; list-style-type:none; border-bottom:1px solid #000; border-top:1px solid #454545; padding:5px 0; width:100%}
.nav-interne li a{font:16px "pt_sans_narrowregular",Arial,verdana,sans-serif; color:#f7b82f; padding-left:7px}

/*========================================
     social icons
==========================================*/
.social-icons{float:left; margin:10px 0px; width:591px; height:40px; padding-bottom:8px; border-bottom:1px solid #d5d5d5}

.addthis_toolbox{float:left; min-width:160px; margin:12px 0px 0px 5px}

.follow-us{float:right; margin:5px 10px 0px 0px}
.follow-us span{float:left; font:12px "pt_sansregular",Arial,verdana,sans-serif; color:#54c7ec; margin-top:7px; text-shadow:1px 1px 0px #fff}
.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}

/*========================================
        Footer
==========================================*/
#footer{background:#191919; width:990px; height:159px; float:left; font:12px "pt_sansregular",Arial,verdana,sans-serif; border-top:4px solid #54c7ec}

#footer-left{float:left; width:290px; margin:20px 0 0 20px}

#footer-right{float:left; width:676px; padding-bottom:24px}

.footer-title{margin-top:30px; float:left}
.footer-title h1{float:left}
.footer-title a{float:right; font-size:12px; margin:5px 15px 0 0}
.footer-title a:hover{color:#fff}

.nav-article-end{width:440px; float:left; color:#868686}
.nav-article-end li{text-decoration:none; color:#fff; margin-right:30px; padding:0 3px; line-height:20px}
.nav-article-end li a{text-decoration:none; text-transform:none !important; color:#323941; float:left; font:12px "pt_sansregular",Arial,verdana,sans-serif; line-height:20px}
.nav-article-end li a:hover{color:#e82c5c}
.nav-article-end span{text-decoration:none; color:#888}

.footer-nav{width:150px; float:left; margin-left:12px; color:#868686}
.footer-nav li{text-decoration:none; color:#fff; margin-right:30px; padding:0 3px; line-height:20px; list-style-image:url(../img/footer-li.png) no-repeat}
.footer-nav li a{text-decoration:none; text-transform:none !important; color:#868686; float:left; font:12px "pt_sansregular",Arial,verdana,sans-serif; line-height:20px}
.footer-nav li a:hover{color:#e82c5c}
.footer-nav span{text-decoration:none; color:#888}

/*********footer-nav-bottom*************/
.footer-nav-bottom{width:160px; float:left; margin:10px 0 0 20px}
.footer-nav-bottom li{text-decoration:none; color:#c2c1c1; float:left; padding:0 3px; line-height:15px}
.footer-nav-bottom li a{text-decoration:none; text-transform:none !important; color:#e6e6e6; float:left; font-size:12px}
.footer-nav-bottom li a:hover{color:#54c7ec}
.footer-nav-bottom span{text-decoration:none; color:#888}

/*********copyright*************/
#copyright{float:left; width:100%; margin:10px 0 0 24px; color:#fff}

/*********follow-us*************/
.follow-us-footer{float:right; margin:26px 24px 0 0}
.follow-us-footer span{float:left; font:12px "maven_proregular",Arial,verdana,sans-serif; color:#cfcfcf; margin-top:7px}
.follow-us-footer ul{float:left}
.follow-us-footer ul li{float:left; margin-left:5px}
.follow-us-footer ul li a img:hover{filter:alpha(opacity=70); opacity:.7}

/*=======================================
help styles
========================================*/
.margin-top-20{margin-top:20px !important}
.margin-right-0{margin-right:0 !important}
.margin-left-40{margin-left:40px !important}

.width-174{width:174px}
.width-184{width:184px}
.width-407{width:407px !important}
.width-385{width:385px !important}
.width-990{float:left; width:990px}

.border-top-none{border-top:none !important}
.border-bottom-none{border-bottom:none !important}

.nav-pages-bottom{border-top:1px solid #d5d5d5; padding-top:10px; border-bottom:none; margin-bottom:0}

.float-left{float:left}

.grey{background:#e2e0de}

.background-none{background:none}

.height-130{min-height:130px!important}