@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');

body {
	font-family: Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; image-rendering:optimizeQuality;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #F5F6F7;
	color:#3F414A;
}


.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
.clear { clear:both; }
.hide { display:none; }
.separador { border-bottom: solid 5px #ddd; margin-top:10px; margin-bottom:10px; }
.box-sizing { width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
box-sizing: border-box; }

.LinkBlanco a, .LinkBlanco a:link, .LinkBlanco a:visited, .LinkBlanco a:active { color:#fff; text-decoration:none; }
.LinkBlanco a:hover { text-decoration:underline; }

.LinkNegro a, .LinkNegro a:link, .LinkNegro a:visited, .LinkNegro a:active { color:#000; text-decoration:none; }
.LinkNegro a:hover { text-decoration:underline; }

.LinkBlancoNu a, .LinkBlancoNu a:link, .LinkBlancoNu a:visited, .LinkBlancoNu a:active { color:#fff; text-decoration:none; }
.LinkBlancoNu a:hover { text-decoration:none; }

.LinkNegroNu a, .LinkNegroNu a:link, .LinkNegroNu a:visited, .LinkNegroNu a:active { color:#000; text-decoration: none; }
.LinkNegroNu a:hover { text-decoration:none; }

.LinkRojo a, .LinkRojo a:link, .LinkRojo a:visited, .LinkRojo a:active { color:#CC0000; text-decoration: none; }
.LinkRojo a:hover { text-decoration:underline; }

#loading { display:none; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background: url(../img/load.gif) #000 center center no-repeat; opacity:0.9; position:fixed; height:cover; width:cover; z-index:4000; display:none;}


.mauto { margin:auto; }
.m0 { margin:0px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.m20 { margin:20px; }

.mtop5 { margin-top:5px; }
.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px; }
.mtop40 { margin-top:40px; }

.mbottom5 { margin-bottom:5px; }
.mbottom10 { margin-bottom:10px; }
.mbottom20 { margin-bottom:20px; }
.mbottom40 { margin-bottom:40px; }
.mbottom60 { margin-bottom:60px; }
.mbottom80 { margin-bottom:80px; }

.mletf10 { margin-left:10px; }
.mleft20 { margin-left:20px; }

.mright10 { margin-right:10px; }
.mright20 { margin-right:20px; }

.p0 { padding:0px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p20 { padding:20px; }
.p40 { padding:40px; }
.p60 { padding:60px; }

.ptop5 { padding-top:5px; }
.ptop10 { padding-top:10px; }
.ptop20 { padding-top:20px; }

.pbottom5 { padding-bottom:5px; }
.pbottom10 { padding-bottom:10px; }
.pbottom20 { padding-bottom:20px; }

.pletf5 { padding-left:5px; }
.pletf10 { padding-left:10px; }
.pleft20 { padding-left:20px; }

.pright5 { padding-right:5px; }
.pright10 { padding-right:10px; }
.pright20 { padding-right:20px; }

.h20 { height:20px; }
.h50 { height:50px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { min-height:200px; }
.h300 { min-height:300px; }
.h400 { min-height:400px; }
.h600 { min-height:600px; }

.hover {
	opacity:0.8;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity = 80);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.hover:hover { opacity:1.0; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity = 100); }

.hoveri {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity = 100);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.hoveri:hover { opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity = 80); }

.hoverout {
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	filter: alpha(opacity = 30);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.hoverout:hover { opacity:1.0; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity = 100); }

@media print {
	body { background: #fff; }
	.noprint, #essentials, #menu, #footer_desktop, #footer_mini, #rack_menu { display:none; }
	.title  { background:#fff; color:#000; font-weight:normal; }
	
	#logo { width:100px; }
	#logo img { width:100px; }
	#pageprint { display:block; }
}

.round { -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; overflow:hidden; }
.box { background-color:#fff; border:solid 1px #ccc; }

.box_center { margin-right:auto; margin-left:auto; }
.box_top { border-bottom:solid 1px #ccc; background:#f9f9f9; padding:10px; font-size:20px; font-family: Arial, Helvetica, sans-serif; color:#656565; font-weight:normal; }
.box_bottom { border-top:solid 2px #ccc; background:#f9f9f9; padding:10px; font-size:14px; }
.box_middle { background:#fff; padding:10px; font-size:14px; }

.required, .error { background-color:#e29984; color:#fff; }
.error { display:none; color:#fff; padding:20px; padding-left:60px; background-position:left center; background-repeat:no-repeat;  }
.verde { color:#fff; background-color:#a7b563; }

/* Fuentes */

.fontMax { font-size:36px; line-height:40px; }
.fontMedium { font-size:18px; line-height:20px; }
.fontNormal { font-size:15px; line-height:18px; }
.fontSmall { font-size:12px;  line-height:13px; }
.fontMini { font-size:10px; }

.fontWhite { color: #fff; }
.fontGrayDark { color:#A5A5A7; }
.fontGray { color:#ccc; }
.fontBlack { color: #000; }

.fontShadowWhite { text-shadow:1px 1px 1px #fff; }
.fontShadowBlack { text-shadow:1px 1px 1px #000; }

.center { text-align:center; }

.bgWhite { background-color:#fff; }
.bgGrayDark { background-color:#262626; }
.bgGrayLight { background-color:#f0f0f0; }

.shadow {
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);			
}
.border { border:solid 1px #ccc; }
.border-bottom { border-bottom:solid 1px #ccc; }
.border-top { border-top:solid 1px #ccc; }
.border-left { border-left:solid 1px #ccc; }
.border-right { border-right:solid 1px #ccc; }
.borderBlack { border:solid 1px #000; }
.borderWhite { border:solid 1px #fff; }

.overFlow { overflow:hidden; }
.overFlowScroll { overflow:auto; }

.opacityBlack_20 { background-color:rgba(0,0,0,0.2); }
.opacityBlack_40 { background-color:rgba(0,0,0,0.4); }
.opacityBlack_60 { background-color:rgba(0,0,0,0.6); }
.opacityBlack_80 { background-color:rgba(0,0,0,0.8); }

.opacityWhite_20 { background-color:rgba(255,255,255,0.2); }
.opacityWhite_40 { background-color:rgba(255,255,255,0.4); }
.opacityWhite_60 { background-color:rgba(255,255,255,0.6); }
.opacityWhite_80 { background-color:rgba(255,255,255,0.8); }


@media screen and (max-width: 520px){
	
	
	.h20 { height:20px; }
	.h50 { height:50px; }
	.h100 { height:100px; }
	.h150 { height:150px; }
	.h200 { min-height:200px; }
	.h300 { min-height:300px; }
	.h400 { min-height:400px; }
	.h600 { min-height:600px; }
	.p40 { padding:10px; }
	
	
}

.movil_resize { }


.hoverColor { background-color:#3B6490; color:#f0f0f0; }
.hoverColor:hover { background-color:#8A9CAF; color:#fff; }

.hoverWhite { color:#4c4c4c; background-color:#fff; }
.hoverWhite:hover { background-color:#fafafa; color:#000; }
.pointer {cursor:pointer; }