/* GENERAL */
html {  }
body { height:100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family: 'Nunito Sans', sans-serif; }
html>body {	height:100%; margin-left:0px; margin-top:0px; margin-right:0px;	margin-bottom: 0px; background-color:#FFF; background-repeat:repeat-x; background-attachment:scroll; background-position:top center; -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
form { clear:none; float:none; border-style:none; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; display:inline; padding:0; }
h1,h2,h3,h4,h5 { font-weight:normal; margin: 0px; padding: 0px; border: 0px; }

.mapa { width: 100%; min-height:450px; border:0; margin:0; padding:0; clear:both; overflow:hidden; }

.img_logo { width: 246px; }
.img_logos { }
.img_icono_producto { width: 65px; }
.img_capacitacion_thumb { width: 300px; }
.img_seccion { width: 780px; }
.img_seccion_3 { width: 760px; }
.img_capacitacion { width: 120px; }
.img_productos { width: 270px; margin-top:10px; border-radius:20px; }
.img_seccion_2 { width: 950px; border-radius:20px; }
.img_slide { width: 1000px; }

.container a { padding:0 5px 5px 5p;margin:0 10px 10px 0;text-decoration:none;display:inline-block;border:1px solid #DDD;border-radius:3px; }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#contenedor { width: 100%; }
#contenedor_in { width:100%; }

#up { width: 100%; min-height:30px; clear:both; overflow:hidden; background-repeat:repeat-x; font-size:14px; color:#FFF; background-color:#333;box-shadow: 1px 10px 10px -7px; rgba(255,255,255,0.75); -webkit-box-shadow: 1px 10px 10px -7px rgba(255,255,255,0.75); position: fixed; -moz-box-shadow: 1px 10px 10px -7px rgba(255,255,255,0.75); }
#up_in { width: 960px; min-height:20px; clear:both; overflow:hidden; padding:13px 0 13px 0; }

#top { width: 100%; min-height:30px; clear:both; overflow:hidden; background-repeat:repeat-x; font-size:12px; color:#FFF; background-color:#9A3523; padding-top:56px; }
#top_in { width: 960px; min-height:18px; clear:both; overflow:hidden; padding:9px 0 9px 60px; }
.top_in_item { float:left; overflow:hidden; }
.top_in_item_icono { width:18px; float:left; margin-left:15px; overflow:hidden; text-align:center; }
.top_in_item_iconos { width:18px; float:left; margin-left:15px; overflow:hidden; text-align:center; }
.top_in_item_iconos_a { width:18px; float:left; overflow:hidden; text-align:center; }
.top_in_item_1 { float:left; overflow:hidden; text-align:left; margin:0 15px 2px 10px; }
.top_in_item_2 { float:left; overflow:hidden; text-align:left; margin:0 15px 2px 10px; }
.top_in_item_3 { float:left; overflow:hidden; text-align:left; margin:0 15px 2px 10px; }

#encabezado { width: 100%; clear:both; background-repeat:repeat-x; background-color:#FFF; border-bottom:6px solid #FFBC47; }
#encabezado_in { width: 960px; clear:both; overflow:hidden; padding:20px 20px 20px 20px; }
#encabezado_in_1 { width: 246px; float:left; margin-right:0; text-align:left }
#encabezado_in_2 { width: 584px; float:left; color:#4A6B94; text-align:right; padding-top:3px;  }
#encabezado_in_3 { width: 120px; float:left; color:#4A6B94; text-align:right; padding-top:3px; padding-left:10px }

#promo_tienda { display: none; }

#slide_inicio { width: 100%; clear:both; overflow:hidden; background-image:url(images/slide_1.jpg); background-repeat:no-repeat; background-position:center; }
#slide_inicio_in { width: 1000px; clear:both; overflow:hidden; padding:110px 0 110px 0; text-align:left; }
#slide_inicio_in_0 { width: 1000px; clear:both; overflow:hidden; text-align:left; }
#slide_inicio_in_2_b { clear:both; overflow:hidden; padding:18px; background-color:#000; font-size:16px; line-height:22px; color:#FFF; text-align:center; display:inline-block; font-weight:300; background:rgba(0, 0, 0, 0.60); }

#sumate { width: 100%; clear:both; overflow:hidden; }
#sumate_in { width: 950px; clear:both; overflow:hidden; margin:25px 0 25px 0; background-image:url(images/sumate_fondo.jpg); background-repeat:repeat; padding:25px 50px 25px 50px; }
#sumate_in_1 { width: 92px; float:left; overflow:hidden; text-align:center; }
#sumate_in_2 { width: 678px; float:left; overflow:hidden; text-align:center; font-size:24px; line-height:24px; color:#000; padding-top:20px; }
#sumate_in_3 { width: 120px; float:left; overflow:hidden; text-align:center; padding-top:7px; }

#empresa { width: 100%; clear:both; overflow:hidden; background-image:url(images/empresa_fondo.jpg); background-repeat:no-repeat; background-position:center }
#empresa_in { width: 990px; min-height:290px; clear:both; overflow:hidden; padding:40px 0 40px 0; }
#empresa_in_1 { width: 990px; clear:both; overflow:hidden; text-align:center; font-size:30px; line-height:30px; margin-bottom:15px; font-weight:900; }
#empresa_in_2 { width: 100px; clear:both; overflow:hidden; margin:0 445px 0 445px; border-bottom:3px solid #9A3523; }
#empresa_in_3 { width: 840px; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:23px; padding:50px 75px 50px 75px; }
#empresa_in_4 { width: 830px; clear:both; overflow:hidden; text-align:center; padding:0 80px 0 80px; }

#productos { width: 100%; clear:both; overflow:hidden; }
#productos_in { width: 990px; clear:both; overflow:hidden; padding:50px 0 50px 0; }
#productos_in_1 { width: 990px; clear:both; overflow:hidden; text-align:center; font-size:30px; line-height:30px; margin-bottom:15px; font-weight:900; }
#productos_in_2 { width: 100px; clear:both; overflow:hidden; margin:0 445px 0 445px; border-bottom:3px solid #9A3523; }
#productos_in_3 { width: 900px; clear:both; overflow:hidden; text-align:left; padding:50px 65px 0 65px; }
#productos_in_3_a { width: 430px; float:left; overflow:hidden; text-align:left; margin-right:40px; }
#productos_in_3_b { width: 430px; float:left; overflow:hidden; text-align:left; }
.productos_in_3_item { width: 430px; clear:both; overflow:hidden; text-align:left; margin-bottom:20px; }
.productos_in_3_item_b { width: 430px; clear:both; overflow:hidden; text-align:left; }
.productos_in_3_item_1 { width: 65px; float:left; overflow:hidden; text-align:left; margin-right:30px; }
.productos_in_3_item_2 { width: 335px; float:left; overflow:hidden; text-align:left; font-size:14px; line-height:16px; color:#000; }

#steel_framing { width: 100%; clear:both; overflow:hidden; background-image:url(images/steel_framing_fondo.jpg); background-repeat:no-repeat; background-position:center }
#steel_framing_in { width: 990px; min-height:290px; clear:both; overflow:hidden; padding:40px 0 40px 0; }
#steel_framing_in_1 { width: 990px; clear:both; overflow:hidden; text-align:center; font-size:30px; line-height:30px; margin-bottom:15px; font-weight:900; color:#FFF }
#steel_framing_in_2 { width: 100px; clear:both; overflow:hidden; margin:0 445px 0 445px; border-bottom:3px solid #9A3523; }
#steel_framing_in_3 { width: 840px; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:23px; padding:50px 75px 50px 75px; color:#FFF }
#steel_framing_in_4 { width: 830px; clear:both; overflow:hidden; text-align:center; padding:0 80px 0 80px; }
.steel_framing_imagen { width: 760px; min-height:178px; clear:both; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:100%; padding:178px 20px 0 20px; font-size:24px; line-height:24px; font-weight:900; color:#FFF; text-shadow: 0 0 6px #000; border-radius:20px; }

#capacitaciones-y-eventos { width: 100%; clear:both; overflow:hidden; background-color:#FFE4B5; }
#capacitaciones-y-eventos_in { width: 990px; min-height:290px; clear:both; overflow:hidden; padding:40px 0 40px 0; background-color:#FFF; }
#capacitaciones-y-eventos_in_1 { width: 990px; clear:both; overflow:hidden; text-align:center; font-size:30px; line-height:30px; margin-bottom:15px; font-weight:900; }
#capacitaciones-y-eventos_in_2 { width: 100px; clear:both; overflow:hidden; margin:0 445px 0 445px; border-bottom:3px solid #9A3523; }
.capacitaciones-y-eventos_in_3 { width: 940px; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:16px; padding:40px 25px 20px 25px; }
.capacitaciones-y-eventos_in_3_1 { width: 300px; float:left; overflow:hidden; text-align:left; }
.capacitaciones-y-eventos_in_3_2 { width: 300px; float:left; overflow:hidden; text-align:left; margin:0 20px 0 20px; }
.capacitaciones-y-eventos_in_3_3 { width: 300px; float:left; overflow:hidden; text-align:left; }
.capacitaciones-y-eventos_in_4 { width: 830px; clear:both; overflow:hidden; text-align:center; padding:0 80px 0 80px; }

#seccion { width: 100%; clear:both; overflow:hidden; }
#seccion_in { width: 950px; clear:both; overflow:hidden; padding:40px 0 0 0; }
#seccion_in_b { width: 950px; clear:both; overflow:hidden; padding:25px 0 0 0; }
#seccion_in_1 { width: 950px; clear:both; overflow:hidden; text-align:center; font-size:30px; line-height:30px; margin-bottom:15px; font-weight:900; }
#seccion_in_2 { width: 100px; clear:both; overflow:hidden; margin:0 425px 0 425px; border-bottom:3px solid #9A3523; }
#seccion_in_3 { width: 950px; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:23px; }
.seccion_in_4 { width: 800px; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:23px; padding:0 75px 0 75px; }

.seccion_in_subtitulo { width: 800px; clear:both; overflow:hidden; margin:0 75px 20px 75px; }
.seccion_in_subtitulo_1 { width: 280px; height:10px; border-bottom:1px solid #C4C4C4; float:left; overflow:hidden; text-align:center; }
.seccion_in_subtitulo_2 { width: 240px; float:left; overflow:hidden; text-align:center; font-size:16px; line-height:16px; font-weight:900; color:#9A3523; }
.seccion_in_subtitulo_3 { width: 280px; height:10px; border-bottom:1px solid #C4C4C4; float:left; overflow:hidden; text-align:center; }
.seccion_in_texto { width: 800px; clear:both; overflow:hidden; margin:0 75px 0 75px; font-size:14px; line-height:20px; }
.seccion_in_contenido { width: 950px; clear:both; overflow:hidden; margin:0 0 0 0; line-height:20px; }
.seccion_in_imagen { width: 780px; clear:both; overflow:hidden; border:10px solid #EEEEEE; margin:0 75px 30px 75px; }

#seccion_tabs { width: 100%; clear:both; overflow:hidden; background-color:#FFD37D; }
#seccion_tabs_in { width: 960px; clear:both; overflow:hidden; display: table; margin: 0 auto; }

a.tab_boton { display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }
a.tab_boton:hover { display:block;  float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }
.tab_boton_hover { display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }

.steel_in { width: 800px; clear:both; overflow:hidden; text-align:center; font-size:20px; line-height:20px; font-weight:900; margin:0 75px 20px 75px; }
.steel_in_1 { width: 266px; float:left; overflow:hidden; text-align:center; }
.steel_in_2 { width: 226px; float:left; overflow:hidden; text-align:center; padding:0 20px 20px 20px; border-left:1px solid #C4C4C4; border-right:1px solid #C4C4C4; }
.steel_in_3 { width: 266px; float:left; overflow:hidden; text-align:center; }

#contacto { width: 100%; clear:both; overflow:hidden; }
#contacto_in { width: 950px; clear:both; overflow:hidden; padding:40px 0 0 0; }
#contacto_in_1 { width: 450px; float:left; overflow:hidden; text-align:center; margin-right:50px; }
#contacto_in_2 { width: 450px; float:left; overflow:hidden; text-align:center; }

.seccion_bloque { width: 950px; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:20px; margin:25px 0 25px 0;  }
.seccion_bloque_1 { width: 300px; float:left; overflow:hidden; text-align:center; }
.seccion_bloque_2 { width: 300px; float:left; overflow:hidden; text-align:center; margin:0 25px 0 25px; }
.seccion_bloque_3 { width: 300px; float:left; overflow:hidden; text-align:center; }

.seccion_bloque_b_1 { width: 270px; float:left; overflow:hidden; text-align:center; padding:0 15px 0 15px; }
.seccion_bloque_b_2 { width: 270px; float:left; overflow:hidden; text-align:center; margin:0 25px 0 25px; padding:0 15px 0 15px; }
.seccion_bloque_b_3 { width: 270px; float:left; overflow:hidden; text-align:center; padding:0 15px 0 15px; }



#cierre { width: 100%; clear:both; overflow:hidden;  background-image:url(images/cierre_fondo.jpg); background-repeat:repeat; font-size:13px; line-height:14px; padding:40px 0 40px 0; color:#FFF; }
#cierre_in { width: 990px; clear:both; overflow:hidden; }

#cierre_in_1 { width: 209px; float:left; overflow:hidden; margin-right:55px; text-align:center; }

#cierre_in_2 { width: 120px; float:left; overflow:hidden; margin-right:55px; text-align:center; }
#cierre_in_2_info { width: 111px; clear:both; overflow:hidden; line-height:18px; }

#cierre_in_3 { width: 220px; float:left; overflow:hidden; margin-right:55px; text-align:left; color:#FFF;}
#cierre_in_3_info { width: 220px; clear:both; overflow:hidden; }
.cierre_in_3_item { clear:both; overflow:hidden; margin-bottom:15px; }
.cierre_in_3_item_i { clear:both; overflow:hidden; margin-top:40px; }
.cierre_in_3_item_icono { width:18px; float:left; overflow:hidden; text-align:center; }
.cierre_in_3_item_iconos { width:18px; float:left; margin-right:15px; overflow:hidden; text-align:center; }
.cierre_in_3_item_1 { float:left; overflow:hidden; text-align:left; margin:0 0 2px 10px; }

#cierre_in_4 { width: 240px; float:left; overflow:hidden; text-align:left; }
#cierre_in_4_info { width: 240px; clear:both; overflow:hidden;}

#pie { width: 100%; background-color:#822418; clear:both; overflow:hidden; color:#FFF; padding:8px 0 8px 0; }
#pie_in { width: 932px; clear:both; overflow:hidden; }
#pie_in_1 { width: 775px; float:left; overflow:hidden; text-align:left; padding-top:13px; font-size: 13px; }
#pie_in_2 { width: 157px; height:37px; float:left; overflow:hidden; padding-top:3px; }


/* [botones] */

A.boton_consultanos:link { width:90px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_consultanos:visited { width:90px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_consultanos:hover { width:90px; padding:12px; text-decoration: none; background-color:#FCC55E; color:#333; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FCC55E; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_consultanos:active { width:90px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }

A.boton_sumate:link { width:90px; padding:14px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }
A.boton_sumate:visited { width:90px; padding:14px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }
A.boton_sumate:hover { width:90px; padding:14px; text-decoration: none; background-color:#333; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FCC55E; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#333; font-weight:600 }
A.boton_sumate:active { width:90px; padding:14px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }

A.boton_seguir:link { width:120px; padding:12px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:visited { width:120px; padding:12px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:hover { width:120px; padding:12px; text-decoration: none; background-color:#B3321C; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #B3321C; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:active { width:120px; padding:12px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }

A.boton_seguir_2:link { width:120px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:visited { width:120px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:hover { width:120px; padding:12px; text-decoration: none; background-color:#FCC55E; color:#333; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FCC55E; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:active { width:120px; padding:12px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }

A.boton_ver_mas:link { width:120px; padding:12px; text-decoration: none; color:#B3321C; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #B3321C; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_ver_mas:visited { width:120px; padding:12px; text-decoration: none; color:#B3321C; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #B3321C; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_ver_mas:hover { width:120px; padding:12px; text-decoration: none; background-color:#B3321C; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #B3321C; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_ver_mas:active { width:120px; padding:12px; text-decoration: none; color:#B3321C; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }



/* [textos] */
.texto_14 { font-size:14px; line-height:14px; color:#B3321C; }
.texto_16 { font-size:16px; line-height:16px; color:#000; }
.texto_18 { font-size:18px; line-height:24px; font-weight:700; }
.texto_22 { font-size:22px; line-height:22px; font-weight:700; }
.texto_28 { font-size:28px; line-height:30px; font-weight:700; }
.texto_24 { font-size:24px; line-height:30px; font-weight:700; color:#C30 }
.texto_28_b { font-size:28px; line-height:28px; font-weight:700; color:#096; }

/* [enlaces] */
A.enlace_blanco:link {text-decoration: none; color:#FFFFFF; }
A.enlace_blanco:visited {text-decoration: none; color:#FFFFFF; }
A.enlace_blanco:hover {text-decoration:none; color:#FFBE48; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; }
A.enlace_blanco:active {text-decoration: none; color:#FFFFFF; }

A.enlace_azul:link {text-decoration: none; color:#7C9FBA; }
A.enlace_azul:visited {text-decoration: none; color:#7C9FBA; }
A.enlace_azul:hover {text-decoration:none; color:#00C6AC; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_azul:active {text-decoration: none; color:#7C9FBA; }

A.enlace_gris:link {text-decoration: none; color:#919191; }
A.enlace_gris:visited {text-decoration: none; color:#919191; }
A.enlace_gris:hover {text-decoration:none; color:#000; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_gris:active {text-decoration: none; color:#919191; }

A.enlace_amarillo:link { text-decoration: none; color:#FFBE48; }
A.enlace_amarillo:visited { text-decoration: none; color:#FFBE48; }
A.enlace_amarillo:hover { text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_amarillo:active { text-decoration: none; color:#FFBE48; }

A.enlace_amarillo_2:link { text-decoration: none; color:#FCC55E; }
A.enlace_amarillo_2:visited { text-decoration: none; color:#FCC55E; }
A.enlace_amarillo_2:hover { text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_amarillo_2:active { text-decoration: none; color:#FCC55E; }

A.enlace_negro:link { text-decoration: none; color:#000; }
A.enlace_negro:visited { text-decoration: none; color:#000; }
A.enlace_negro:hover { text-decoration:none; color:#F4BF01; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_negro:active { text-decoration: none; color:#000; }

A.enlace_bordo:link { text-decoration: none; color:#C30; }
A.enlace_bordo:visited { text-decoration: none; color:#C30; }
A.enlace_bordo:hover { text-decoration:none; color:#000; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s;  }
A.enlace_bordo:active { text-decoration: none; color:#C30; }


/* [formularios] */
.campo_texto { width:420px; min-height:15px; border:1px solid #9A3523; clear:both; color:#000; font-size:18px; padding:12px; margin-bottom:12px;  font-family: 'Nunito Sans', sans-serif;  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.campo_textarea { width:420px; min-height:90px; border:1px solid #9A3523; clear:both; color:#000; font-size:18px; padding:12px; font-family: 'Nunito Sans', sans-serif;  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.boton_enviar { width: 305px; min-height:20px; clear:both; overflow:hidden; background-color:#4C483F; text-align:center; padding:18px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0; font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; }
.boton_enviar:hover { width: 305px; min-height:16px; clear:both; overflow:hidden; background-color:#F4BF01; text-align:center; padding:18px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; }

.boton_buscar { width: 228px; min-height:14px; float:left; overflow:hidden; background-color:#4C483F; text-align:center; padding:10px; display:block; text-decoration:none; color:#9A3523; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0; font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; cursor:pointer; }
.boton_buscar:hover { width: 228px; min-height:14px; float:left; overflow:hidden; background-color:#666; text-align:center; padding:10px; display:block; text-decoration:none; color:#9A3523; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; cursor:pointer; }

.select { width:214px; min-height:14px; border:1px solid #EBEBEB; color:#000; font-size:14px; padding:10px; margin-right:20px; font-family: 'Nunito Sans', sans-serif; float:left; }

.form_error { display:block; background-color:#F00; clear:both; color:#FFF; font-size:14px; font-weight:700; padding:10px; margin-top:15px; text-align:center;  font-family: 'Nunito Sans', sans-serif; }








@media all and (max-width: 768px) {
	
#promo_tienda { width: 100%; clear:both; overflow:hidden; text-align: center; display: block; border-bottom:6px solid #FFBC47; border-top:6px solid #FFBC47; }
		
.img_logo { width: 90%; }
.img_logos { width: 90%; }
.img_icono_producto { width: 100%; }
.img_capacitacion_thumb { width: 100%; }
.img_seccion { width: 100%; }
.img_seccion_3 { width: 100%; }	
.img_capacitacion { width: 100% }
.img_productos { width: 100%; }
.img_seccion_2 { width: 100%; }
.img_slide { width: 100%; }

.contenedor { text-align: center; }
.centrado { display: inline-block; }

#seccion { width: 100%; clear:both; overflow:hidden; }
#seccion_in { width: 94%; clear:both; overflow:hidden; padding:0 0 0 0; margin:0 3% 0 3%; padding:0 0 0 0; }
#seccion_in_b { width: 94%; clear:both; overflow:hidden; padding:0 0 0 0; margin:0 3% 0 3%; padding:25px 0 0 0; }
#seccion_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:25px; line-height:25px; margin-bottom:15px; margin-top:15px; font-weight:900; }
#seccion_in_2 { width: 70%; clear:both; overflow:hidden; margin:0 15% 0 15%; border-bottom:2px solid #9A3523; }
#seccion_in_3 { width: 94%; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:23px; padding:0 3% 0 3%; }

a.tab_boton { display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }
a.tab_boton:hover { display:block;  float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }
.tab_boton_hover { display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 13px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center }

#seccion_tabs { width: 100%; clear:both; overflow:hidden; }
#seccion_tabs_in { width: 90%; clear:both; overflow:hidden; border-bottom:0; padding:0 5% 0 5%; }

a.tab_boton { width:90%; display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 16px; line-height:12px; color:#000; border:0; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center; border-bottom:1px dotted #333; }
a.tab_boton:hover { width:90%; display:block;  float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 16px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center; border-bottom:1px dotted #333; }
.tab_boton_hover { width:90%; display:block; float:left; margin:0px; padding:15px 9px 15px 9px; text-decoration:none; font-size: 16px; line-height:12px; color:#000; border:0; background-color:#FFF; text-align:center; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; text-align:center; border-bottom:1px dotted #333; }

.seccion_in_subtitulo { width: 100%; clear:both; overflow:hidden; margin:0 0 0 0; }
.seccion_in_subtitulo_1 { display:none; }
.seccion_in_subtitulo_2 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:15px; font-weight:900; color:#9A3523; }
.seccion_in_subtitulo_3 { width: 100%; height:10px; border-bottom:1px solid #C4C4C4; clear:both; overflow:hidden; text-align:center; }
.seccion_in_texto { width: 100%; clear:both; overflow:hidden; margin:20px 0 20px 0; font-size:14px; line-height:18px; }
.seccion_in_contenido { width: 100%; clear:both; overflow:hidden; margin:0 0 0 0; font-size:14px; line-height:20px; }
.seccion_in_imagen { width: 96%; clear:both; overflow:hidden; border:2% solid #EEEEEE; margin:0 0 20px 0; }


#up { width: 100%; min-height:30px; clear:both; overflow:hidden; background-repeat:repeat-x; font-size:12px; }
#up_in { width: 100%; min-height:20px; clear:both; overflow:hidden; }


#top { width:100%; clear:both; padding-top:12px; text-align:center; padding-top: 80px; }
#top_in { width:100%; clear:both; padding:0 0 0 0; text-align:center; }
.top_in_item { width:100%; clear:both; margin-bottom:12px; display: inline-block; }
.top_in_item_icono { margin-left:0; overflow:hidden; margin-right:10px; }
.top_in_item_iconos { width:33%; overflow:hidden; margin:0; }
.top_in_item_iconos_a { width:33%; overflow:hidden; margin:0; }
.top_in_item_1 { float:left; overflow:hidden; text-align:left; margin:0 0 0 0; }
.top_in_item_2 { display:none; }
.top_in_item_3 { display:none; }

#encabezado { min-height:20px; }
#encabezado_in { width: 94%; min-height:20px; text-align:center; padding:0 3% 0 3%; }
#encabezado_in_1 { width: 100%; clear:both; text-align:center; margin:15px 0 0 0; padding:0 0 0 0; }
#encabezado_in_2 { width: 100%; clear:both; text-align:center; margin:0 0 0 0; padding:0 0 0 0; }
#encabezado_in_3 { width: 100%; clear:both; text-align:center; margin:0 0 0 0; padding:0 0 15px 0; }

#slide_inicio { width: 100%; clear:both; overflow:hidden; }
#slide_inicio_in { width: 100%; clear:both; overflow:hidden; padding:10px 0 10px 0; }
#slide_inicio_in_B { width: 100%; clear:both; overflow:hidden; }
#slide_inicio_in_2_b {  width: 92%; margin:0 2% 0 2%; clear:both; overflow:hidden; padding:2%; background-color:#51493E; font-size:12px; line-height:12px; color:#FFF; text-align:left; display:inline-block; font-weight:300; background:rgba(0, 0, 0, 0.60); text-align:center }

#sumate { width: 100%; clear:both; overflow:hidden; }
#sumate_in { width: 92%; clear:both; overflow:hidden; margin:0 0 0 0; padding:4%; }
#sumate_in_1 { display:none; }
#sumate_in_2 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:18px; line-height:18px; color:#000; padding:0 0 4% 0; }
#sumate_in_3 { width: 100%; clear:both; overflow:hidden; text-align:center; padding-top:0; }

#empresa { width: 100%; clear:both; overflow:hidden; background-image:url(images/empresa_fondo.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }
#empresa_in { width: 100%; min-height:29px; clear:both; overflow:hidden; padding:0 0 5% 0; }
#empresa_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:24px; line-height:24px; margin:20px 0 20px 0; font-weight:900; }
#empresa_in_2 { width: 30%; clear:both; overflow:hidden; margin:0 35% 0 35%; border-bottom:3px solid #9A3523; }
#empresa_in_3 { width: 90%; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:20px; padding:5% 5% 5% 5%; }
#empresa_in_4 { width: 90%; clear:both; overflow:hidden; text-align:center; padding:0 5% 0 5%; }

#productos { width: 100%; clear:both; overflow:hidden; }
#productos_in { width: 100%; min-height:29px; clear:both; overflow:hidden; padding:0 0 0 0; }
#productos_in_1 {  width: 100%; clear:both; overflow:hidden; text-align:center; font-size:24px; line-height:24px; margin:20px 0 20px 0; font-weight:900; }
#productos_in_2 { width: 30%; clear:both; overflow:hidden; margin:0 35% 0 35%; border-bottom:3px solid #9A3523; }
#productos_in_3 { width: 90%; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:20px; padding:5% 5% 5% 5%; }
#productos_in_3_a { width: 100%; float:left; overflow:hidden; text-align:left; margin-right:40px; }
#productos_in_3_b { width: 100%; float:left; overflow:hidden; text-align:left; }
.productos_in_3_item { width: 100%; clear:both; overflow:hidden; text-align:left; margin-bottom:15px; }
.productos_in_3_item_b { width: 100%; clear:both; overflow:hidden; text-align:left; margin-bottom:15px; }
.productos_in_3_item_1 { width: 15%; float:left; overflow:hidden; text-align:left; margin-right:5%; margin-bottom:0; }
.productos_in_3_item_2 { width: 80%; float:left; overflow:hidden; text-align:left; font-size:14px; line-height:16px; color:#000; }

#steel_framing { width: 100%; clear:both; overflow:hidden; background-image:url(images/steel_framing_fondo.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; }
#steel_framing_in { width: 100%; min-height:29px; clear:both; overflow:hidden; padding:0 0 5% 0; }
#steel_framing_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:24px; line-height:24px; margin:20px 0 20px 0; font-weight:900; }
#steel_framing_in_2 { width: 30%; clear:both; overflow:hidden; margin:0 35% 0 35%; border-bottom:3px solid #9A3523; }
#steel_framing_in_3 { width: 90%; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:20px; padding:5% 5% 5% 5%; }
#steel_framing_in_4 { width: 90%; clear:both; overflow:hidden; text-align:center; padding:0 5% 0 5%; }

#capacitaciones-y-eventos { width: 100%; clear:both; overflow:hidden; }
#capacitaciones-y-eventos_in { width: 100%; min-height:29px; clear:both; overflow:hidden; padding:0 0 15px 0; background-color:#FFE4B5; }
#capacitaciones-y-eventos_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:24px; line-height:24px; margin:20px 0 20px 0; font-weight:900; }
#capacitaciones-y-eventos_in_2 {  width: 30%; clear:both; overflow:hidden; margin:0 35% 0 35%; border-bottom:3px solid #9A3523; }
.capacitaciones-y-eventos_in_3 { width: 90%; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:20px; padding:5% 5% 15px 5%; }
.capacitaciones-y-eventos_in_3_1 { width: 100%; clear:both; overflow:hidden; text-align:left; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding-bottom:18px; }
.capacitaciones-y-eventos_in_3_2 { width: 100%; clear:both; overflow:hidden; text-align:left; margin:0 0 0 0; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding-bottom:18px; }
.capacitaciones-y-eventos_in_3_3 { width: 100%; clear:both; overflow:hidden; text-align:left; border-bottom:1px dotted #B3321C; margin-bottom:0; padding-bottom:18px; }
.capacitaciones-y-eventos_in_4 { width: 100%; clear:both; overflow:hidden; text-align:center; padding:3px 0 0 0; margin-bottom:18px; }

.steel_in { width: 100%; clear:both; overflow:hidden; text-align:center; font-size:16px; line-height:18px; font-weight:900; margin:0 0 20px 0; }
.steel_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; }
.steel_in_2 { width: 100%; clear:both; overflow:hidden; text-align:center; padding:40px 0 40px 0; border-left:0; border-right:0; }
.steel_in_3 { width: 100%; clear:both; overflow:hidden; text-align:center; }

.steel_framing_imagen { width: 100%; min-height:82px; clear:both; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:100%; padding:20px 0 0 0; font-size:18px; line-height:18px; }

#contacto_in { width: 100%; clear:both; overflow:hidden; padding:20px 0 0 0; }
#contacto_in_1 { width: 100%; clear:both; overflow:hidden; text-align:center; margin-right:0; margin-bottom:0; }
#contacto_in_2 { width: 100%; clear:both; overflow:hidden; text-align:center; }

.seccion_bloque { width: 90%; clear:both; overflow:hidden; text-align:center; font-size:14px; line-height:14px; padding:0 5% 0 5%; }
.seccion_bloque_1 { width: 100%; clear:both; overflow:hidden; text-align:center; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding-bottom:18px; }
.seccion_bloque_2 { width: 100%; clear:both; overflow:hidden; text-align:center; margin:0 0 0 0; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding-bottom:18px; }
.seccion_bloque_3 { width: 100%; clear:both; overflow:hidden; text-align:center; border-bottom:1px dotted #B3321C; margin-bottom:0; padding-bottom:18px; }

.seccion_bloque_b_1 { width: 100%; clear:both; overflow:hidden; text-align:center; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding:0 0 18px 0; }
.seccion_bloque_b_2 { width: 100%; clear:both; overflow:hidden; text-align:center; margin:0 0 0 0; border-bottom:1px dotted #B3321C; margin-bottom:18px; padding:0 0 18px 0; }
.seccion_bloque_b_3 { width: 100%; clear:both; overflow:hidden; text-align:center; border-bottom:1px dotted #B3321C; margin-bottom:0; padding:0 0 18px 0; }

#cierre { width: 100%; clear:both; overflow:hidden; padding:30px 0 5px 0; }
#cierre_in { width: 100%; clear:both; overflow:hidden; }
#cierre_in_1 { width: 100%; clear:both; overflow:hidden; margin-right:0; margin-bottom:30px; text-align:center; }
#cierre_in_2 { width: 100%; clear:both; overflow:hidden; margin-right:0; margin-bottom:30px; text-align:center; }
#cierre_in_2_info { width: 100%; clear:both; overflow:hidden; line-height:25px; }
#cierre_in_3 { width: 100%; clear:both; overflow:hidden; margin-right:0; text-align:left; color:#FFF;}
#cierre_in_3_info { width: 100%; clear:both; overflow:hidden; border-bottom:1px dotted #FFF; margin-bottom:18px; padding-bottom:18px; }
.cierre_in_3_item { clear:both; overflow:hidden; margin-bottom:25px; border-bottom:1px dotted #FFF; margin-bottom:18px; padding-bottom:18px; }
.cierre_in_3_item_i { clear:both; overflow:hidden; margin-top:0; }
.cierre_in_3_item_icono { width:18px; float:left; overflow:hidden; text-align:center; }
.cierre_in_3_item_iconos { width:18px; float:left; margin-right:15px; overflow:hidden; text-align:center; }
.cierre_in_3_item_1 { float:left; overflow:hidden; text-align:left; margin:0 0 2px 10px; }
#cierre_in_4 { width: 100%; clear:both; overflow:hidden; text-align:left; }
#cierre_in_4_info { width: 100%; clear:both; overflow:hidden;}

#pie_in { width: 100%; clear:both; overflow:hidden; padding:15px 0 15px 0; }
#pie_in_1 { width: 90%; clear:both; overflow:hidden; text-align:center; padding:0 5% 15px 5%; }
#pie_in_2 { width: 90%; clear:both; overflow:hidden; text-align:center; padding-top:0; padding:0 5% 0 5%; }

/* [botones] */

A.boton_sumate:link { width:80px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }
A.boton_sumate:visited { width:80px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }
A.boton_sumate:hover { width:80px; padding:10px; text-decoration: none; background-color:#333; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FCC55E; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#333; font-weight:600 }
A.boton_sumate:active { width:80px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#B3321C; font-weight:600 }

A.boton_seguir:link { width:120px; padding:10px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:visited { width:120px; padding:10px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:hover { width:120px; padding:10px; text-decoration: none; background-color:#B3321C; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #B3321C; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir:active { width:120px; padding:10px; text-decoration: none; color:#000; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #000; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }

A.boton_seguir_2:link { width:120px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block; border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:visited { width:120px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s; display:block;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:hover { width:120px; padding:10px; text-decoration: none; background-color:#FCC55E; color:#333; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FCC55E; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }
A.boton_seguir_2:active { width:120px; padding:10px; text-decoration: none; color:#FFF; text-decoration: none; text-align:center; -moz-transition: all, 0.7s; -o-transition: all, 0.7s; -webkit-transition: all, 0.7s; transition: all, 0.7s;border: 1px solid #FFF; font-size:16px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; font-weight:600 }


/* [formulario] */
.campo_texto { width:100%; padding:4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:4%; }
.campo_textarea { width:100%; padding:4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.boton_enviar { width: 100%; min-height:20px; clear:both; overflow:hidden; background-color:#8D0201; text-align:center; padding:15px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:16px; font-weight:500 }
.boton_enviar:hover { width: 100%; min-height:16px; clear:both; overflow:hidden; background-color:#C60000; text-align:center; padding:15px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:16px; font-weight:500 }

.boton_buscar { width:100%; padding:4%; clear:both; overflow:hidden; background-color:#4C483F; text-align:center; padding:10px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0; font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; cursor:pointer; }
.boton_buscar:hover {  width:100%; padding:4%; clear:both; overflow:hidden; background-color:#666; text-align:center; padding:10px; display:block; text-decoration:none; color:#FFF; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; -webkit-transition: all, 0.4s; transition: all, 0.4s; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:0;  font-size:18px; font-weight:700;  font-family: 'Nunito Sans', sans-serif; cursor:pointer; }

.select { width:100%; clear:both; margin-bottom:15px; }

}