/*
Theme Name: Inocuo
Theme URI:
Description:
Version: 1.0
Author: MSCLN
Author URI: mscln.com
*/
@font-face {
	font-family: 'TrajanPro-Regular';
	src: url('Trajan/TrajanPro-Regular.eot');
	src: local('?'), url('Trajan/TrajanPro-Regular.woff') format('woff'), url('Trajan/TrajanPro-Regular.ttf') format('truetype'), url('Trajan/TrajanPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'TrajanPro-Bold';
	src: url('Trajan/TrajanPro-Bold.eot');
	src: local('?'), url('Trajan/TrajanPro-Bold.woff') format('woff'), url('Trajan/TrajanPro-Bold.ttf') format('truetype'), url('Trajan/TrajanPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%;
    vertical-align: baseline; background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
 
hr {background:#cfcfcf;color:#cfcfcf;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;} 
 
 
body {
    font-size: 62.5%;
    text-align: left;
    color: #000000;
    background:#e1e1e1;
    margin:0;
}
a{
	text-decoration:none;
	 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
a:link{color:#000;}
a:visited{color:#000;}
a:hover,a:active{color:#4d4d4d;}

h1{	 font: 2em/1.5em "TrajanPro-Bold"; text-transform:uppercase;}
h2{	 font: 2em/1.1em "TrajanPro-Bold"; text-transform:uppercase;}
h3{	 font: 1.2em/1.5em "TrajanPro-Bold"; }

address{
	font:italic 600 1.2em/1.5em "TrajanPro-Regular";
	margin-bottom:16px;
}
.left{	float:left;}
.right{ float:right;}
.dotline{  
	padding-bottom: 4px;
	margin-bottom: 12px;
	width:100%;
	background:transparent url(../icons/dot.gif) bottom left repeat-x;  
}

.navcontainer{ 
	height:23px;	
	background:transparent url(../icons/nav_bg.gif)  center top no-repeat; 
	width:280px;
	margin:20px 0 10px 0; 
   }
.navlabel{
/*  	background:#000;
 */	color:#606060;	
	height:16px;
	font: 0.9em/0.9em "TrajanPro-Regular";
	padding:6px 62px 0 75px;
	margin:0 0;
}
.next,.prev {  
	 padding: 0;
	height:26px;
		width:28px;

	font: 0.9em/0.9em "TrajanPro-Regular";
}

.next a, .prev a{ 
	display:block;
	width:28px;
	text-indent:-2000px; 
 	line-height: 23px; 
 	position: relative; 
	color: #fff;   
	text-decoration: none; 
	-webkit-transition: none; -moz-transition: none; transition: none;

  }

.next a { background:transparent url(../icons/next.png) top right no-repeat; } 
.next a:hover { background-position:bottom right; color:#000;}
.prev a {  background:transparent url(../icons/prev.png) top left no-repeat; } 
.prev a:hover { background-position:bottom left; color:#000;}

.hide{ display:none !important;}

.col1,.col2,.col3,.col4,.col5{
	padding:0;
	margin:0;
	float:left;
}
.col1{ width:160px;}
.col2{ width:320px;}
.col3{ width:480px;}
.col4{ width:640px;}
.col6{width:960px;clear:both;}

 
a#top{
	width:54px;
	height:60px;
	display:block;
	text-indent:-30000px;
	position:fixed;
	bottom:40px;
	right:0px;
	display:none;
	background:transparent url(../icons/top.png) top right no-repeat;
 }
/*---estructura---*/
#loader{
	position:fixed;
    z-index:998;
    left:50%;
    top:50%;
    margin-left:-50px;
}
#header{
	    
	width:100%;
	height:61px;
	padding:10px 0;
	background:#000;
  	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
background: #000000; /* Old browsers */
background: -moz-linear-gradient(left,  #000000 0%, #000000 46%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(46%,#000000), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #000000 0%,#000000 46%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #000000 0%,#000000 46%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #000000 0%,#000000 46%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to right,  #000000 0%,#000000 46%,#3f3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3f3f3f',GradientType=1 ); /* IE6-9 */


}
.header_title{ 
	width:280px;
	height:61px;
	float:left;
	}
	.header_title h1{
		text-indent:-2000px;
		background:transparent url(../icons/inocuo_logo.jpg) center left no-repeat;
		width:100%;
		height:61px;
		/*display:none; por js*/
	}
	.header_title h1 a{
		display:block;		
		width:100%;
		height:61px;
		text-decoration:none;
		background:#000 url(../icons/inocuo_logo.jpg)  left center no-repeat;
		/* se sobreescribe en template.php para logo aleatorio*/
		
	}
	
	
#container{
	 font: 1.3em Verdana, Arial, Helvetica, sans-serif;
     margin:0;
}

/*---menu ---*/
.main_menu{
	margin-top:12px;
	float:left;
	font: 1.5em/1.5em "TrajanPro-Regular"; 
	text-transform:uppercase;

}
.main_menu ul li{
	float:left;
	display:block;
	position:relative;
	padding: 0;
	margin:0;
	width:120px;
}
.main_menu a{
	display: block;   
    color:#aaaaaa; 
 	text-align:center;
	-webkit-font-smoothing: antialiased;

    text-decoration: none;
/*     height: 21px;
    width: 100%; */
     padding: 6px ; 
	border-left:1px solid #333;
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
}
.main_menu a.first{ border:none;}
.main_menu a:hover{
/* 	background-color:rgba(225,225,225,0.2);
 */
 	text-shadow: 1px 1px 2px black;
     color:#fff; 

}
.main_menu a.selected{	    color:#fff; 
	font-family:"TrajanPro-Bold"; }

.lang{
	float:right;
	/*width:60px;*/
/* 	    font: 1.2em 'NobileRegular',Verdana, Arial, Helvetica, sans-serif;
 */
 text-align:right;
margin-top:17px;
}
	.lang ul li{
		display:block;
		float:left;
	}
	.lang li a {
		font: 1.2em/1em "TrajanPro-Regular"; 
	    display: block;   
	    color:#9f9f9f;
		text-align:right;
	    text-decoration: none;
	    padding: 6px ;
	}
	.lang li a:hover{
		color:#fff;
	}
	.lang li a.selected{font-family:"TrajanPro-Bold"; color:#fff;}
	
	
	
	
#submenu {
	width:100%;
	clear:both;
    height:34px;
	overflow:hidden;
	background:#fff;
	margin-bottom:30px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);

/*     font: 1.2em 'NobileRegular',Verdana, Arial, Helvetica, sans-serif;
 */
 	font: 300 1.3em/1.3em "TrajanPro-Regular"; 

}
#submenu ul{
 width:961px;
   margin:0 auto;
   overflow:hidden;
}

#submenu ul li {
/* 	width:160px;
 */    display: block;
    float:left;
}
#submenu li a {
    display: block;   
     
	text-align:center;
    text-decoration: none;
    height: 17px;
    padding: 8px 12px;
}
#submenu li a:hover{
/* 	background-color:rgba(225,225,225,0.7);
 */			  background:transparent url(../icons/menu_arrow.png) top center no-repeat;


	
}
#submenu li a.selected{	
  background:transparent url(../icons/menu_arrow.png) top center no-repeat;


}


 #container{
 	  background:#e1e1e1;
 	  height:100%;
 	  /*min-height:480px;*/

 }
/*--- content section  ---*/
.content {
   width:961px;
   margin:0 auto;
   padding-bottom:30px;
}
.pad{
	margin:0 20px;
} 
/*--- footer section - put whatever you want here ---*/
#footer {

  width:960px;
   margin:50px auto 30px auto;
   padding:12px 0;
   border-top:1px dotted #b7b7b7;
   font-size:1.1em;
}
#footer a#terms {
	padding-bottom: 2px;

	border-bottom:1px solid #ccc;

}
#footer .col2.center{ text-align:center;margin-bottom:20px;}
#footer .col2.right{ text-align:right;}

#footer .webby{ width:100%;clear:both; text-align:center;	font:1em/1.5em Arial;	color:#BABCB1;}
#footer .webby a{color:#BABCB1; }
#footer a:hover{ color:#3A3C33;}


table{}
table th,table td{
	text-align:center;
	
}
table tr{
	/*border-bottom:1px solid #ccc;*/
}
table td.left{
	text-align:left;
} 
table td.right{
	text-align:right;
}


.pag_nav{
clear:both;
	text-align:center;
	padding:20px 0 20px 0;
	margin:20px 0;
}
.pag_nav a,.pag_nav span{
	padding:6px 6px 6px 6px;
	margin:2px;
/* 	border:1px solid #e6eff3;
 */		color:#414141;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pag_nav a:link, .pag_nav a:visited {
		color:#414141;
	font-size:12px;
	text-decoration:none;
}
.pag_nav a:hover, .pag_nav a:active{
	color:#fff;
	background-color:#2c2c2c;
}
.pag_nav span.selected{
}

/*   PORTFOLIO */



.slidecontent{
	position:relative;
	
}
.slideinfo{
	position:absolute;
	top:0;
	right:0;
	width:320px;
	height:100%;
		background:#000;
		overflow:hidden;

	background:rgba(0,0,0, 0.7);
	color:#fff;
	
	text-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.slideinfo h1{
	font-weight:normal;
	line-height:1em;
	margin-top:20px;
	margin-bottom:10px;
}
.slideinfo .pad{
margin:10px;
}
.slideinfo a{
	color:#e4e4e4;
}
.slideinfo a:hover{
	color:#ccc;
}



.worklist{ overflow:hidden;width:966px;}
.worklist a{
	text-decoration:none;
	text-align:left;
	   color:#fff;
}
.worklist h2{
  font: 2em 'TrajanPro-Regular',Verdana, Arial, Helvetica, sans-serif;
  /* font-weight:bold;*/
   color:#fff;
   text-transform:uppercase;
}
.work a img{
    opacity: 1;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
}

.work a:hover img {
	/*
	position:relative;
	top:-2px;
	left:-2px;
	*/
  	filter: alpha(opacity=40);
    opacity: .4;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 300ms;
    
}
.work{
	position:relative;
	float:left;
	 background: #000;
	 overflow:hidden;
	width:315px;
	margin:0 8px 8px 0;
	height:160px;
  -webkit-transition: background-color .8s linear;
    -moz-transition: background-color .8s linear;
    -o-transition: background-color .8s linear;
    transition: background-color .8s linear;
	
	 -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.work.last{ margin-right:0; }
.work:hover{
   background: #000;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.worklisttitle{
	width:315px;
	height:160px;

	padding:20px;
	width: inherit;
	position: absolute;
 	text-align: left;
	width: 93%;
	top: 160px;
	color:#fff;
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;

}
.work:hover .worklisttitle{
    top:0;


}
.flex-viewport{
 -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.bottom{
	width:100%;
	position:absolute;
	bottom:0;
}
a.viewproject, span.viewproject{
	margin:16px 0;
	float:right;
	width:40%;
	color:#66ccff;
	text-transform:uppercase;
}
.worklisttitle .bottom{ position:absolute;bottom:40px;left:18px;}
.worklisttitle .bottom a.viewproject,.worklisttitle .bottom span.viewproject{ width:100%;clear:both;font-weight:normal;}


/* portfolio view*/
.category{
	color:#6CF;
	margin:0 0 4px 0;
	text-transform:uppercase;
	padding:10px;
	background: url(../icons/category_bg.jpg) top left repeat-y;
}
.category a{ color:#6c6c6c; font-size: 10px;}
.category a:hover{	color:#6CF;}

h3.client{ 	
	background: url(../icons/client.gif) center left no-repeat;
	padding:0 0 0 20px;
	margin-bottom: 2px !important;
 }


/* paginas*/

/* menu vertical jerarquico - paginas */
.page_tree{
}
ul.page_tree {
	list-style:none;
	margin:0;
	padding:0;
}
.page_tree li{
	font-size:12px;
}
.page_tree a{
	
	text-decoration:none;
	display:block;
	padding:6px 6px;
}
.page_tree a:hover{
	padding:6px;
	background-color:#F2F2F2;
}
.page_tree a.selected{
	font-weight:bold;
}
ul.page_tree li ul li{
	padding-left:10px;
	font-size:0.9em;
}

/* contact*/
.contactmap{
	height:343px;
	background: url(../icons/map.jpg) center left no-repeat;
}
.contactmap .overlay{ 
	width:220px;
	height:303px;

	padding:20px;
	background:#111;

	background:rgba(0,0,0, 0.7);
	color:#fff;	
}
.contactmap .overlay a{ color: #6bbdff;}

/* about */
.about h3{
	margin-bottom:0 !important;
}

.about table, .text table td{ vertical-align:top !important; text-align:left;}
.about table h3{  
	padding:4px 16px;
	font-size:1.2em;
	background: url(../icons/dot_bg.jpg) top left repeat-x;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #AAAAAA;

	/*background: url(../icons/archive.jpg) top left no-repeat;*/

}
.about table p{ 
	padding:10px 16px;		
	margin:0;
	border-bottom: 1px dotted #aaa;
}
.about table p.white{ background-color: #fff; }
.about table p.grey{}
.about table a{ 
	display: block;
	color: #6bbdff;
	
}

.clients img{ border:none; box-shadow: none; margin-bottom:30px;}
.clients .sixcolumns{

	-moz-column-count:6; 
	-webkit-column-count:6; 
	column-count:6;

}

/* blog*/

.blog h2{ 
	font-size:1.7em;
	line-height:1.15em;
	padding:4px 86px 14px 20px;
	margin-bottom:4px;
	/*border-bottom:1px dotted #ccc;*/
		background: url(../icons/post_title.jpg) bottom left no-repeat;

}
.blog h5{margin-bottom:4px;}
.blog .post{ 	position:relative;}
.blog .blog_date{
	position:absolute;
	top:4px;
	right:0px;	
	width: 86px;
	height:20px;
	padding:6px 4px 0 0;
	font: 1.2em/1em "TrajanPro-Bold"; text-transform:uppercase;
    background:transparent url(../icons/blogdate.png) center right no-repeat;
	text-align: right;
}
.blog .blog_date a{ color:#525252; }
.blog .text{ margin-bottom:30px; margin-left:16px;}
.blog .social{ margin-top:10px;}
.blog_sidebar{ padding:0 0 0 20px;}
.blog_sidebar h3{ 
	font-size:1.4em;
	padding: 4px 0 4px 16px;
   /* border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;*/
    background:transparent url(../icons/archive.jpg) center right no-repeat;

}
.blog_sidebar .page_tree{ 
	margin-left:10px;
}
.blog_sidebar ul li ul li{  background:transparent url(../icons/archive_month.jpg) top left no-repeat;}
.blog_sidebar ul li ul li ul li{  background:none;}

a.archiveheading{
    background:transparent url(../icons/admin/expand.png) center right no-repeat;
    color:#000;
    border-bottom: 1px dotted #ccc;
	cursor:pointer;
	padding: 6px;

}
a.archiveheading:hover{ cursor:pointer; }
a.archiveheading.open{
    background:transparent url(../icons/admin/collapse.png) center right no-repeat;
    color:#000;
}
.blog_sidebar a:hover{  background-color:transparent; color:#949494;}
.blog_sidebar ul li ul li ul li a:hover{  background-color:#fff;}

/* textos*/

.text h2,.text h3{
	margin-bottom:1em;
}
.text h2.nomargin{ margin-bottom:0;}
.text p{ margin-bottom:1em;}



.social{
width:40%;
float:left;
margin:0;
}
.social a{
	background:transparent url(../icons/social.png) 0 -17px no-repeat;
	width:20px;
	margin-right:2px;
	height:17px;
	float:left;
	display:block;
	text-indent:-10000px;
/* 	border:1px solid blue;
 */	  -webkit-transition: background-position .2s linear;
    -moz-transition: background-position .2s linear;
    -o-transition: background-position .2s linear;
    transition: background-position .2s linear;
}

.social a.facebook{background-position:0 -17px; }
.social a.twitter{ background-position:-21px -17px; }
.social a.pinterest{ background-position:-63px -17px; }
.social a.facebook:hover{  background-position:0 0;}
.social a.twitter:hover{ background-position:-21px 0; }
.social a.pinterest:hover{ background-position:-63px 0; }

.social.black{ margin-top:16px;}
.social.black a{
	background-position:0 0;
}

.social.black a.facebook{ }
.social.black a.twitter{ background-position:-21px 0; }
.social.black a.pinterest{ background-position:-63px 0; }
.social.black a.facebook:hover{  background-position:0 -17px;}
.social.black a.twitter:hover{ background-position:-21px -17px; }
.social.black a.pinterest:hover{ background-position:-63px -17px; }


.onfooterline{ width:100%;clear:both;margin:-30px 0 20px 0; text-align: center;
}
.socialbig{
/*float:right;*/
width:102px;
margin:0 auto;
text-align: center;
}
.socialbig a{
	background:transparent url(../icons/social_big.gif) 0 0 no-repeat;
	width:32px;
	margin-right:2px;
	height:30px;
	float:left;
	display:block;
	text-indent:-10000px;
/* 	border:1px solid blue;
 */	  -webkit-transition: background-position .2s linear;
    -moz-transition: background-position .2s linear;
    -o-transition: background-position .2s linear;
    transition: background-position .2s linear;
}

.socialbig a.facebook{background-position:0 0; }
.socialbig a.twitter{ background-position:-32px 0; }
.socialbig a.pinterest{ background-position:-64px 0; }
.socialbig a.mail{ background-position:-128px 0; }
.socialbig a.rss{ background-position:-160px 0; }

.socialbig a.facebook:hover{  background-position:0 -30px;}
.socialbig a.twitter:hover{ background-position:-32px -30px; }
.socialbig a.pinterest:hover{ background-position:-64px -30px; }
.socialbig a.mail:hover{ background-position:-128px -30px; }
.socialbig a.rss:hover{ background-position:-160px -30px; }


/* forms*/

form {
	
		
		counter-reset: fieldsets;
		/*padding: 10px;*/
		width: auto;
		}
		
		form fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			form legend {
				color: #252525;
				font-size: 16px;
				
				font-weight: bold;
				padding-bottom: 10px;
				text-shadow: 0 1px 1px #eeeeee;
				}
				
				form > fieldset > legend:before {
					content: " " counter(fieldsets) ". ";
					counter-increment: fieldsets;
					}
				
				form fieldset fieldset legend {
					color: #111111;
					font-size: 13px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form ol li {
				background: #b9cf6a;
				background: rgba(255,255,255,.3);
				border-color: #e3ebc3;
				border-color: rgba(255,255,255,.6);
				border-style: solid;
				border-width: 0;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;
				line-height: 30px;
				list-style: none;
				padding: 3px 8px;
				margin-bottom: 1px;
				}
							
				form ol ol li {
					background: none;
					border: none;
					float: left;
					}
			
			form label {
				float: left;
				font-size: 13px;
				width: 110px;
				}
				
			form fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				padding: 0 0 0 30px;
				width: auto;
				}
					
				
				
			form input:not([type=radio]),
			form textarea {
				background: #ffffff;
				border: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: 14px "Helvetica" Arial, sans-serif;
				outline: none;
				padding: 6px;
				width: 70%;
				}
				form input.small{
					width:270px;
				}
				form input.micro{
					width:16px;
				}	
				form input.nomostrar{
					display:none;
				}

				form input:not([type=submit]):focus,
				form textarea:focus {
					background: #eaeaea;
					}
					
				form input[type=radio]
				{
					float: left;
					margin-right: 5px;
					text-align:left;
					}
						
			form button {
 				background: #191919;
 				border: none;

				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;
				color: #ffffff;
				display: block;

			  font: 1em 'TrajanPro-Regular',Verdana, Arial, Helvetica, sans-serif;
				
				/*margin: auto;*/
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000;
				text-transform: uppercase;
				
					 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;

				}
				form button.secondary{
				 background:#cc3366;
				}	
				form button:hover {
					color:#000;
					background: #c0c0c0;
					text-shadow: 0 1px 1px #fff;

					cursor: pointer;
					}
					
				form button[disabled] {
					border: 1px solid #999;
					background-color: #b7b5b5;
				}	
			form input[type=submit] {
			  font: 1.2em 'TrajanPro-Regular',Verdana, Arial, Helvetica, sans-serif;

				background: #191919;
				border: none;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				-khtml-border-radius: 0;
				border-radius: 0;
				color: #ffffff;
				display: block;
				padding: 10px 16px;
				/*width: 200px;
					width:100px;*/
					width:auto;
				
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;	
					 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
	
					}
			form  input[type=submit]:hover {
				color:#000;
					background: #c0c0c0;
					cursor: pointer;
					}		

		form input[type=checkbox]{
			padding:10px;
			margin:10px;
			width:16px;
		}			

#infomessage {
	font-weight:bold;
	font-size:16px;
       /* position:fixed;
        top:0;
        left:30%;
        width:40%;*/
        z-index:1000;
       /* text-align: center;*/
}
#loader{
    margin-top:4px;

}
#infomessage div{
	font-size:12px;
    padding:10px 32px;
	margin-bottom:16px;
      text-align: left;
    text-shadow: 1px 1px 0px #fff;
     -webkit-box-shadow: -1px 1px 8px rgb(212,212,212);
    -moz-box-shadow:-1px 1px 8px rgb(212,212,212);
    box-shadow: -1px 1px 8px rgb(212,212,212);

}
#infomessage .info{
	background:#dcedfd url(../icons/admin/information.png) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */

}
#infomessage .error{
	color:#fff;
	background:#ff6b6b url(../icons/admin/exclamation.png) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
    text-shadow: 1px 1px 0px #6b0202;

}







/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 14px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}



.inline_menu{
	background:rgba(150, 150, 150, 0.8);
/*background-color:#ADD8E6;*/
	position:fixed;
	z-index:1001;
	top:0;
	right:0;
	padding:6px;
}
.inline_menu a{
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:6px;
	text-decoration:none;
	margin:0;
}
.inline_menu a:hover{
		background:#e4e4e4;
		color:#000;

}