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;
	overflow-x:hidden;
}
#top {
	background-image:url(bg.jpg?e=$jhs);
	background-repeat:repeat-x;
	background-color:#2259A2;
    background-attachment:fixed;
	position:relative;
}
.ajx {
	width:90%; 
	max-width:1500px; 
	min-width:350px; 
	margin:0 auto; 
	position:relative;
	color:#333333;
}
#logo {
	position:absolute;
	bottom:20px;
	left:13px;
	width:400px;
}
#btn {
	position:absolute;
	bottom:20px;
	right:27px;
	width:50px;
	height:50px;
	background:#4F4F4F;
	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;
}
#social { position:absolute;bottom:22px;right:27px; }
#imageTop { position:absolute;top:-1px;right:20%; z-index: 99; }
#textTop { position:absolute;bottom:27px;right:20%; z-index:99; color:#FFFFFF; font-size:2.15em;text-shadow: rgb(0,0,0) 3px 3px 5px; font-weight:bold; }
.socialNet { width:40px; }
#logo2 {
    width:300px;
	position:absolute;
	top:50px;
	left:20px;
}
.left { float:left;width:68%;margin-right:2%;padding:17px;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;
}
a { color:#0080FF; text-decoration:none; }
a:hover { color:#FE0101; 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:#CFD1D3; }
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; }

#col_1 { position:absolute;top:50px;right:360px;color:#CFD1D3; }
#col_2 { position:absolute;top:50px;right:90px;color:#CFD1D3; }

/***************/
#menu li {
  float:left;
}
#menu a {
  display: block;
  text-decoration: none;
  color:#DBDBDB;
  font-family: 'Exo 2', sans-serif;
  font-size: 1.2em;
  border-right: 1px #727272 solid;
  padding: 10px 17px;
}
#menu a:hover {
  background:#F4F4F4;
  color:#7F7F7F;
}
/***********************************/
.zitemRight { margin-right:2%; }
.zitem { width:32%;height:300px;background:#000;float:left;overflow:hidden;position:relative; }
.zitem .caption {
	font-size:2em;font-family:'Yanone Kaffeesatz', sans-serif;
	position:absolute;
	width:100%;
	height:80px;
	bottom:0px;
	left:0;
	/*background-image:url(bg.png?t=1234);*/
	background-color:#000000;
	background-repeat:repeat;
	box-sizing:border-box;
	padding:15px;
}
.zitem .caption .caption2 {
	width:100%;
	color:#CFD1D3;
	height:57px;
	overflow:hidden;
}
.zitem .category {
	font-size:1.5em;font-family:'Yanone Kaffeesatz', sans-serif;
	color:#FFFFFF;
	position:absolute;
	width:130px;
	top:10px;
	left:0px;
	border-radius:0px 7px 7px 0px;-moz-border-radius:0px 7px 7px 0px;-webkit-border-radius:0px 7px 7px 0px;
	background-color:#CE1656;
	box-sizing:border-box;
	padding: 10px 7px 7px 15px;
}
.zitemImg {
	border:0; position:absolute;
}
/* $ PUBLICACIONES $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
a.postTitle {
   color:#3FA1DA; text-decoration:none;
}
a.postTitle:hover {
   color:#68B4E1; text-decoration:none; 
}
.post_1_img { float:left;width:25%;margin:2%;margin-left:0px; }
.post_1_txt { float:left;width:70%;font-size:1.3em;color:#333333;box-sizing:border-box;padding:10px; } /* SE TOCA ABAJO */
.post_2_txt { width:100%;font-size:1.3em;color:#333333;box-sizing:border-box;padding:10px 16px 16px 0px; }
.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; }
.titleSection { font-size:2em;padding:15px 0px 15px 0px;color:#575B68; }
/* 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; }
/*****************************************************************************************************/
#appGoogle { position:absolute;width:100%;left:-50%;top:593px;z-index:99;background:#ccc; }
/* Envialo simple*/
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1{
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 label{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingPrivacyLink{
	text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingFormTitle{
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingFormDescription{
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 input.emailMarketingSubscriptionTextField,
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 select.emailMarketingSubscriptionSelectField,
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 textarea.emailMarketingSubscriptionTextareaField{
	border: medium none;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 100%;
	resize: none;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
	-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
	-wekbit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .submitButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingSubscriptionMonthDayEnvolpe{	 width: 100%;}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingSubscriptionMonthDayEnvolpe td:first-child{	 width:60%;}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingSubscriptionMonthDayEnvolpe td + td{	 padding-left:10px;}
.emailMarketingSubscriptionFormContainer.formID_subscriptionForm-96423-1 .emailMarketingSubscriptionMonthDayEnvolpe .emailMarketingSubscriptionMonthDayEnvolpe-subLabel label{	 font-size: .7em;	 color: #555555;}
/*********** 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;
}
.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;
}
.imgDip {
	max-width:100%;display:block;margin:auto;
}
.imaDipfusion {
	max-width:100%;display:block;margin:auto;margin-top:10px;
}

@media screen and (min-width:1101px){/*NEGRO*/#max5{display:block;}#max4{display:none;}#max3{display:none;}#max2{display:none;}#max1{display:none;}#max0{display:none;}

}
@media screen and (max-width:1100px){
	#textTop { font-size:2em; }
}
@media screen and (max-width:1050px){
	#textTop { top:10px;right:290px;font-size:1.5em; }
	#imageTop { right:-38px;}
}
@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;}
    #col_2 { display:none; }
	#col_1 { right:20%; }
	#btnMenu { display:none; }
	#btn { display:block; }
	#social { right:97px; }
	.socialNet { width:30px; }
	.hiddtxt { display:none; }
}
@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;}
	#col_1 { right:10%; }
	.left { width:100%;margin-right:0%; }
	.right { display:none; }
	.zitem { clear:both;width:100%;height:200px; }
	.zitemRight { margin-right:0%;margin-bottom:5%; }	
	#logo { width:340px; }
	#logo { bottom:17px; }
	#textTop { font-size:1.2em; }
}
@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;}
	#col_1 { display:none; }
	#textTop { display:none; }
	#imageTop { display:none; }
	#btn { top:20px; }
	#social { top:25px; }
	#logo { width:330px; }
	#logo { bottom:17px; }
	#contentButton { top:30px; }
}
@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;}
	.post_1_img { width:100%;margin:0%;margin-top:2%;margin-bottom:2%;clear:both; }
	.post_1_txt { width:100%;clear:both;padding:10px 16px 16px 0px; }
}
@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;}
	#logo { width:310px; }	
}