body 
{
	max-width:1080px;
	margin-top:0px;
	margin-bottom:0px; 
	margin-left:auto; 
	margin-right:auto;
	padding-top:0px;
	padding-bottom:30px;
	font-family:montserrat,Arial,sans-serif;
	font-size:14px;
	color:#333;
	background-color:#fff;	
}

@font-face
{
	font-family:montserrat;
	src: url('/graficos/fonts/montserrat.ttf');	
}


a
{
	color:#069;
	text-decoration:none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

hr
{
	text-align:center; 
	height:1px;
	border:0; 
	color:#999;
	background-color:#999;
}

.breadcrumbs
{
	position:relative; 
	top:-7px; 
	left:0px;
	text-align:left;
	height:20px;
	background:none;	
}

.theme-dropdown .dropdown-menu 
{
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn 
{
  margin: 5px 0;
}

.font-bold  		
{
	font-weight:bold;
}

.font-xs  		
{
	font-size:10px; 
	color:#444;	
}

.font-sm  		
{
	font-size:12px; 
}

.font-sm-bold  		
{
	font-size:12px; 
	font-weight:bold;
}

.font-lg
{
	font-size:16px; 
}

.font-lg-bold
{
	font-size:16px; 
	font-weight:bold;
}

.font-xl  		
{
	font-size:19px; 
}

.font-xl-bold	
{
	font-size:19px; 
	font-weight:bold;
}

.font-success
{
	color:#090;
}

.font-danger
{
	color:#C00;
}

.font-grey
{
	color:#666;
}

.font-danger
{
	color:#F00;	
}

.bg-primary 	
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:17px; 
	color:#fff; 
	font-weight:bold; 
	background-color:#06C;
	padding:3px; 
	margin-left:auto;
	margin-right:auto
}

.bg-success	
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:17px; 
	color:#fff; 
	font-weight:bold; 
	background-color:#0B0;
	padding:3px; 
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:30px;
	text-align:center;
	vertical-align:middle;
}

.bg-warning 	
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:17px; 
	color:#333; 
	font-weight:bold; 
	background-color: #FF0;
	padding:3px; 
	margin-left:auto;
	margin-right:auto
}

.bg-danger 	
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:17px; 
	color:#fff; 
	font-weight:bold; 
	background-color: #C00;
	padding:3px; 
	margin-left:auto;
	margin-right:auto
}

.menu-session 
{
	position:relative; 
	top:-14px;
	width:100%; 
	height:30px;
	background-color:#F60; 
	border:none; 
	text-align:center;	
	border-radius: 0px 0px 5px 5px;
}	

.menu-session a 
{
	position:relative;
	top:6px;
	text-decoration:none; 
	font-family:Arial,Helvetica,sans-serif; 
	font-size:1em; 
	color:#FFF;
}	

.box_permalink
{
	width:300px;
	height:20px;
	font-family:Arial,Helvetica; 
	font-size:11px;
	color:#666; 
	border-collapse:collapse;
	border: 1px solid #CCC;
	padding:2px;
	vertical-align:middle;
}

.photo-glow
{
	padding:0px; 
	border:0px; 
	box-shadow: 0 1px 5px #666;
}

.thumbnail-album
{
	display:inline-block; 
	text-align:center;
	vertical-align:top;
	height:150px; 
	width:170px;
	padding:10px; 
	overflow: visible;
}

.thumbnail-album-wide
{
	display:inline-block; 
	text-align:center;
	vertical-align:top;
	height:170px; 
	width:170px;
	padding:10px; 
	overflow: visible;
}

.leftPanel
{
	display:inline-block; 
	width:650px; 
	text-align:left; 
	border:0px solid black;	
}

.rightPanel
{
	display:inline-block; 
	width:330px; 	
	vertical-align:top; 
	border:0px solid red;
	text-align:center;
}

div#thumbs_images
{
	display:inline-block; 
	position:relative; 
	padding:0px; 
	overflow:hidden; 
	border:2px solid white; 
	vertical-align:middle;
}

img#thumbs_images
{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);	
}

span#thumbs_images
{
	display:block; 
	position:absolute;	
	width:100%; 
	height:25px; 
	background-color: 
	rgba(0,0,0,0.65);
}

p#thumbs_images
{
	position:relative; 
	top:6px; 
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto;
	line-height:95%; 
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	font-size:10px; 
	color:#fff;
}

.article #title
{
	font:bold 34px Georgia, Times, serif;
	line-height:90%;
	margin:.2em 0 .4em 0;
	letter-spacing:-2px;
	text-align:left;
	color:#333;
	text-transform:uppercase;
	padding:0px;
	margin-top:20px;
	margin-bottom:0px;
}

.article #subtitle
{
	font:25px Georgia, Times, serif;
	line-height:90%;
	margin:.2em 0 .4em 0;
	letter-spacing:-2px;
	text-align:left;
	color:#333;
	padding:0px;
	margin-top:10px;
	margin-bottom:15px;
}


.article #caption
{
	font:26px Georgia, Times, serif;
	line-height:90%;
	text-align:left;
	color:#000;
	padding:0px;
	margin-bottom:-15px;
}

.article #author
{
	text-align:left; 
	display:inline-block; 
	width:350px;
	text-transform:uppercase;
	letter-spacing:1px;
	color: #999;
	font:100 12px Verdana, Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
}

.article #date
{
	text-align:right; 
	display:inline-block; 		
	width:300px;	
	text-transform:uppercase;
	letter-spacing:1px;
	color:#999;
	font:100 12px Verdana, Helvetica, Arial, sans-serif;
	padding:0px;
	margin:0px;
}

.article hr
{
	color:#fefefe;
	padding:0px;
	margin-top:7px;
	margin-bottom:7px;
}

.article img
{
	margin-bottom:15px;
}


.article
{
	font:18px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	font-weight:200;
	line-height:150%;
}

.article_link img
{
	width:200px; 
	height:130px;
	margin-right:auto;
	margin-left:auto;
}

.article_link p
{
	font:16px Verdana, Helvetica, Arial, sans-serif;
	margin-right:auto;
	margin-left:auto;
	color:#000;
}

.article_link_sm img
{
	width:140px; 
	height:90px;
	margin-right:auto;
	margin-left:auto;
}

.article_link_sm a
{
	font:18px Helvetica, Arial, sans-serif;
	margin-right:auto;
	margin-left:auto;
	color:#000;
}	



.divTable
{
	text-align:center;
	display:table;
	width:100%;
	background-color:#eee;
	border:1px solid  #666666;
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
   /* border-collapse:separate;*/
}

.divRow
{
   display:table-row;
   width:100%;
}

.divCell
{
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	width:33%;
	background-color:#ccc;
}



/*Adding custom checkbox icons*/
.label-checkbox {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}
.label-checkbox:before, label:after {
	font-family: FontAwesome;
	font-size: 22px;
	/*absolutely positioned*/
	position: absolute; top: 0; left: 0;
	top:-4px;
	color: #000;
	
}
.label-checkbox:before {
	content: '\f096'; /*unchecked*/
}
.label-checkbox:after {
	content: '\f046'; /*checked*/
	/*checked icon will be hidden by default by using 0 max-width and overflow hidden*/
	max-width: 0;
	overflow: hidden;
	opacity: 0.5;
	/*CSS3 transitions for animated effect*/
	transition: all 0.35s;
}

/*hiding the original checkboxes*/
input[type="checkbox"] {
	display: none;
}
/*when the user checks the checkbox the checked icon will animate in*/
input[type="checkbox"]:checked + label:after {
	max-width: 30px; /*an arbitratry number more than the icon's width*/
	opacity: 1; /*for fade in effect*/
}

	
@media print 
{
	.noPrint 
	{
    	display:none;
	}
	a[href]:after 
	{
    	content: none !important;
	}	
}
@media screen
{
    .noPrint{}
    .noScreen{display:none;}
}