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

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

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

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

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

hr{    display:block;     height:1px;     border:0; background:transparent url(../img/hr.jpg) repeat-x;  margin:10px 0 0 0;  padding:0; clear:both; float:left; width:100%}

.hr-gray{border-bottom:1px solid #cfcfcf}

img{ vertical-align:middle}

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

textarea{ resize:vertical}

/* ==========================================================================
   Custom styles
   ========================================================================== */
 
/*==========
   Header
============*/
   
#header{width:840px; margin:0 50px; float:left; border-top:4px solid #ca4b45}

.logo{margin:40px auto 0; width:508px; height:110px}
.logo a{font:48px "euphemiaregular",Arial,verdana,sans-serif; color:#32343a; text-transform:uppercase; text-decoration:none; line-height:52px}

#slide{
	background:url(../img/bg-slide.jpg);
	width:840px;
	height:439px;
	border-bottom:1px solid #d0cecf;
	text-align:center;
	font:48px "open_sanssemibold",Arial,verdana,sans-serif
}

#slide img{border:1px solid #fff}

/*========================================
    Wrapper >Content
==========================================*/
#wrapper{float:left; width:960px; margin:0 auto 40px; padding-bottom:30px; background:transparent url(../img/bg-wrapper.jpg) repeat; box-shadow:0px 0px 3px #000; -webkit-box-shadow:0px 0px 3px #000; -moz-box-shadow:0px 0px 3px #000}

/*========================================
    main content
==========================================*/
#main-content{width:856px; margin:20px auto}

.main-content{float:left; width:500px; margin-left:50px}

/*=============================
     sidebar
===============================*/
#sidebar{float:left; width:320px; margin-top:5px; margin-left:20px}

/*=============================
     boxes
===============================*/
.box-large p, .box p, .box-opacity p{text-align:justify}
.box-img{float:left; width:193px; height:223px; background:#fff; box-shadow:0px 0px 3px #c0bbbb; -webkit-box-shadow:0px 0px 3px #c0bbbb; -moz-box-shadow:0px 0px 3px #c0bbbb}

.box-img img{padding:10px}
.box-img p{margin:0 8px}
.box-img a{font:16px "open_sanscondensed_light",Arial,verdana,sans-serif; color:#ca4b45; text-transform:uppercase}

.box-text{float:left; margin:0}

/******box small********/
.box-small{float:left; width:193px; margin:28px 21px 0 0}

/******box medium********/
.box-medium{float:left; width:408px; margin:0 20px 0 0}
.box-medium-title{background:url(../img/icon.jpg) left center no-repeat; width:305px; height:40px; padding-left:58px; vertical-align:middle}
.box-medium-title h4{margin:0}

/******box large********/
.box-large{
	float:left;
	background:#fff;
	width:840px;
	background:transparent url(../img/bg-slide.jpg) repeat;
	text-align:center;
	min-height:48px;
	line-height:58px;
	border-bottom:1px solid #d0cecf;
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bg-beige{background:transparent url(../img/bg-slide.jpg) repeat; float:left; padding:20px}

#sidebar .bg-beige{width:280px}

/*=============================
     boxes internes
===============================*/
/******box large interne******/
.box-large-interne{float:left; margin-bottom:10px}
.box-large-interne h3{font-size:16px}

.box-img-interne{float:left; margin:6px 20px 12px 0px}
.box-img-interne img{padding:9px; background:#fff; border:1px solid #c0bbbb}

.box-large-intere .box-img img{padding:0px}
.box-large-interne .box-text{margin:5px 0px; width:275px}

/******box menu interne******/
.box-menu-interne{float:left; width:460px; margin:20px 0; background:transparent url(../img/bg-slide.jpg) repeat; padding:20px}
.box-menu-interne h2{font-size:25px; color:#000; margin-bottom:6px}

/******nav interne******/
.nav-interne{float:left; clear:both; width:100%; margin:10px 0; padding:5px 0}
.nav-interne ul{padding:5px 0px 20px 0px}
.nav-interne li{float:left; color:#aaa; padding:5px 0; border-bottom:1px solid #cfcfcf; width:100%}
.nav-interne li a{color:#2c2d27; font:12px "open_sanssemibold",Arial,verdana,sans-serif}
.nav-interne li a:hover{color:#ca4b45}

/***********nav sidebar***********/
.nav-sidebar{float:left; margin:10px 0 20px 0; width:100%}
.nav-sidebar li{border-bottom:1px solid #cfcfcf; padding:5px 0; width:100%; float:left}
.nav-sidebar li a{color:#2c2d27; background:none;  width:100%; text-transform:none; font:12px "open_sanssemibold",Arial,verdana,sans-serif}
.nav-sidebar li a:hover{color:#ca4b45}

/******box height interne******/
.box-height-interne{float:left; width:177px; margin:20px 12px 50px 0px}
.box-height-interne h3{font-size:18px}
.box-height-interne .button{width:100%}

/*=============================
     button
===============================*/
.button{padding:3px 10px; float:left; background:#262626; font:11px "open_sanssemibold",Arial,verdana,sans-serif; color:#fff; text-align:center; text-transform:uppercase; line-height:35px}
.button:hover{background-position:0 -31px; text-decoration:none}

/*========================================
        article
==========================================*/
.article{float:left; width:500px}
.article-title{
	float:none;
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 20px;
}
.article-title h1{margin-bottom:10px; color:#2f2f2f; text-transform:uppercase!important; line-height:30px}
.article-title h4{
	font-size:18px;
	line-height:25px;
	margin-right: 20px;
}

.article-img{float:left; margin:6px 20px 12px 0px}
.article-img img{padding:9px; background:#fff; border:1px solid #c0bbbb}
.article-text p{
	font:12px "open_sansregular",Arial,verdana,sans-serif;
	color:#555;
	text-align:justify;
	line-height:22px;
	margin-right: 20px;
}
.article-text h3{
	text-transform:none;
	font-style:italic;
	letter-spacing:0;
	color:#e35845;
	margin-right: 20px;
}

/********nav pages*********/
.nav-pages{float:left; clear:both; width:500px; margin:7px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf}
.nav-pages ul{padding:5px 0px 20px 0px}
.nav-pages li{float:left; font:11px "open_sansregular",Arial,verdana,sans-serif; color:#aaa}
.nav-pages li a{color:#e35845; font-size:11px}
.nav-pages li a:hover{color:#000}

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

/*********author**********/
.author{float:left; margin:30px 0px 20px 0px; width:500px}
.author img{float:left; padding:5px; background:#fff; border:1px solid #c0bbbb}
.author-data{float:left; margin:10px 0 0 20px}
.author-data p{color:#333; line-height:15px; margin:0}
.author-data p.green{color:#447f8a}
.author-data h4{margin:0; text-transform:none; line-height:30px}

/*========================================
     social icons
==========================================*/
.social-icons{float:left; margin:20px 0; width:500px}

.addthis_interne{float:left; min-width:160px; margin-top:7px}
.addthis_interne a{float:left; margin-right:2px}

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

/*========================================
        ad
==========================================*/
.ad-300x250{margin-bottom:5px; float:left; padding:10px; margin-bottom:20px}

.ad-300x250{padding:9px; background:#fff; border:1px solid #c0bbbb}

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

/*========================================
        Footer
==========================================*/
#footer{background:#000; width:100%; height:143px; float:left; margin-top:30px; border-top:1px solid #4d4d4d}

#footer-left{float:left; width:550px}

#footer-right{float:right; width:410px}
#footer-right ul{
	width:300px;
	float:right;
	margin-top:35px
}
#footer-right ul li{height:32px; float:left; padding:0 2px; color:#ddd; font:12px "open_sansregular",Arial,verdana,sans-serif; line-height:32px}

.footer-logo{margin-top:30px; position:relative; width:283px; float:left}

.footer-nav{float:left; margin-top:17px}
.footer-nav li{float:left; line-height:10px; color:#fefefe}
.footer-nav li a{color:#fefefe; font:11px "novecento_wide_lightregular",Arial,verdana,sans-serif; clear:both; float:left; margin:0 5px}
.footer-nav li a:hover{color:#ca4b45}

/*********copyright*************/
.copyright{width:550px; clear:both; float:left; color:#64767b; font:10px "open_sansregular",Arial,verdana,sans-serif}

/*=======================================
help styles
========================================*/
.float-right{float:right}
.margin-bottom-0{margin-bottom:0}
.margin-bottom-5{margin-bottom:5px}
.margin-top-5{margin-top:5px}
.margin-top-20{margin-top:20px}
.margin-top-25{margin-top:25px!important}
.margin-top-40{margin-top:40px}
.margin-top-50{margin-top:50px}
.margin-right-0{margin-right:0}
.margin-left-0{margin-left:0 !important}
.margin-25{margin:25px 0}
.padding-right-0{padding-right:0 !important}
.width-265{width:265px}
.height-177{height:177px}
.line-height-58{line-height:58px}
.uppercase{text-transform:uppercase}
.dashed{background:url(../img/dashed.png) repeat-x; height:1px; width:100%; float:left}
.width-500{width:500px}
.logo  span {
	font: 12 "open_sansregular", Arial, verdana, sans-serif;
	margin: 0;
	color: #7d7d7d;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
}
.footer-logo span {
	font: 13px "open_sansregular", Arial,verdana, sans-serif;
	margin: 0;
	color: #ca4b45;
	line-height: 20px;
}