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 { 
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: ''; content: none; } 
:focus { outline: 0; } 
ins { text-decoration: none; } 
del { text-decoration: line-through; }
.clear {
    clear:both;
}
html,body {	
	font: 14px/normal 'Open Sans', Arial, sans-serif, 'lucida grande', tahoma, verdana, arial, sans-serif;
	color:#333333;	
	background-image:url(background.jpg?e=jhs);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-attachment:fixed;	
	margin:0; padding:0;
}
a { color:#0080FF; text-decoration:none; }
a:hover { color:#FE0101; text-decoration:none; }
#top_0 {
    background:#000000;
	padding:0px;
}
#top_1 {
    /*background:#314553;*/
	background-image:url(top.png?e=jhs);
	background-repeat:repeat;
	box-sizing:border-box;
	padding:15px 0px 5px 0px;
	border-bottom:1px #5A8098 solid;
	width:100%;
}
.ajx {
	width:83%;
	max-width:1500px;
	min-width:300px;
	margin:0 auto;
	position:relative;
}
.ajxBackground {
	padding:15px;
	padding-top:0px;
	padding-bottom:2px;
	border-bottom:30px #CCD9E1 solid;
	background:#FFFFFF;
}
.ajxSub {
	padding-bottom:33px;
}
#foot {
	background:#212F38;
	border-top:10px #7094AB solid;
	height:150px;
}
/*####################################*/
a.link { color:#AFC2CF; text-decoration:none; }
a.link:hover { color:#FFFFFF; text-decoration:none; }
a.linkc { font-family:'Exo 2', sans-serif;font-size:1.4em; color:#314553; text-decoration:none; }
a.linkc:hover { font-family:'Exo 2', sans-serif; color:#809EB3; text-decoration:none; }
a.btn { font-family: 'Exo 2', sans-serif; text-decoration:none; padding:0px 0px 5px 0px; color:#79ADBE; }
a.btn:hover { font-family: 'Exo 2', sans-serif; text-decoration:none; padding:0px 0px 5px 0px; color:#FFFFFF; }
a.info { color:#79ADBE; }
a.info:hover { color:#FFFFFF; }

/* H O M E */ 
/* HOME Left */
.titlePOST { color:#CCCCCC;font-family:'Yanone Kaffeesatz', sans-serif;font-size:2.2em;text-shadow: 3px 3px 3px #000;padding:20px 10px 15px 10px;background-image:url(bg.png?t=1);background-repeat:repeat;border-bottom:1px #446073 solid; } 
#infoPOST { position:absolute;top:-345px;left:16px;z-index:99;width:43.4%;color:#FFFFFF;box-sizing:border-box;padding:15px;overflow:hidden; }
#ghostLeft { position:relative;float:left;width:45%;background-image:url(left.png?e=jhs);background-repeat:repeat-x;background-position:bottom left;background-color:#000000;padding-left:13px;padding-right:14px;box-sizing:border-box; }
#ghostLeft_2 { overflow:hidden;visibility:hidden;/**/ }
#bgLat { position:absolute;top:-345px;left:0px;z-index:98;width:100%;height:345px;background-image:url(bg.png?t=1);background-repeat:repeat;border-top:1px #577B93 solid;border-bottom:3px #000000 solid; border-left:1px #577B93 solid;border-right:1px #577B93 solid;box-sizing:border-box; }
/* HOME Right */
#ghostRight { float:left;width:55%;box-sizing:border-box; }
/* S E C T I O N */ 
#filesLeft { float:left;width:73%;margin-right:2%;overflow:hidden; }
#filesRight { float:left;width:25%; }
.filesImag { float:left;width:25%;margin:2%;margin-left:0px; }
.filesDesc { float:left;width:70%;color:#333333;padding:10px;padding-top:2%;box-sizing:border-box; }
.descCSS { font-size:1.3em; }

/**************************************/
.vPost_1 { background-image:url(bg.png?t=1);background-repeat:repeat;padding:3%; padding-bottom:4%; border-top:1px #446073 solid; } 
.vPost_2 { float:left;width:30%;overflow:hidden; }
.vPost_3 { float:left;width:65%;font-size:1.2em; }
.vPost_3_d { padding-left:3%; }
/**/
.vPost_4 { width:100%;font-size:1.2em; }
.vPost_4_d {  }
.vPost_title { font-family:'Exo 2', sans-serif;font-size:1.1em; padding:4px 0px 4px 0px; }
/**************************************/
.titleRight { position:relative;background:#446073;color:#CCCCCC;padding:13px 13px 13px 17px;font-size:1.9em;font-family:'Yanone Kaffeesatz', sans-serif;border-left:15px #314553 solid;margin-left:1px; }
.titleRight2 { position:absolute;bottom:0px;right:0px;border-bottom: 56px solid #FFFFFF; border-left: 36px solid transparent; height: 0px; width:0px;margin-left:1px; }
.titleRight3 { position:absolute;bottom:-10px;right:40px;z-index:99; }
.titleRightSub { float:left;width:20px;height:35px;background:#314553;margin-right:10px;border:1px #7496AD solid; }
/*####################################*/
.title { font: 3.6em 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; line-height:1.2em; color:#000000; padding:20px 15px 0.5em 0px;margin-bottom:0.8em;border-bottom:1px #B2B2B2 solid; }
.description { font: 1.3em Arial, Helvetica, sans-serif; line-height:1.4em; color:#333333; overflow:hidden; }
.fix {
    position: fixed;
    #position:absolute;
	top:0px;
	top:expression(eval(document.documentElement.scrollTop));
	z-index:777;
}
#advertising_home { padding:20px 35px 20px 16px; }
.titleSection {
    font: 2em Arial, Helvetica, sans-serif;
	padding:30px 0px 15px 0px;
	border-bottom:1px #7496AD solid;
	margin-bottom:25px;
}
/* P A G E S */
/*******************************************************************/
.pagesNews { font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;color:#A8A8A8;padding:30px 20px 20px 20px;line-height:45px;text-align:center; }
a.pagesNews { color:#6D92A9;padding:2px 6px 2px 6px;text-decoration:none; }
a.pagesNews:hover { color:#FFFFFF;text-decoration:none; }
.newsFocus { color:#28384F;background:#ffffff;border:1px #CCCCCC solid;padding:2px 10px 2px 10px; }
/**/
.pagesNews2 { font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;color:#A8A8A8;padding:40px 20px 70px 20px;line-height:45px;text-align:center; }
a.pagesNews2 { color:#7094AB;padding:2px 6px 2px 6px;text-decoration:none; }
a.pagesNews2:hover { color:#6D92A9;text-decoration:none; }
.newsFocus2 { color:#ffffff;background:#212F38;padding:2px 15px 2px 15px; }
/* SEARCH $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.searchRef { color:#B5B5B5; font-style:italic; }
.searchKey { font-weight:bold; font-size:20px; }
.btnSearch { background-color:#4A6D82; }
.btnSearch2 { background-color:#52788F; }
/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
a.postTitle {
   color:#7094AB; text-decoration:none;
}
a.postTitle:hover {
   color:#A9BECD; text-decoration:none; 
}
/*********** FORM ************/
.inpSearch {
    background:#4A6D82;
	color:#FFFFFF;
	font:14px Verdana, Arial, Helvetica, sans-serif;/*'Courier New', Courier, monospace;*/
	padding-top:11px;
	padding-bottom:11px;
	outline:none;
	border:0px;
	letter-spacing:1px;
	width:100%;
}
.inpTxt {
    background:#ffffff;
	font:14px Verdana, Arial, Helvetica, sans-serif;/*'Courier New', Courier, monospace;*/
	padding:8px;
	outline:none;
	border:1px #B6C2D1 solid;
	letter-spacing:1px;
}
.inpTxtArea {
	background: #ffffff;
	border:1px #B6C2D1 solid;
	padding:10px;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
	height:150px;
	outline:none;
	color:#000000;
	letter-spacing:1px;
}
.inpSelect {
    background:#ffffff;
	color:#000000;
	padding:8px;
	border:1px #B6C2D1 solid;
	font:14px Verdana, Arial, Helvetica, sans-serif;/*'Courier New', Courier, monospace;*/
	outline:none;
}
.button {
    margin: 0px;
    text-decoration: none;
    font: bold 1.0em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);   
}
.button, 
.button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
}
.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    background-size: 3px 3px;            
}
.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);	
}
.button:active {
    position: relative;
    top: 1px;
}
/* BOTON AZUL */
.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.button-blue:hover {
    color:#FFFFFF;
	text-decoration:none;
	background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}
.button-blue:active {
    background: #4477a1;
}
.boxes {
	width: 20px;
	height: 20px;
	background: url("nocheck.png?t=4437");
	cursor:pointer;
	display:block;
	float:left;
}
.boxesClick {
	width: 20px;
	height: 20px;
	background: url("check.png?t=44357");
	cursor:pointer;
	display:block;
	float:left;
}
/*****************************************************************************************************/

@media screen and (min-width:1001px){/*NEGRO*/#max5{display:block;}#max4{display:none;}#max3{display:none;}#max2{display:none;}#max1{display:none;}#max0{display:none;}
    /*<home>*/
	#tools_2 { display:none; }
	#category_2 { display:none; }
	#advertising_2 { display:none; }
	/*</home>*/
}
@media screen and (max-width:1000px){/*VERDE*/#max5{display:none;}#max4{display:block;}#max3{display:none;}#max2{display:none;}#max1{display:none;}#max0{display:none;}
    /*<home>*/
	.vPost_2 { float:none; width:100%; }
	.vPost_3 { float:none; width:100%; font-size:1.3em; }
	.vPost_3_d { padding-left:0px; }
	.titlePOST { padding-left:8px; }
	#tools_2 { display:none; }
	#category_2 { display:none; }
	#advertising_2 { display:none; }
	#tools_1 { display:none; }
	#tools_2 { display:block; }	
	#category_1 { display:none; }
	#category_2 { display:block; }
	#advertising_1 { display:none; }
	#advertising_2 { display:block; }
	#ghostLeft { width:55%; }
	#ghostRight { width:45%; }
	#infoPOST { width:53.4%; }
	/*</home>*/
}
@media screen and (max-width:800px){/*AZUL*/#max5{display:none;}#max4{display:none;}#max3{display:block;}#max2{display:none;}#max1{display:none;}#max0{display:none;}
    /*<home>*/
	.titlePOST { padding-left:7px; }
	.titleRight3 { display:none; }
	/*</home>*/
}
@media screen and (max-width:700px){/*ROSA*/#max5{display:none;}#max4{display:none;}#max3{display:none;}#max2{display:block;}#max1{display:none;}#max0{display:none;}
	/*<section>*/
	#filesLeft { width:100%; }
	#filesRight { display:none; }
	/*</section>*/
}
@media screen and (max-width:600px){/*VIOLETA*/#max5{display:none;}#max4{display:none;}#max3{display:none;}#max2{display:none;}#max1{display:block;}#max0{display:none;}
	/*<home>*/
	#infoPOST { display:none; }
	#bgLat { display:none; }
	#ghostLeft { background:#000000; width:55%; }
	#ghostLeft_2 { visibility:visible; }
	#ghostRight { margin-top:15px; width:45%; }
	.titleRight2 { display:none; }
	.titlePOST { font-size:2em; }
	.wow { display:none; }
	.txtGhost { display:none; }
	#advertising_home { padding:20px 0px 20px 0px; }
	/*</home>*/
	/*<section>*/
	.filesImag { float:none; width:100%; }
	.filesDesc { float:none; width:100%; padding:5px 0px 0px 0px; }
	/*</section>*/
}
@media screen and (max-width:450px){/*ROJO*/#max5{display:none;}#max4{display:none;}#max3{display:none;}#max2{display:none;}#max1{display:none;}#max0{display:block;}
    /*<home>*/
	#ghostLeft { width:100%; }
	#ghostRight { display:none; }
	/*</home>*/
}