@charset "utf-8";
/* CSS Document */


/* VERSION 2015.07.31 ES */

/** Body **/


.body .hide_movil { display:block; }

.body_movil { display:none; }
.body_movil .hide_movil { display:none; }

#body { }

.button_animado{
	background-color: #444242; color:#fff !important; padding: 10px 20px 10px 20px;
	width:auto !important; cursor:pointer; margin-top:50px;
	text-align:center;
	transition: all 500ms ease;
	font-family: 'Lato';
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	font-weight:600;
}
.button_animado:hover{
	background-color: #6ca63c;
	transition: all 500ms ease;
}
.button_animado1{
	background-color: #cb6120; color:#fff !important; padding: 10px 20px 10px 20px;
	width:auto !important; cursor:pointer; margin-top:50px;
	text-align:center;
	transition: all 500ms ease;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	font-weight:600;
}
.button_animado1:hover{
	background-color: #b65317;
	transition: all 500ms ease;
}

/** Fondos **/

.bgWhite { background-color:#fff; }
.bgDark { background-color:#f66f24; }
.bgLight { background-color:#fdddc6; }
.bgGrayDark { background-color:#58595b; }
.bgGrayLight { background-color:#f5f4f2; }



/** Fuentes **/

.fontPrimaria { font-family: Arial, Helvetica, Arial, sans-serif; }
.fontSecundaria { font-family: Arial, Helvetica, Arial, sans-serif; }

.fontMax { font-size:36px; line-height:40px; }
.fontTitle { font-size:28px;  line-height:32px; }
.fontSubtitle { font-size:22px; line-height:26px; }
.fontNormal { font-size:15px; line-height:18px; }
.fontSmall { font-size:12px;  line-height:13px; }
.fontMini { font-size:10px; }

.fontColor { color:#f66f24; }
.fontWhite { color: #fff; }
.fontGrayDark { color:#58595b; }
.fontGray { color:#e6e6e6; }
.fontBlack { color: #000; }

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

.bold { font-weight:bold; }
.italic { font-style:italic; }

.fontCenter, .center { text-align:center; }
.fontLeft { text-align:left; }
.fontRight { text-align:right; }

.fontOpenSans { font-family:Arial, Helvetica, Arial, sans-serif; font-weight:400; }


.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; }




/** Border **/

.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; }

.border-bottom-white-dashed { border-bottom:dashed 1px #fff; }
.border-bottom-black-dashed { border-bottom:dashed 1px #ccc; }




/** Generales **/

/*#wrapper { width:980px; margin-left:auto; margin-right:auto; }
.wrapper { width:980px; margin-left:auto; margin-right:auto; }*/
.guide { background-image:url(../img/guias.png); }
.guias { background:url(../img/guias.png); }
.left { float:left; }
.right { float:right; }
.bold { font-weight:bold; }
.margincero { margin:0px; }
.paddingcero { padding:0px; }
.clear { clear:both; }
.icon { margin:5px; padding:8px; background: no-repeat center center; width:20px; height:20px; border:none; cursor:pointer; opacity: 0.6; -webkit-opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity = 60); }
.icon:hover { opacity: 1.0; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity = 100);}
.hide_movil { display:block; }
.only_movil { display:none; }
.hide { display:none; }
.attachments { background-color:#f9f9f9; border-top:solid 5px #ccc; padding:10px; }
.attachments_icon { float:left; padding:10px; }
.attachments_container { padding-top:20px; }
.separador { border-bottom: solid 5px #ddd; margin-top:10px; margin-bottom:10px; }
.separador_clear { margin-top:20px; margin-bottom:20px; clear:both; }
.download_section { padding:20px; padding-left:60px; border:solid 1px #f9f9f9; background: #ececec url(../img/icon_32/10_7.png) 10px 10px no-repeat; margin-top:20px; margin-bottom:20px; }
.fixed { position:fixed; }
.block { display:block; }
.pointer {cursor:pointer; }
.hide { display:none; }
.round { -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; overflow:hidden; }
.hide_desktop { display:none; }

.box-sizing { width:100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;    
				box-sizing: border-box; }

.code, code { padding:7px; border:solid 1px #7CFF4F; background:#000; color:#D1D1D1; display: inline-block; width:100%; height:66px; font-size:12px; overflow:auto; content: "1"; }

.title_apps { font-size:18px; font-weight:300; font-family:'Open sans', Arial; padding-bottom:20px; margin-bottom:20px; border-bottom: solid 1px #CCC; }

#pageprint { text-align:center; padding:10px; margin-bottom:20px; font-size:16px; font-weight:normal; border-bottom: solid 1px #000; display:none; }

#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;}

.popup_screen { display:none; width:100%; height:100%; left:0; right:0; top:0; bottom:0; opacity:0.9; position:fixed; height:cover; width:cover; z-index:4000; background:#000; }
.popup_screen .popup {  width:25%; margin-top:20%; margin-left:auto; margin-right:auto; z-index:4001; background:#fff; border-radius:3px; moz-border-radius:3px; webkit-border-radius:3px; padding:20px; font-size:14px; color:#333; }
.popup_screen .button { background: #D2D2D2; padding:10px; padding-left:15px; padding-right:15px; color:#000;  }

.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);			
}



/** Opacity **/

.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); }



/** Alertas **/

.alert { margin:20px; font-size:14px; }
.alert a:link, .alert a:hover, .alert a:visited, .alert a:active { color:#fff; text-decoration:underline; }
.status { width:20px; height:15px; border:solid 1px #fff; box-shadow: 0px 0px 1px #ccc; float:left; margin-right:20px; background: #099762;}
.green { background: #099762; }
.yellow { background: #FFCC00; }
.red { background: #CC1111; }

.data_required {  }

.alert .green {
	padding:20px;
	background-color: #C9E9CB;
	color: #1F3F23;
	border-radius:4px;
	font-weight: bold;
	border: 1px solid #60B06B;
}
.alert .red {
	padding:20px;
	background-color: #FFE6E6;
	color:#D20000;
	font-weight: bold;
	border-radius:4px;
	border: 1px solid #FF9B9B;
}
.alert .yellow {
	padding:20px;
	background-color: #FFF4B9;
	color:#997300;
	font-weight: bold;
	border-radius:4px;
	border: 1px solid #FFC820;
}
.alert {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:300;
	background-color: #ffa826;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding:10px; margin:0px;
	color: #FFFFFF;
	border-radius: 4px;
	moz-border-radius: 4px;
	webkit-border-radius:4px;
	display:none;
	border:solid 1px #fff;

}
.alert_form {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:300;
	background-color: #ffa826;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding:20px;
	color: #FFFFFF;
	border-radius: 0 0 4px 4px;
	moz-border-radius: 0 0 4px 4px;
	webkit-border-radius:0 0 4px 4px;
	display:block;
	border-top:solid 1px #fff;

}

.required_field, .required { border:solid 1px #ffa826; background-color: #FFE1E1;}

.alerta { display:none; border:none; background-color:#fff; color:#39343a; padding:15px; color:#39343a; font-size:12px; font-weight:bold; background-repeat: repeat-y; background-position: left center; margin-bottom:10px; border-radius: 3px; padding-left:50px; }
.roja { background-image: url(../img/ico_alert_fail.png); }
.azul { background-image: url(../img/ico_alert_info.png); border: solid 1px #c8dfef;}
.verde { background-image: url(../img/ico_alert_done.png); }
.amarilla { background-image: url(../img/ico_alert_care.png); }

.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; }



/** Margen **/

.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; }




/** Padding **/

.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; }




/** Columnas **/

.c1 { width: 60px; }
.c1nm { width: 80px; }
.c2 { width: 140px; }
.c2nm { width: 160px; }
.c3 { width: 220px; }
.c3nm { width: 240px; }
.c3border { width: 218px; }
.c4 { width: 300px; }
.c4nm { width: 320px; }
.c4border { width: 298px; }
.c5 { width: 380px; }
.c5nm { width: 400px; }
.c5border { width: 378px; }
.c6 { width: 460px; }
.c6nm { width: 480px; }
.c6border { width: 458px; }
.c7 { width: 540px; }
.c7nm { width: 560px; }
.c8 { width: 620px; }
.c8nm { width: 640px; }
.c9 { width: 700px; }
.c9nm { width: 700px; }
.c10 { width: 780px; }
.c10nm { width: 800px; }
.c11 { width: 860px; }
.c11nm { width: 880px; }
.c12 { width: 940px; }
.cfull { width: 980px; }

.c20 { width:20%; }
.c40 { width:40%; }
.c60 { width:60%; }
.c80 { width:80%; }
.c100 { width:100%; box-sizing:border-box; }

.c200 { width:200px; }
.c400 { width:200px; }
.c600 { width:200px; }
.c800 { width:200px; }




/** Horizontal **/

.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 **/

.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); }

.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; }



/** Media print **/

@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; }
}

/** Imagenes **/

.f20 { width:20px; height:20px; overflow:hidden; }
.f20 img { width:30px; }

.f40 { width:40px; height:40px; overflow:hidden; }
.f40 img { width:50px; }

.f60 { width:60px; height:60px; overflow:hidden; }
.f60 img { width:70px; }

.f80 { width:80px; height:80px; overflow:hidden; }
.f80 img { width:100px; }

.crop {
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden;

	border:1px solid #ccc;
	}

.crop img{
	margin:-20px -15px -40px -55px;
	}


/** Box **/

.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; }




/** Movil **/

@media screen and (max-width: 520px){
	.content, .wrapper {width:95%; margin:0px; padding:10px; }
	select, input, textarea { width:90%; }
	.Alerta { width: 96%; }
	#boxMenu { margin:0px; }
	#boxContent { padding:10px; }
	.formContainerSmall { width:70%; }
	.formContainer { clear:both; width:90%; }
	#boxContent, #title, #header, #boxMenu { width:100%; margin-right:auto; }
	.box_admin { width:90%; padding:10px; background:#fff; border-radius: 3px; border:solid 1px #c6c7c9; margin-top:10px;}
	.actions { clear:both; float:none; border-top:solid 1px #ccc; widows:100%; background:#f9f9f9; }
	.actions .button { display:block; float:left; margin-right:5px; margin-top:5px; }
	.foto { width:80%; margin-left:auto; margin-right:auto; }
	.separador { width:95%; }

	 .c1 { width: 95%; }
	 .c2 { width: 95%; }
	 .c3 { width: 95%; }
	 .c3nm { width: 95%; }
	 .c4 { width: 95%; }
	 .c5 { width: 95%; }
	 .c6 { width: 95%; }
	 .c6nm { width: 95%; }
	 .c7 { width: 95%; }
	 .c8 { width: 95%; }
	 .c8nm { width: 95%; }
	 .c9 { width: 95%; }
	 .c10 { width: 95%; }
	 .c10nm { width: 95%; }
	 .c11 { width: 95%; }
	 .c12 { width: 95%; }
	 .cfull { width: 100%; }
	 
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .cfull, .c1nm, .c2nm, .c3nm, .c4nm, .c5nm, .c6nm, .c7nm, .c8nm, .c9nm, .c10nm, .c11nm,. c12nm { 	
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	}

.c20 { width:18%; }
.c30 { width:28%; }
.c40 { width:38%; }
.c50 { width:48%; }
.c60 { width:55%; }
.c70 { width:65%; }
.c80 { width:75%; }
.c90 { width:85%; }
.c100 { width:95%; }

.c200 { width:200px; }
.c400 { width:400px; }
.c600 { width:600px; }
.c800 { width:800px; }

.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; }
	 
	 .movil_resize { width: 90%; }
	 .hide_movil { display:none; }
	 .only_movil { display:block; }
	 .p40 { padding:10px; }
	 

}


/* CONTENIDOS DESKTOP */

#rack_menu { padding-right:20px; margin-bottom:20px;}
#rack_menu ul { margin: 0px; padding:0px; list-style: none; }
#rack_menu li { font-size: 12px; font-weight: bold; text-align:left; opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; cursor:pointer; background-color:#fff; border-bottom: solid 1px #ececec; padding:8px; }
#rack_menu li a { display: block; text-decoration: none; }
#rack_menu li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; text-decoration: none; background-color:#f9f9f9; }

.sub_reference_section { font-size:11px; color:#201d1d; margin:10px; margin-top:5px; }
.title { text-shadow: 1px 1px 1px #fff;  }
.title  { background:#f9f9f9; color:#666; font-weight:bold; }
.title .img_section { overflow:hidden; clear:both; border-bottom:solid 5px #ececec; margin-bottom:10px; }
.title .list { margin-bottom:20px; border-radius:4px; padding:10px; margin-bottom:10px; border:solid 1px #fff; }
.title .title_section { font-family:color:#666; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 0px; margin:0px; margin-bottom:5px; background-color:none; }
.title .content_section { color:#666; font-size:14px; margin-bottom:5px; }
.title .reference_section { font-weight:bold; margin-bottom:5px; font-size:12px; }
.title .link_section { font-weight:normal; margin-bottom:5px; font-size:12px; }
.title .link_section a:link { text-decoration:none; }
.title a:link { text-decoration:none; font-weight:normal; }
.title .separador { border-top: solid 1px #fff; border-bottom: solid 5px #ececec; margin-top:10px; margin-bottom:10px; }
.title .icon_section {  }
.title .icon_section .icon { padding:2px; }
.title .icon_section .icon img { opacity: 0.6; width:16px; height:16px;}
.title .icon_section .icon:hover { }

.box_list {}
.box_list .list { margin-bottom:20px; border:solid 1px #f0f0f0; border-radius: 3px; padding:10px; }
.box_list .list:hover { background-color:#fdfdfd; }
.box_list .img_section { float:left; width:60px; margin-right:10px; }
.box_list .title_section { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding:0px; margin:0px; margin-bottom:5px; background-color:none; }
.box_list .content_section { font-size:13px; margin-bottom:5px; }
.box_list .reference_section { color:#990000; font-weight:bold; margin-bottom:5px; font-size:12px; }
.box_list .link_section { font-weight:bold;	margin-bottom:5px; font-size:12px; }
.box_list .link_section a:link { color: #0066CC; text-decoration:underline; }


.box_list_1 {}
.box_list_1 .list { margin-bottom:10px; border-bottom:solid 1px #f0f0f0; padding:10px; }
.box_list_1 .list:hover { background-color:#fdfdfd; }
.box_list_1 .img_section { float:left; margin-right:20px; opacity:0.5; }
.box_list_1 .title_section { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; padding:0px; margin:0px; margin-bottom:5px; background-color:none; }
.box_list_1 .content_section { font-size:12px; margin-bottom:5px; }
.box_list_1 .reference_section { color:#990000; font-weight:bold; margin-bottom:5px; font-size:12px; }
.box_list_1 .reference_section a:link, .box_list_1 .reference_section a:active, .box_list_1 .reference_section a:visited{ color: #666; text-decoration:none; font-weight:normal; }
.box_list_1 .reference_section a:hover { color: #000; text-decoration:underline; font-weight:normal; }
.box_list_1 .link_section { font-weight:bold; margin-bottom:5px; font-size:12px; }
.box_list_1 .link_section a:link { color: #666; text-decoration:none; }
.box_list_1 a:link { text-decoration:none; }

.box_list_1 .list:hover { background-color:#f7f7f7; text-shadow:1px 1px 1px #fff; box-shadow: none; }


.box_article {}
.box_article .img_section {	width:300px; float:left; }
.box_article .list { margin-bottom:20px; border-radius: 3px; padding:20px; }
.box_article .title_section { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; padding: 0px; margin:0px; margin-bottom:5px; background-color:none; }
.box_article .content_section {	font-size:16px; margin-bottom:5px; }
.box_article .reference_section { clear:both; color:#0053A6; font-weight:bold; margin-bottom:5px; font-size:12px; }
.box_article .link_section { clear:both; color: #0066CC; font-weight:bold; text-decoration:underline; margin-bottom:5px; font-size:12px; }
.box_article .link_section a:link { color: #666; text-decoration:none; }
.box_article a:link { text-decoration:none; }
.box_article .subtitle { color:#333; font-size:16px; }

.box_article_big { width:100% }
.box_article_big .img_section {	width:980px; height:480px; overflow:hidden; border-bottom:solid 3px #ececec; background: no-repeat center center; background-size:cover;  }
.box_article_big .list { margin-bottom:20px; border-bottom:solid 3px #ececec; }
.box_article_big .title_section { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight:bold; margin: 20px; }
.box_article_big .content_section {	font-size:13px; margin: 20px; }
.box_article_big .reference_section { clear:both; color:#0053A6; font-weight:bold; margin: 20px; font-size:14px; }
.box_article_big .link_section { clear:both; color: #0066CC; font-weight:bold; text-decoration:underline; margin-bottom:5px; font-size:12px; }
.box_article_big .link_section a:link { color: #666; text-decoration:none; }
.box_article_big a:link { text-decoration:none; }

.box_gallery {}
.box_gallery .list{ width:138px; float:left; border:solid 1px #f0f0f0; border-radius: 4px; background-color:#fff; margin-right:20px; margin-bottom:20px; }
.box_gallery .list:hover { background-color:#fdfdfd; }
.box_gallery .title_section { font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin:10px; font-size:14px; font-weight:bold; color:#666; }
.box_gallery .content_section { margin:10px; font-size:12px; color:#333333;	}
.box_gallery .img_section { border:solid 1px #ccc; width:116px; height:80px; margin:10px; }
.box_gallery .reference_section { margin:10px; font-size:11px; color:#0053A6; font-weight:bold; font-size:12px;	}
.box_gallery .link_section { margin:10px; font-size:11px; color: #003366; font-weight:bold; font-size:12px; }

.box_form { margin:0px; }
.box_form .list {
	padding:20px;
	border:solid 1px #ccc;
	-moz-box-shadow: 0 0 10px 1px #ccc;
	-webkit-box-shadow: 0 0 10px 1px #ccc;
	box-shadow: 0 0 10px 1px #ccc;
	background:#fff; border-radius:4px;
	}
	

.box_form .title_section { font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:24px; font-weight:900; color:#201d1d; }
.box_form .link_section { font-size:13px; font-weight:bold; }
.box_form .content_section { margin-bottom:10px; font-size:14px; font-weight:normal; }
.box_form label { font-size:12px; font-weight:bold; color:#666666; margin-top:10px; margin-left:3px; }
.box_form input, .box_form select {  margin-bottom:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.box_form textarea { height:120px; margin-bottom:10px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.box_form .done { background-color:#EAFFEA; }
.box_form ul { margin: 0px; padding:0px; }
.box_form li { font-size: 13px; font-weight: normal; text-align:left; opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; cursor:pointer; }
.box_form li a { display: block; line-height: 20px; text-decoration: none; }
.box_form li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; }

/* DEFINE COLORES */
.title, .title_apps, .subtitle { color:#CC0000; }

.box_light {
	padding:20px;
	background:#ddd;
	color:#201d1d;
	font-family:'Open sans', Arial, Helvetica, sans-serif;
}

.box_dark {
	padding:20px;
	background:#201d1d;
	color:#eee;
	font-family:'Open sans', Arial, Helvetica, sans-serif;
}

.navigator, .navigator_active { font-size:12px; text-align:center; float:left; margin:5px; border: solid 1px #ccc; padding:7px; background:#000; border-radius:3px; text-align:center;}
.navigator_active { border: solid 1px #fff; background:#f9f9f9;}
.button_container_gray { padding:20px; background-color:#f9f9f9; margin:1px; border-top:solid 1px #ddd; }
.button_orange, .button_orange a, .button_orange a:hover, .button_orange a:visited, .button_orange a:active, .button_orange a:link { background-color: #bf2e2e; color:#fff; padding: 10px 20px 10px 20px;}
.button_orange:hover { background-color: #cc5858; }
.button_blue, .button_blue a, .button_blue a:hover, .button_blue a:visited, .button_blue a:active, .button_blue a:link { background-color: #0053a6; color:#fff; padding: 10px 20px 10px 20px; }
.button_blue:hover { background-color: #3375b8; }
.icon_container { padding:10px; padding-left:40px; background-repeat: no-repeat; background-position:10px 10px; }
.body_background { z-index:-1; position:absolute; height:840px; width:100%; float:left; text-align:center; display:none; margin-top:217px;}
.body_background_tablet { z-index:-1; position:absolute; height:840px; width:100%; float:left; text-align:center; display:none; margin-top:0px;}
.body_background_desktop { z-index:-1; position:absolute; height:840px; width:100%; float:left; text-align:center; display:none; margin-top:0px;}
.box_color {
	background:#cc2128;
	font-family:'Open sans', Arial, Helvetica, sans-serif;
}
.box_color_secundario {
	background:#9bc357;
	font-family:'Open sans', Arial, Helvetica, sans-serif;
}