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:#F9F9F9;
}
/* Top */
#top { background-image:url(bg.jpg?e=jhs); background-repeat:repeat-x; }
#subtop { height:80px; }
#logo { position:absolute; bottom:15px; left:13px; width:190px; }
#login { position:absolute; bottom:15px; right:13px; }
.ajx { width:90%; max-width:1200px; min-width:350px; margin:0 auto; position:relative; color:#333333; }
.left { float:left; width:69%; background:#FFFFFF; margin-right:2%; overflow:hidden; }/*box-sizing:border-box;*/
.right { float:left; width:29%; line-height:2em; background:#FFFFFF; margin-bottom:3%; }
.rightTransparent { float:left; width:29%; line-height:2em; margin-bottom:3%; }
.title { color:#2E81B5; font:2.2em 'PT Sans', sans-serif; padding:40px; padding-bottom:20px; border-bottom:2px #F5F5F5 solid; margin-bottom:15px; }
.titleSec { color:#2E81B5; font:1.5em 'PT Sans', sans-serif; padding-bottom:20px; border-bottom:2px #F5F5F5 solid; margin-bottom:15px; }
.description { color:#858585; padding:0px 40px 50px 40px; font-size: 1.2em; line-height:1.4em; }
a { color:#0080FF; text-decoration:none; }
a:hover { color:#FE0101; text-decoration:none; }

/* Left body */
/* ///////////////// home */
.vitaeLink { display:block;width:32%;margin-bottom:2%;float:left;color:#686868; }
a.vitaeLink:hover { color:#8FA0AE; }
.vitaeLinkExt { margin-right:2%; }
.vitaeBody { background:#F9F9F9;border-bottom:10px solid #3498DB;position:relative; }
.vitae { height:145px;overflow:hidden;position:relative; }
.vitaeImg { border:0;width:100%;position:absolute; }
.vitaeTitleDesc { height:180px;position:relative; }
.vitaeTitle { font:1.5em 'PT Sans', sans-serif;padding:10px 15px;line-height:1.1em; }
.vitaeDesc { font:20px 'PT Sans', sans-serif;position:absolute;bottom:7px;right:12px;padding:10px; }
.vitaePromo { position:absolute;top:-25px;left:-20px;z-index:99; }
.vitaePromo1 { width:170px; }
.vitaePromo2 { 
    font:1em 'Exo 2', sans-serif;position:absolute;top:6px;left:-10px;z-index:99;color:#FFFFFF;width:150px;overflow:hidden;text-align:center;
	letter-spacing:1px;-webkit-transform: rotateZ(-19deg);-moz-transform: rotateZ(-19deg);-o-transform: rotateZ(-19deg); 
}
.vitaeDesc_1 { color:#686868;font-size:0.8em; }
.vitaeDesc_2 { color:#56A846;font-size:1em; }
.vitaeDesc_3 { color:#56A846;font-size:1.5em; }
/* ///////////////// seccion */
.leftTable { width:27%; }
.ok { color:#3191D1; }
.er { color:#D50000; }
/* Right body */
.fontRight { font: 1.2em 'Exo 2', sans-serif; line-height:1.2em; }

/* Foot */
#foot { border-top:40px solid #4B5258; background-color:#353535; }
#footCenter { width:90%; height:400px; max-width:1200px; min-width:350px; margin:0 auto; position:relative; color:#DDDDDD; }
#footUnder { position:absolute; left:20px; bottom:77px; color:#A5A8AB; }
#footTech { position:absolute; left:20px; bottom:110px; width:320px; }
#logo2 { position:absolute; top:50px; left:20px; width:190px; }
#footInfo { font: 1em 'PT Sans', sans-serif; color:#A5A8AB; position:absolute; top:110px; left:75px; }
#column_1 { position:absolute; top:30px; right:400px; }
#column_2 { position:absolute; top:30px; right:80px; }
.columnTitle { font: 1.1em 'PT Sans', sans-serif; color:#DDDDDD; font-weight:bold; margin-bottom:15px; }
a.columDesc { font: 1em 'PT Sans', sans-serif; color:#A5A8AB; display:block; margin-bottom:4px; position:relative; }
a.columDesc:hover { color:#DDDDDD; }
a.triliton { font: 1em 'PT Sans', sans-serif; color:#A5A8AB; position:relative; }
a.triliton:hover { color:#DDDDDD; }
#form960 { position:absolute; top:155px; }
a.footLink { font: 1.1em 'PT Sans', sans-serif; color:#6BC1FA; display:block; margin-bottom:4px; }
a.footLink:hover { color:#FFFFFF; }

/*******************************************************************/
/*********** FORM **************************************************/
.ulList {
	list-style-type:square;
	margin:3px 0px 3px 22px;
}
.inpSearch {
    background:#4A6D82; color:#FFFFFF; font:14px Verdana, Arial, Helvetica, sans-serif; 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; 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; outline:none;
}
.selectExt {
    width:70%;
}
.button {
    margin: 0px; text-decoration: none; font: 1.1em 'PT Sans',Arial, Helvetica; display: inline-block; text-align: center; color: #fff;    
    /*border: 1px solid #9c9c9c;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; border-top: 1px solid rgba(255, 255, 255, 0.5);*/ display: block; padding: 0.9em 1.7em;
    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(#3498DB), to(#3498DB) );
   background: -moz-linear-gradient(-90deg, #3498DB, #3498DB);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3498DB', endColorstr='#3498DB');
}
.button-blue:hover {
   color:#FFFFFF; text-decoration:none; background: #81a8cb; background: -webkit-gradient(linear, left top, left bottom, from(#FF7F00), to(#FF7F00) );
   background: -moz-linear-gradient(-90deg, #FF7F00, #FF7F00);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF7F00', endColorstr='#FF7F00');            
}
.button-blue:active {
   background:#FF7F00;
}
/* BOTON VERDE */
.button-green {
   background: #4477a1; background: -webkit-gradient(linear, left top, left bottom, from(#56A846), to(#56A846) );
   background: -moz-linear-gradient(-90deg, #56A846, #56A846);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#56A846', endColorstr='#56A846');
}
.button-green:hover {
   color:#FFFFFF; text-decoration:none; background: #81a8cb; background: -webkit-gradient(linear, left top, left bottom, from(#78C259), to(#78C259) );
   background: -moz-linear-gradient(-90deg, #78C259, #78C259);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#78C259', endColorstr='#78C259');            
}
.button-green:active {
   background:#56A846;
}
/*******************************************************************/
/*********** PAGE **************************************************/
.pagesNews {
   color:#A8A8A8;
   text-align:center;
   padding:20px;
   padding-top:10px;
   line-height:40px;
}
a.pagesNews {
   padding:2px 6px 2px 6px;
   text-decoration:none;
   color:#008ACC;
}
a.pagesNews:hover {
   text-decoration:none;
   color:#00A3F0;
}
.newsFocus {
	color:#000000;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border:1px #CCCCCC solid;
}
/*****************************************************************************************************/
/*****************************************************************************************************/
/*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;}
     .vitaeImg { left:-20px;width:120%;height:145px; }
	 #column_1 { right:340px; }
	 #column_2 { right:20px; }
	 .vitaeTitle { font-size:1.3em; }
	 #footTech { width:260px; }
}
/*CYAN*/
@media screen and (max-width:900px){#m6{display:none;}#m5{display:none;}#m4{display:block;}#m3{display:none;}#m2{display:none;}#m1{display:none;}#m0{display:none;}
	 #column_1 { right:270px; }
	 #column_2 { right:0px; }
	 .vitaeTitle { font-size:1.2em; }
	 .vitaeDesc { font-size:18px; }	 
}
/*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;}
	 .left { width:100%; clear:both; margin-right:0%; }
	 .right { display:none; }
	 .rightTransparent { display:none; }
	 #column_1 { right:80px; }
	 #column_2 { display:none; }
	 .vitaeTitle { font-size:1.3em; }	 
}
/*VIOLETA - MEDIDA HORIZONTAL DE CELULAR */
@media screen and (max-width:630px){#m6{display:none;}#m5{display:none;}#m4{display:none;}#m3{display:none;}#m2{display:block;}#m1{display:none;}#m0{display:none;}
	 #column_1 { right:40px; }
	 .vitaeTitle { font-size:1.3em; }	 
}
/*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;}
	 .vitaeLink { display:block;width:100%;margin-bottom:5%; }
	 .vitaeLinkExt { margin-right:0%; }
	 .vitaeImg { left:0px;width:100%;height:170px; }
	 .vitaeTitleDesc { height:110px; }
	 .vitaeDesc { font-size:22px; font-weight:normal; bottom:-5px; }
	 #column_1 { right:20px; }
	 .vitaeTitle { font-size:1.4em; }
	 .leftTable { width:36%; }
	 .button { font-size:0.9em; }
}
@media screen and (max-width:500px){
	 .column_0 { visibility:hidden; }
	 #form960 { right:10px; }
	 .vitaeTitle { font-size:1.3em; }
	 #footTech { width:230px; }
}
/*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;}

}