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-color:#FFFFFF;
}
#top {
	background-image:url(bg.jpg?e=jhs);
	background-repeat:repeat-x;
	position:relative;
}
#topBanner {
	height:170px;
}
#logo {
	position:absolute;
	bottom:20px;
	left:13px;
	width:330px;
}
#logo2 {
    width:300px;
	position:absolute;
	top:50px;
	left:20px;
}
#btn {
	position:absolute;
	bottom:20px;
	right:27px;
	width:50px;
	background:#696F7C;
	display:none;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
#contentButton {
    right:-7px;
	top:110px;
	position:absolute;
	text-align:right;
	padding-top:50px;
	padding-right:19px;
	width:300px;
	z-index:100;
}
.ajx {
	width:90%; 
	max-width:1500px; 
	min-width:350px; 
	margin:0 auto; 
	position:relative;
	color:#333333;
}
a { color:#0061C1; text-decoration:none; }
a:hover { color:#0078F0; text-decoration:none; }
a.btn { display:block; text-decoration:none; padding:5px; color:#E4E6E9; margin-bottom:2px; border-bottom:1px #646B79 solid; }
a.btn:hover { display:block; text-decoration:none; padding:5px; background:#4B505A; color:#FFFFFF; margin-bottom:2px; border-bottom:1px #646B79 solid; }
a.btn2 { font-family: 'Exo 2', sans-serif; display:block; text-decoration:none; padding:0px 0px 5px 0px; color:#BCC0C4; }
a.btn2:hover { font-family: 'Exo 2', sans-serif; display:block; text-decoration:none; padding:0px 0px 5px 0px; color:#FFFFFF; }
a.info { color:#BCC0C4; font-weight:bold; }
a.info:hover { color:#FFFFFF; font-weight:bold; }
.rojo { color:#DC4C3E; }
a.pedir {
   background:#E8E8E8;
   width:100%;
   display:block;
   padding:5px 2px 5px 2px;
   text-align:center;
   box-sizing:border-box;
   border:1px #CCCCCC solid;
   font-size:1em;
}
a.pedir:hover {
   background:#F2F2F2;
}
.left { float:left;width:68%;margin-right:2%;padding:14px;margin-bottom:30px;box-sizing:border-box;position:relative; }
.right { float:left;width:30%;box-sizing:border-box;position:relative; }
.fixRight {
    position: fixed;
    #position:absolute;
	top:0px;
	top:expression(eval(document.documentElement.scrollTop));
	width:27%;
	z-index:777;
}
/* PUBLICACIONES $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
.ulList_post {
	list-style-type:square;
	margin:3px 0px 3px 22px;
}
a.postTitle {
   color:#3FA1DA; text-decoration:none;
}
a.postTitle:hover {
   color:#68B4E1; text-decoration:none; 
}
.seccTitle { width:100%;font-size:2.7em;font-family:'Yanone Kaffeesatz', sans-serif;padding:0px 16px 16px 0px;line-height:1.2em; }
.seccLeft { width:30%;float:left;overflow:hidden;margin-bottom:20px; }
.seccRight { width:70%;float:left;color:#333333; }
.title { font: 3.6em 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; line-height:1.2em; color:#000000; padding:10px 15px 0.5em 0px;margin-bottom:0.5em;border-bottom:1px #B2B2B2 solid; }
.subtitle { font: 2.6em 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; line-height:1.2em; color:#000000; padding:10px 15px 0.3em 0px;margin-bottom:0.5em;border-bottom:1px #B2B2B2 solid; }
.description { font: 1.3em Arial, Helvetica, sans-serif; line-height:1.4em; color:#333333; overflow:hidden; }
/* FOLLETOS *******************/
.folleto { width:50%;float:left; } 
/******************************/
/* P A G E S */
/*******************************************************************/
.pagesNews { color:#A8A8A8;text-align:center;padding:20px;padding-top:40px;line-height:45px; }
a.pagesNews { padding:2px 6px 2px 6px;text-decoration:none;color:#3FA1DA; }
a.pagesNews:hover { text-decoration:none;color:#68B4E1; }
.newsFocus { background:#ffffff;color:#68B4E1;padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px;border:1px #CCCCCC solid; }
.searchRef { color:#B5B5B5; font-style:italic; }
.searchKey { font-weight:bold; font-size:20px; }
/*********** 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;
	width:70%;
}
.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;
	width:90%;
}
.inpSelect {
    background:#ffffff;
	color:#000000;
	padding:8px;
	border:1px #B6C2D1 solid;
	font:14px Verdana, Arial, Helvetica, sans-serif;/*'Courier New', Courier, monospace;*/
	outline:none;
}
.selectExt {
    width:70%;
}
.button {
    margin: 0px;
    text-decoration: none;
    font: bold 1.2em '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=1234");
	cursor:pointer;
	display:block;
	float:left;
}
.boxesClick {
	width: 20px;
	height: 20px;
	background: url("check.png?t=1234");
	cursor:pointer;
	display:block;
	float:left;
}
/*****************************************************************************************************/
#btnMenu1 {
  position:absolute;
  right:0px;
  top:10px;
}
#menu1 li {
  float:left;
}
#menu1 a {
  display: block;
  text-decoration: none;
  color:#000000;
  font-family: 'Exo 2', sans-serif;
  font-size: 1.1em;
  padding: 8px 15px;
}
#menu1 a:hover {
  color:#000000;
  background:#B7DAF7;
}
/**/
#menu2 li {
  float:left;
}
#menu2 a {
  display: block;
  text-decoration: none;
  color:#E5E5E5;
  font-family: 'Exo 2', sans-serif;
  font-size: 1.1em;
  border-right: 1px #888E9B solid;
  padding: 8px 15px;
}
#menu2 a:hover {
  background:#484D55;
}
/**/
#col_1 { position:absolute;top:50px;right:360px; }
#col_2 { position:absolute;top:50px;right:150px; }
/***********************************/
.zitemRight { margin-right:2.6%; }
.zitem { width:23%;height:250px;background:#000;float:left;overflow:hidden;position:relative; }
.zitem .caption {
	font-size:2.2em;font-family:'Yanone Kaffeesatz', sans-serif;
	color:#BCC0C4;
	position:absolute;
	bottom:0px;
	left:0;
	overflow:hidden;
	line-height:1em;
	background-image:url(bg.png?t=1234);
	background-repeat:repeat;
	box-sizing:border-box;
	padding:15px;
}
.zitemImg {
	border:0; position:absolute;
	left:-10px;
}
/*****************************************************************************************************/
/*GRIS*/
@media screen and (min-width:1001px){#m6{display:block;}#m5{display:none;}#m4{display:none;}#m3{display:none;}#m2{display:none;}#m1{display:none;}#m0{display:none;}

}
/*ROJO*/
@media screen and (max-width:1000px){#m6{display:none;}#m5{display:block;}#m4{display:none;}#m3{display:none;}#m2{display:none;}#m1{display:none;}#m0{display:none;}
    #col_2 { display:none; }
	#col_1 { right:20%; }
	#thumbJHS { display:none; }		
}
/*CYAN*/
@media screen and (max-width:850px){#m6{display:none;}#m5{display:none;}#m4{display:block;}#m3{display:none;}#m2{display:none;}#m1{display:none;}#m0{display:none;}
	.left { width:100%;margin-right:0%; }
	.right { display:none; }
}
/*AZUL*/
@media screen and (max-width:800px){#m6{display:none;}#m5{display:none;}#m4{display:none;}#m3{display:block;}#m2{display:none;}#m1{display:none;}#m0{display:none;}
	#col_1 { right:10%; }
	#btnMenu1 { display:none; }
	#btnMenu2 { display:none; }
	#btn { display:block; }
}
/*VIOLETA - MEDIDA HORIZONTAL DE CELULAR */
@media screen and (max-width:640px){#m6{display:none;}#m5{display:none;}#m4{display:none;}#m3{display:none;}#m2{display:block;}#m1{display:none;}#m0{display:none;}
	#col_1 { display:none; }
	.folleto { width:100%;clear:both; }
}
/*MARRON*/
@media screen and (max-width:570px){#m6{display:none;}#m5{display:none;}#m4{display:none;}#m3{display:none;}#m2{display:none;}#m1{display:block;}#m0{display:none;}
	#logo { width:300px; }	
	.zitem { clear:both;width:100%;height:200px; }
	.zitemRight { margin-right:0%;margin-bottom:5%; }
}
/*VERDE*/
@media screen and (max-width:450px){#m6{display:none;}#m5{display:none;}#m4{display:none;}#m3{display:none;}#m2{display:none;}#m1{display:none;}#m0{display:block;}
	#logo { width:250px; }
	#topBanner { height:120px; }
	#contentButton { top:60px; }
}