/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
/*Article social*/
.ns2-social{margin:10px}

/*News Title*/
#sp-slide-grid .sp-inner {padding:0}
#sp-left h4.ns2-title a, #sp-right h4.ns2-title a, .module.none h4.ns2-title a{color:#444}
#sp-left h4.ns2-title a:hover, .module.none h4.ns2-title a:hover{color:#909090}
.sp_news_higlighter span.sp-nh-title, h4.ns2-title{font-family:Prociono;font-size:14px!important;font-weight:400!important}
.rtl .sp_news_higlighter .sp-nh-buttons{float:right}
h4.ns2-title a{color:#fff}
h4.ns2-title a:hover{color:#ccc}

/*Header*/
a.login_link {float: right;/*width: 15px;*/height: 15px;/*background:url(../images/lock.png) no-repeat 0 0;*/
	         /*text-indent: -999em;*/-webkit-transition: all 300ms;outline:0;color:white;/*margin: 15px 20px 0 15px;*/}
#login.modal {outline:0;left:50%!important;margin-left:-150px;width:300px;}
.modal-backdrop{z-index:99}
.rtl #sp-search{border-right:none}

/*sp smart silder*/
.slider-wrapper{-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);box-shadow: 0 0 4px rgba(0, 0, 0, 0.3)}
.nivoSlider h1.nivo-title{font-family:Prociono;font-size:30px!important;color:#fff;}

/*Module none*/
.module.none h4.ns2-title{font-size:18px!important;line-height:24px}
.module.none h4.ns2-title, .module.none p.ns2-introtext{padding:0 10px!important}

/*news show sp 2 rtl support*/
.rtl .image_border img.ns2-image{float:right!important;margin:0 0 10px 10px!important}


/*Action Projects Images */
 
div#TopNAFTA{
	width:75%;
	margin-left:1.3%;
}

div#NaftaButton{
	    width: 17%;
    float: right;
    position: relative;
    bottom: 64px;
	left:1%;
	height:1px;
}

button.naftaButton{
	color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	width: 33%;
	margin-left: 33%;
	margin-bottom:5%;
	margin-top: -33px;
}

div#GetUsOutNAFTA img {
    width: 97%;
    margin-left: 1.3%;
    margin-right: auto;
}
div#Naftanow{
	float:left;
	width:46%;
	margin-left:2%;
	margin-right:2%;
	border: 1px solid lightgray;
}
div#Naftanow ul{
	padding-left:3%;
	padding-right:3%;
	margin-bottom:3%;
}
div#NaftaRen ul{
	padding-left:3%;
	padding-right:4%;
	margin-bottom:3%;
}
div#NaftaRen{
	width:46%;
	float:left;
	margin-bottom:4%;
	margin-left:2%;
    border: 1px solid lightgray;
}
div#Naftanow h3{
	   color:white;
	   background:black;
	   padding:6px 146px;
	   margin-bottom:3%;
	   text-align:center;
}
div#NaftaRen h3{
	   color:white;
	   background:black;
	   padding:6px 76px;
	   margin-bottom:3%;
	   text-align:center;
}
div#NaftaLearn{
	float:left;
	width:32%;
}
div#NaftaLearn h3{
	    background: linear-gradient(#ed1b2f 25%, #9e0918 75%);
    background: -webkit-linear-gradient(#ed1b2f 25%, #9e0918 75%);
    color: white;
    width: 86%;
    padding: 2%;
	text-align:center;
	
}
.NaftaPoints{
	margin-top:3%;
	margin-left:2%;
}
div#NaftaLearn2{
	float:left;
	width:31%;
	padding-right:4%;
}
div#NaftaLearn2 h3{
	    background: linear-gradient(#ed1b2f 25%, #9e0918 75%);
    background: -webkit-linear-gradient(#ed1b2f 25%, #9e0918 75%);
    color: white;
    width: 86%;
    padding: 2%;
	text-align:center;
	width:100%;
}
div#NaftaLearn3 {
	float:left;
	width:30%;
	padding-right:0%;
}
div#NaftaLearn3 h3{
	background: linear-gradient(#ed1b2f 25%, #9e0918 75%);
    background: -webkit-linear-gradient(#ed1b2f 25%, #9e0918 75%);
    color: white;
    width: 86%;
    padding: 2%;
	text-align:center;
	width:100%;
}
div#NaftaMore3{
	border:1px solid lightgray;
	width:103.5%;
	height:629px;
}
div#NaftaMore{
	border:1px solid lightgray;
	width:89.5%;
	height:625px;
}
div#NaftaMore h4 {
    padding-left: 5%;
    color: #9e0918;
    margin-top: 6%;
}
div#NaftaMore1{
	border:1px solid lightgray;
	width:103%;
	height:627px;
}
div#NaftaMore1 h4 {
    padding-left: 5%;
    color: #9e0918;
    margin-top: 6%;
}

div#NAFTAendLogo{
	position:relative;
	right:93%;
	margin-top:13%;
}
div#NAFTAjoin{
}
div#NAFTAjoin3{
}
	.NaftaNow{
		margin-top:1.2%;
	}
div#NaftaMore ul{
	list-style:url('../../../../../../images/action_projects/GetUsOutNAFTA/diamond.png')
}
div#NaftaMore1 ul{
	list-style:url('../../../../../../images/action_projects/GetUsOutNAFTA/diamond.png')
}
div#NaftaMore3 ul{
	list-style:url('../../../../../../images/action_projects/GetUsOutNAFTA/diamond.png')
}
div#Naftanow ul li{
	list-style:url('../../../../../../images/action_projects/GetUsOutNAFTA/diamond_black.png')
	
}
div#NaftaRen ul li{
	list-style:url('../../../../../../images/action_projects/GetUsOutNAFTA/diamond_black.png')
	
}
div#NAFTAjoin1{
}
div#NaftaMore3 h4 {
    padding-left: 5%;
    color: #9e0918;
    margin-top: 6%;
	margin-right:2%;
}
div#NaftaMore1 ul li {
    margin-right: 9%;
	margin-left:7%;
}
div#NaftaMore ul li {
    margin-right: 9%;
	margin-left:7%; 
}
div#NaftaMore3 ul li {
    margin-right: 9%;
	margin-left:7%;
}

}

.sp-component-area {
  padding: 10px;
}