/*
- - - general to site

#container
#main
#background
#header_container { }
#header_logo { }
#header_buttons { }
#header_images { }
#header_text { }
#footer { }
.btn_img
.btn_blues { }
.btn-blue { }
.btn-primary { }
.v-center
.img_pool 

- - - specific to this page

*/

html{background:url(/_graphics/tex/T5.jpg) no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
body {font-family:'foro_sanslight',sans-serif,"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:14px; line-height:110%; }
a:link {color:#900; text-decoration:none; }
a:visited {color:#4d692d!important;}
[class*="btn-"] { border-radius:8px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.08); background-color:#fff; display: inline-block; font-size:14px; line-height:14px; padding: 0 9px; text-decoration:none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); transition: background-color 0.1s linear 0s; z-index:311; }
[class*="btn-"]:hover {color:red; background-color:#fff8d6; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); cursor:pointer; }
.btn-blue {background-color #f8efdf; border:1px solid #e7b37f; color:#900; }
.btn-blue:hover {background-color:#fff09e;	color:red; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff; }
.btn-blue:active { background-color: rgb( 42, 91, 191 ); }
.btn-primary { background-color:#EDEDED; color:#333; font-size:12px; border:1px solid #ccc; height:16px; }
.btn-primary:hover { background-color: #f9f9f9; color:red; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease -moz-box-shadow:1px 1px 12px 3px #fff; -webkit-box-shadow:1px 1px 12px 3px #fff; box-shadow:1px 1px 12px 3px #fff; }
.btn-primary:active { background-color: rgb( 54, 44, 87 );} 
#header_container { background-image: url("/_graphics/tx_p2b.png"); height:65px; position:relative; }
#header_images { background: rgba(0, 0, 0, 0) url("/_graphics/brainQL2.png") no-repeat scroll 0 0; border: medium none; float:left; height:40px; width:35px; }
#header_images:hover { background: url("/_graphics/brainQLh2.png") no-repeat; }
a.btn_img {display:block; }
a.btn_img img { max-width: 85%; }
#header_text { background: rgba(0, 0, 0, 0) url("/_graphics/brainQR2.png") no-repeat scroll 0 0; border: medium none; position: absolute; right: 0; height: 40px; width: 35px; }
#header_text:hover { background: url("/_graphics/brainQRh2.png") no-repeat; }
#header_logo { background-color:#888;  float: left; height: 25px; visibility: visible; width: 220px; }
#header_buttons { clear:both; display:block; letter-spacing:1px; margin:20px auto; position:absolute; text-align:center; top:16px; width:100%; }
#header_buttons a{ color: #f00; }
#header_buttons .btn_blues, #header_buttons .btn_greys{ margin-bottom:10px; }
#header_buttons .btn_blues a{ line-height:1.5em; display:inline; border: 1px solid #fbcd9f; }
#footer { font-size:12px; border-top:1px solid #fff; border-left:1px solid #fff; background-color:#d9d9d9; height:21px; padding:2px 12px 1px 7px; position:fixed; bottom:0; right:0; z-index: 10000; }
#main { margin: 0px auto 40px; display: -webkit-flex; /* Safari */  -webkit-align-items: flex-start; /* Safari 7.0+ */ display: flex; align-items:flex-start; min-height: calc(100vh - 46px - 110px); clear: both; }
#main .v-center{ align-self: center; margin: 0 auto; }
.dbug {display:none}

strong {font-size:115%}

@media only screen and (min-width: 768px) {
	/* tablets and desktop */
	#header_container { height:95px; }
	#header_images { background: rgba(0, 0, 0, 0) url("/_graphics/brainQL.png") no-repeat scroll 0 0; height:78px; width:58px; }
	#header_images:hover { background: url("/_graphics/brainQLh.png") no-repeat; }
	#header_text { background: rgba(0, 0, 0, 0) url("/_graphics/brainQR.png") no-repeat scroll 0 0; height:78px; width:58px; }
	#header_text:hover { background: url("/_graphics/brainQRh.png") no-repeat; }
	.cell_img img { max-width: 100%; }
	.dbug { opacity: 0.7; padding:5px; position: absolute; font-size:12px; line-height:17px;  top:195px; width:255px; display:block; background-color:#fff; }
}

/*
[class*='btn-'] {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	  transition: background-color 0.1s linear;	
}

*/