/*Janto Solutions && Wink Good Ads 2009*/
/*Prohibida su reproducción para uso comercial*/
/*Dudas o comentarios css@janto.com.mx*/
/*Diseñado en México*/
html{ overflow-y:scroll;}
body{margin:0px; font-family: Trebuchet MS, sans-serif;}
.displayInLine{display:inline; }
.displayBlock{ display:block; }
.clearBoth{ clear:both }
.textAlignLeft{ text-align:left; }
.textAlignRight{ text-align:right; }
.textAlignCenter{ text-align:center;}
.lineHeight100Por{ line-height:100%;}
.lineHeight110Por{ line-height:110%;}
.lineHeight120Por{ line-height:120%;}
.lineHeight130Por{ line-height:130%;}
.lineHeight140Por{ line-height:140%;}
.lineHeight150Por{ line-height:150%;}
.lineHeight160Por{ line-height:160%;}
.lineHeight170Por{ line-height:170%;}
.lineHeight180Por{ line-height:150%;}
.lineHeight190Por{ line-height:160%;}
.lineHeight200Por{ line-height:170%;}

.alignRight{ margin-left:auto; }
.alignLeft{ margin-right:auto; }
.alignCenter{ margin-left:auto; margin-right:auto; }

.bold{font-weight:bold;}
.strong{font-weight:600;}

.floatLeft{float:left}
.floatRight{float:right}

.width100Por{ width:100%; }
.width50por{ width:50%; }
.width49por{ width:49%; }
.width70por{ width:70%; }
.width29por{ width:29%; }
.width80por{ width:80%; }
.width19por{ width:19%; }
.width90por{ width:80%; }
.width09por{ width:19%; }

.fontsize08px{font-size:63%; }
.fontsize09px{font-size:70%; }
.fontsize10px{font-size:77%; }
.fontsize11px{font-size:85%; }
.fontsize12px{font-size:93%; }
.fontsize13px{font-size:100%; }
.fontsize14px{font-size:108%;}
.fontsize15px{font-size:116%;}
.fontsize16px{font-size:123.1%;}
.fontsize17px{font-size:131%;}
.fontsize18px{font-size:138.5%;}
.fontsize19px{font-size:146.5%;}
.fontsize20px{font-size:153.9%;}
.fontsize21px{font-size:161.6%;}
.fontsize22px{font-size:167%;}
.fontsize23px{font-size:174%;}
.fontsize24px{font-size:182%;}
.fontsize25px{font-size:189%;}

/*letras no en escala simplemente más grandes*/
.fontsize26px{font-size:197%;}
.fontsize27px{font-size:210%;}
.fontsize28px{font-size:220%;}
.fontsize29px{font-size:230%;}
.fontsize30px{font-size:30px;}
.fontsize40px{font-size:40px;}
.fontsize50px{font-size:50px;}
.fontsize60px{font-size:60px;}
.fontsize70px{font-size:70px;}
.fontsize80px{font-size:80px;}

.separacion01px{ width:100%; height:1px; clear:both; }
.separacion02px{ width:100%; height:2px; clear:both; }
.separacion03px{ width:100%; height:3px; clear:both; }
.separacion04px{ width:100%; height:4px; clear:both; }
.separacion05px{ width:100%; height:5px; clear:both; }
.separacion10px{ width:100%; height:10px; clear:both; }
.separacion20px{ width:100%; height:20px; clear:both; }
.separacion30px{ width:100%; height:30px; clear:both; }
.separacion40px{ width:100%; height:40px; clear:both; }

a.linkBlanco{ color:#FFFFFF;}
a.linkVerde{ color:#669900;}
a.linkNaranja{ color:#FF6600;}
a.linkMorado{ color:#660033;}
a.linkCafe{ color:#663300;}

a.linkBlancoBlock{ color:#FFFFFF; display:block; line-height:100%}
a.linkVerdeBlock{ color:#669900; display:block; line-height:100%}
a.linkNaranjaBlock{ color:#FF6600; display:block; line-height:100%}
a.linkMoradoBlock{ color:#660033; display:block; line-height:100%}
a.linkGrisBlock{ color:#333333; display:block; line-height:100%}
a.linkGrisFuerteBlock{ color:#666666; display:block; line-height:100%}
a.linkCafeFuerteBlock{ color:#663300; display:block; line-height:100%}

.colorBlanco{ color:#FFFFFF; }
.colorVerde{ color:#669900; }
.colorVerdeFuerte{ color:#669900;}
.colorNaranja{ color:#FF6600; }
.colorMorado{ color:#660033; }
.colorGris{ color:#666666;}
.colorGrisSuave{ color:#999999;}
.colorGrisSuaveExtra{ color:#CCCCCC;}
.colorGrisFuerte{ color:#333333 }
.colorNegro{ color:#000000;}
.colorCafe{ color:#663300;}
.colorVerde{ color:#66CC00; }
.colorAmarillo{ color:#FFFF00 }
.colorRojo{ color:#FF0000 }
.positionAbsolute{position:absolute;}
.positionRelative{position:relative;}

.backgroundBlanco{ background:#FFFFFF;}
.backgroundVerde{ background:#669900;}
.backgroundNaranja{ background:#FF6600;}
.backgroundMorado{ background:#660066;}
.backgroundGris{ background:#CCCCCC;}
.backgroundGrisFuerte{background:#333333}
.backgroundGrisMedio{background:#666666}
.backgroundGrisSuave{background:#F8F8F8}
.backgroundGrisCustom{background:#959595}
.backgroundRojo{background:#FF0000;}
.backgroundAzul{background:#0000FF;}

.backgroundNegroTransparente{ background-image:url(../img/wink/bgBlack_Wink_introduccion.png);}
input.textfield{ border:1px solid #999999; height:25px; width:230px; font-family:"Trebuchet MS"}
.debuggerRed{ border:1px dashed red;}
.debuggerBlue{ border:1px dashed blue;}
.debuggerYellow{ border:1px dashed yellow;}
.debuggerWhite{ border:1px dashed #FFFFFF;}

.borderGrisSolid1px{border:1px solid #999999;}
.borderGrisFuerteSolid1px{border:1px solid #333333;}
.borderGrisSuaveSolid1px{border:1px solid #CCCCCC;}
.borderBlancoSolid1px{border:1px solid #FFFFFF;}
.borderNaranjaSolid1px{border:1px solid #FF6600;}
.borderVerdeSolid1px{border:1px solid #669900;}
.borderMoradoSolid1px{border:1px solid #660066;}

.borderGrisSolid2px{border:2px solid #999999;}
.borderGrisFuerteSolid2px{border:2px solid #333333;}
.borderGrisSuaveSolid2px{border:2px solid #CCCCCC;}
.borderBlancoSolid2px{border:2px solid #FFFFFF;}
.borderNaranjaSolid2px{border:2px solid #FF6600;}
.borderVerdeSolid2px{border:2px solid #669900;}
.borderMoradoSolid2px{border:2px solid #660066;}

.borderGrisSolid3px{border:3px solid #999999;}
.borderGrisFuerteSolid3px{border:3px solid #333333;}
.borderGrisSuaveSolid3px{border:1px solid #CCCCCC;}
.borderBlancoSolid3px{border:3px solid #FFFFFF;}
.borderNaranjaSolid3px{border:3px solid #FF6600;}
.borderVerdeSolid3px{border:3px solid #669900;}
.borderMoradoSolid3px{border:3px solid #660066;}

.borderGrisSolid4px{border:4px solid #999999;}
.borderGrisFuerteSolid4px{border:4px solid #333333;}
.borderGrisSuaveSolid4px{border:4px solid #CCCCCC;}
.borderBlancoSolid4px{border:4px solid #FFFFFF;}
.borderNaranjaSolid4px{border:4px solid #FF6600;}
.borderVerdeSolid4px{border:4px solid #669900;}
.borderMoradoSolid4px{border:4px solid #660066;}

.zindex10{ z-index:10;}
.zindex20{z-index:20;}
.zindex30{z-index:30;}
.zindex40{z-index:40;}
.zindex50{z-index:50;}
.zindex60{z-index:60;}
.zindex70{z-index:70;}
.zindex80{z-index:80;}
.zindex90{z-index:90;}
.zindex100{z-index:100;}

.fontTypeVerdana{font-family:Verdana, Arial, Helvetica, sans-serif}
.fontTypeArial{font-family:Arial, Helvetica, sans-serif}
.fontTypeGeorgia{ font-family:Georgia, "Times New Roman", Times, serif}
.fontTypeCooperStdBlack{ font-family:"Cooper Std Black"}
.fontTypeGillSansMTCondensed{ font-family:"Gill Sans MT Condensed"}
.fontTypeDeekoComicRegular{ font-family:"Deeko Comic Regular"}
.opacity0{opacity:0;  filter:alpha(opacity=0);  -moz-opacity:0; }
.opacity10{opacity:0.1;  filter:alpha(opacity=10);  -moz-opacity:0.1;  }
.opacity20{opacity:0.2;  filter:alpha(opacity=20);  -moz-opacity:0.2; }
.opacity30{opacity:0.3;  filter:alpha(opacity=30);  -moz-opacity:0.3; }
.opacity40{opacity:0.4;  filter:alpha(opacity=40);  -moz-opacity:0.4; }
.opacity50{opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5; }
.opacity60{opacity:0.6;  filter:alpha(opacity=60);  -moz-opacity:0.6; }
.opacity70{opacity:0.7;  filter:alpha(opacity=70);  -moz-opacity:0.7; }
.opacity80{opacity:0.8;  filter:alpha(opacity=80);  -moz-opacity:0.8; }
.opacity90{opacity:0.9;  filter:alpha(opacity=90);  -moz-opacity:0.9; }
.opacity100{opacity:0.1;  filter:alpha(opacity=100);  -moz-opacity:1; }

.roundCorner02{ -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.roundCorner05{ -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.roundCorner10{ -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.roundCorner20{ -webkit-border-radius: 20px; -moz-border-radius: 20px;}

.roundCorner10Top{ 
	-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; 
	-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;

}
.roundCorner10Bottom{ 
	-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;
}

.roundCorner10TopLeft{ 	-webkit-border-top-lef-radius: 10px; -moz-border-radius-topleft: 10px; }
.roundCorner10TopRight{ -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; }
.roundCorner10BottomLeft{ -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.roundCorner10BottomRight{ -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.padding02px{ padding:2px; }
.padding05px{ padding:5px; }
.padding10px{ padding:10px; }
.padding15px{ padding:15px; }

.opacityIMG0{}
.opacityIMG10{background:url(../img/bg_opacity10.png) repeat}
.opacityIMG20{background:url(../img/bg_opacity20.png) repeat}
.opacityIMG30{background:url(../img/bg_opacity30.png) repeat}
.opacityIMG40{background:url(../img/bg_opacity40.png) repeat}
.opacityIMG50{background:url(../img/bg_opacity50.png) repeat}
.opacityIMG60{background:url(../img/bg_opacity60.png) repeat}
.opacityIMG70{background:url(../img/bg_opacity70.png) repeat}
.opacityIMG80{background:url(../img/bg_opacity80.png) repeat}
.opacityIMG90{background:url(../img/bg_opacity90.png) repeat}

/*
div.education{width:294px; height:57px; margin-top:229px; margin-left:293px}
a.education{width:294px; height:57px;  background:#66CC00; opacity:0.3;  filter:alpha(opacity=30);  -moz-opacity:0.3;  display:block;}
a:hover.education{background:#66CC00; opacity:0.4;  filter:alpha(opacity=40);  -moz-opacity:0.4;  display:block;}
*/

div.jacaranda{width:587px; height:57px; margin-top:173px; display:block;}
a.jacaranda{width:587px; height:57px; background:#CC33CC; opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5;  display:block;}
a:hover.jacaranda{background:#CC33CC; opacity:0.6;  filter:alpha(opacity=60);  -moz-opacity:0.6;  display:block;}

div.staff{width:47px; height:57px; margin-top:115px; margin-left:637px}
a.staff{width:47px; height:57px; background:#FFFF33; opacity:0.5;  filter:alpha(opacity=40);  -moz-opacity:0.4;  display:block;}
a:hover.staff{background:#FFFF00; opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5;  display:block;}

div.mission{width:47px; height:57px; margin-top:230px; margin-left:246px}
a.mission{width:47px; height:57px; background:#99CC00; opacity:0.5;  filter:alpha(opacity=40);  -moz-opacity:0.4;  display:block;}
a:hover.mission{background:#FF9900; opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5;  display:block;}

div.projects{width:47px; height:57px; margin-top:420px; margin-left:246px}
a.projects{width:47px; height:57px; background:#663300; opacity:0.4;  filter:alpha(opacity=40);  -moz-opacity:0.4;  display:block;}
a:hover.projects{background:#663300; opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5;  display:block;}

div.contact{width:47px; height:57px; margin-top:287px; margin-left:2px}
a.contact{width:47px; height:57px; background:#FF3300; opacity:0.6;  filter:alpha(opacity=40);  -moz-opacity:0.4;  display:block;}
a:hover.contact{background:#66FFFF; opacity:0.5;  filter:alpha(opacity=50);  -moz-opacity:0.5;  display:block;}