@import url(http://fonts.googleapis.com/css?family=Armata|Exo:300,400,500,700,800,700italic|Raleway:400,700,600,800,300&subset=latin,latin-ext);


/**************************** Site Structure *****************************/

html {
	font-size: 100%;
}


body {	font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .875em;
	    line-height: 1.6em;
		border-top: 7px solid #333;
		background: #FAFAFA;
		color: #666;
}
 
#container {
	font-size: 1em;
	width:960px;
	background: #FFF;
	box-shadow: 0px 2px 10px #888888;
	border-radius: 5px;
	/* 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
	padding: 20px;
	margin: auto;
	position: relative;
	clear: both;
}

.header {
	width: 1000px;
	margin: auto;
}

#site_title {
	float:left; 
	padding-top:36px; 
	padding-left:20px;
	margin-bottom:30px;
	 }
	 
#site_title img {float: left;}


.wrap-articles {margin-left: -30px;}

.post-box {width: 388px; background: #f0f0f0; float: left; border: 1px solid #CCC;
           position: relative;
			border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px #888888;
			height: 200px; 
			padding: 10px 22px; 
			margin: 0 0 30px 30px;
}

.tab_article {margin: 20px 0; clear:both;}

.tab_article img {float: left; width: 50px; height: 50px; margin-right: 12px;}

.tab_article p {overflow: hidden; padding: 0; font-size: .9em; line-height:normal; font-style: italic;}

.tab_article h3 {height: 30px;}

.sidebar_right {float: right; width:300px;}


#footer { font-size: .8em;
		  width: 960px;
		  margin: 0 auto 20px;
		  padding: 30px 20px 50px; 
		  clear: both; 
		  color: #b2b5b9;

}



/**************************** Typography *****************************/


.no_display {display: none;}

h1, h2, h3, h4 { font-family: 'exo', sans-serif; } 

h1 {font-size: 34px;  padding: 20px 0; color: #000; }

h2, h3 {margin: 20px 0; color: #000; font-weight: normal; text-transform:normal}

h2 {font-size: 2em;}

h3 {font-size: 2em;}

h4 {font-size: 1.2em; font-weight: 700;}

.heading_bg {background: url(img/heading_bg.png) repeat-x 0 30px; }

.heading_bg h1, 
.heading_bg h2, 
.heading_bg h3, 
.heading_bg h4 {background: #FFF; padding-right: 10px; display: inline-block;}

#footer h3 {color: #888d92;}


p,.dos-columnas{
	padding: 10px 0;
	font-size: 0.8em;
	font-family: 'Armata',helvetica,arial;
	text-align: justify;
}

.post_meta {padding-bottom: 5px 3px;}

.post_meta li {display: inline-block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 12px; height: 16px; line-height:16px; padding-left: 22px; margin-right: 15px;}

.post_meta_admin {background: url("img/sprite.png") no-repeat 0 -64px;}
.post_meta_date{background: url("img/sprite.png") no-repeat 0 -80px;}
.post_meta_comments{background: url("img/sprite.png") no-repeat 0 0;}

.excerpt {font-size: 1.4em; border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 30px;}


small {font-family: Georgia, "Times New Roman", Times, serif; color: #999;}

strong {font-weight: bold; font-size: 1.2em;}

em {font-style: italic;}

a {color: #2997AB; text-decoration: none;}


#container ul li {list-style:none;}
#container ol li {list-style: none;}

blockquote {font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 10px 0;}

/* Lists *

dt {font-size: 1.4em;}
dd {margin-bottom: 30px; font-size: 1em; color: gray; border-bottom: 1px dotted gray; padding-bottom: 30px;}

/**************************** Tables *****************************/

table {
	background:#eaeaea;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 12px;
	margin:20px 0;
	border-collapse: separate;
	border:#ccc 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 6px rgba(0, 0, 0, 0.4);
	box-shadow:0 3px 6px rgba(0, 0, 0, 0.4);
}
	
table th {padding:14px 20px; text-transform:uppercase; font-weight: bold;}

table td {
   background-image: -moz-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#E0E0E0));
   background-image: -webkit-linear-gradient(top, #fafafa, #E0E0E0); 
   background-image: -ms-linear-gradient(top, #fafafa, #E0E0E0);
   background-image: -o-linear-gradient(top, #fafafa, #E0E0E0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#E0E0E0');
   padding: 14px 20px
}

.featured-column {}


table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;}
	
table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius:5px;
	border-bottom-right-radius: 5px;}

/**************************** Forms *****************************/




/**************************** Gallery *****************************/

#gallery {

	margin-left: -13px;
	overflow: auto;
	padding-bottom: 18px;
	position:static;
}

.float_left {
	float: left;
	background: #1A1A1A;
	height: 170px;
	width: 175px;
	border: 1px solid #CCC;
	box-shadow: 3px 3px 3px #e3e3e3;
	margin: 0px 0px 13px 13px;
	padding-top: 9px;
	text-align: center;
}

.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white;}



#navcontainer_gallery
{
padding-left: 0;
margin-left: 0;
background: #1d232c;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer_gallery li
{
display: inline;
padding: .5em 1em;
background: #040404;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #101010;
}

#navcontainer_gallery li a
{

color: White;
text-decoration: none;
}

#navcontainer_gallery ul li a:hover
{
background-color: #369;
color: #fff;
}

/************************** Dim Lights **************************************/

        #movie {position:relative; z-index:102;}
		
        #description { float:left; width:320px;border:solid 1px #dcdcdc; padding: 10px 20px;}
		
        #command { position:relative; height:0px; display:block; margin: 0 0 0 0;}
		
        .lightSwitcher {position:absolute; z-index:999; top: -13px; left: -12px; 					

		display: block;
		padding: 0px;
		width: auto; /* IE 7 input button fix */
		overflow: visible; /* IE7 input button fix */
		text-decoration: none;
		outline: none; 
		cursor: pointer;
		
		font-size: 8px;
		text-transform: uppercase;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #adadad;
		
		color: #000000; 
		background: #ffffff url(grad-white.svg) 0 0 no-repeat;  
		text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); 
}
						
        .lightSwitcher:hover {text-decoration:none;}
		
        #shadow {background: rgb(0, 0, 0) ; opacity: 0.9; position:absolute; left:0; top:0; width:100%; z-index:100;}
		
        .turnedOff {
				  display: block;
				  padding: 0px;
				  width: auto; /* IE 7 input button fix */
				  overflow: visible; /* IE7 input button fix */
				  text-decoration: none;
				  outline: none; 
				  cursor: pointer;
				  
				  font-size: 8px;
				  
				  -webkit-border-radius: 3px;
				  -moz-border-radius: 3px;
				  border-radius: 3px;

				  text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
				  border: 1px solid #000000;
				  color: #EAEAEA;
				  background: #000000 url(grad-black.svg) 0 0 no-repeat;
				  
				  background: -moz-linear-gradient(top, #878787 0%, #515151 50%, #000000 51%, #131313 100%); 
				  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(50%,#515151), color-stop(51%,#000000), color-stop(100%,#131313));
}
		
	    #clickHere {position:absolute; top: -25px; left:130px;}





/*these two css classes must remain for ajax navigation 4*/
/*you can change attributes inside them*/
.current, .pages{ /*css for current page*/ background: #F4F4F4; padding: 0px 5px; border-radius: 3px; position:relative;  float:left;  text-align:center; cursor:auto; margin-right:3px; padding-top:1px; }
.pages{/*css for other pages*/ border:none; cursor:pointer; float: left; margin-right: 5px; }
.pages:hover, .current{ background-position:0 -16px; font-weight:bold; float:left; margin-right: 5px }
/*end required css for ajax navigation 4*/

.article_box, .article_box2{position:relative; float:left; width:450px; padding: 10px; border:1px solid #aaa; background: url(img/article_bg.png) }
.article_box2, .box_footer{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*loader div when content is loaded from the database*/
.loader_div { position:absolute;  width:100%; left:0;  height:100%; background-color:#000;  z-index:99999;  text-align:center;  padding-top:150px;  font-size:20px; font-weight:bold;	 color:#fff;  filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; visibility:hidden; }

.select{ background-color:#F0F9E8; border:1px solid #7CC53A; font-size:11px; font-family:Tahoma; }
.gray{color:#ccc;}






/**************************************************************************************/
/*------------------------------------- Grid Homepage -------------------------------*/
/************************************************************************************/

#grid .one-half,#grid .one-third,#grid .one-fourth,#grid .one-fifth {
	margin-right:2px;	
	margin-top:2px;	
	margin-bottom:0!important;	
	margin-left:0!important;
	}
#grid .one-half {
	width:478px;
	float:left;	
	position: relative;
}

.left {
	float:left;
}
.right {
	float:right;
}
.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 30px;
}
.one {
	width:960px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px!important;
}

/* boxes */

.box_highlight {background: #f8f8f8; padding: 15px; margin: 30px 0; border: 1px solid #CCC; border-radius: 5px; clear: both;}

/*-----------------------------------------------*/
/*-------------    Product Viewer  -------------*/
/*---------------------------------------------*/

/* navigation */

#prod_wrapper {
	border-bottom: 1px solid #e3e3e3; 
	height: auto; 
	margin-bottom: 30px; 
	
}

#prod_nav {
	height:auto;	
	width:960px;

}

#prod_nav ul {	
	width:950px;

}

#prod_nav li {	
	float:left;
	width:192px;
	list-style-type:none;
	text-align:center;
	
	
}

#prod_nav a {
	color:#333333;
	display:block;
	padding:10px 0 45px;
	font-size:11px;		
	height:122px;
	text-decoration:none;
	margin-bottom: 20px;
	
	

}	

#prod_nav a.current {	background: #f0f0f0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	float: none;
	margin:10px 0px 10px 0px;

}

#prod_nav img {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius: 5px;
	margin:3px 0 5px 5px;
	padding:4px;		
	display:block;
}

#prod_nav strong {
	display:block;		
}

/* panes */
#panes {
	background:#fff;
	width: 960px;
	margin: auto;
	height:400px;
	margin-bottom:-20px;
	padding-bottom:20px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}


#panes div {
	display:none;		
	position:absolute;
	top: 0px;
	left: 0px;
	font-size:14px;
	color:#444;	
	width:945px;
	padding-right: 0px;
}

#panes img {
	float:left;
	margin-right:20px;		
}