/****************************************************************************************************************

// Job   : selectores con responsive web design implementado a través de media queries 

// Brain : Cristian Fernandez O.

// Email : cristian.fernandez@factobyte.cl

//--------------------------------------------------------------------------------------------------------------*/



body {

	margin: 0;

	padding: 0;

	background: #fff;

}



@font-face {

	font-family: 'Montserrat SemiBold';

	src: url('fonts/montserratsemibold.otf');

}



h1 {

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.8em; 

	font-weight: normal;

	color: #009f9b; 

	text-align: center;

	margin: 0;

}



h2 {

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.3em; 

	font-weight: normal;

	color: #484848; 

	text-align: center;

	margin: 0;

	margin-bottom: 10px;

}



h3 {

	font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.2em; 

	font-weight: normal;

	color: #009f9b; 

	text-align: center;

	margin: 0;

}



h4 {

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.2em; 

	font-weight: normal;

	color: #70a800; 

	text-align: center;

	margin: 0;

}



h5 {

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.3em;

	font-weight: normal;

	color: #0ebe7e;

	text-align: center;

	margin: 0;

}



h6 {

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1.3em;

	font-weight: normal;

	color: #ed0000;

	text-align: center;

	margin: 0;

}



p {

	font-family: "Open Sans", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 0.8em; 

	color: #484848; 

	line-height: 20px;

	margin: 0;

}



a {

	color: #484848; 

	text-decoration: none;

}



a:hover {

	color: #fff; 

	text-decoration: none;

	/*background-color: #00726f;

	padding: 1px 1px;*/

}



form {

	margin: 0;

}



select, 

textarea, 

input[type="text"], 

input[type="password"],

input[type="email"],

input[type="url"],

input[type="date"],

input[type="time"],

input[type="datetime"],

input[type="month"],

input[type="week"],

input[type="number"],

input[type="range"],

input[type="search"],

input[type="color"],

input[type="tel"] {

	width: 100%;

	height: 42px;

	margin-bottom: 12px;

	padding-left: 4px;

	font-family: "Open Sans", "Lato", "Trebuchet MS",arial; 

	font-size: 1.25em; 

	color: #00bbb6; 

	border: 2px solid #3d444c;

	border-radius: 6px;

	-webkit-border-radius: 6px;

  -moz-border-radius: 6px;

}



textarea {

	height: 100px;

	padding-top: 4px;

	resize: none;

}



.form-file {

	overflow: hidden;

	position: relative;



	max-width: 150px;

	background-color: #00bbb6;

	padding: 10px 30px;

	border: 2px solid #00bbb6;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	display: block;

	margin: 0 auto;

	margin-top: 10px;

	text-align: center;

	font-family: "Geometos Rounded", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;



	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s; /* Safari */

	-moz-transition-duration: 0.4s; /* Mozilla */

}



.form-file:hover {

	background-color: #fff;

	color: #00bbb6;

}



.form-file [type=file] {

	cursor: inherit;

	display: block;

	font-size: 999px;

	filter: alpha(opacity=0);

	min-height: 100%;

	min-width: 100%;

	opacity: 0;

	position: absolute;

	right: 0;

	text-align: right;

	top: 0;

}



.form-file-img-prog {

	overflow: hidden;

	position: relative;



	background-color: #00bbb6;

	padding: 10px 4px;

	border: 2px solid #00bbb6;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	display: block;

	margin-top: 6px;

	text-align: center;

	font-family: "Geometos Rounded", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;



	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s; /* Safari */

	-moz-transition-duration: 0.4s; /* Mozilla */

}



.form-file-img-prog:hover {

	background-color: #fff;

	color: #00bbb6;

}



.form-file-img-prog [type=file] {

	cursor: inherit;

	display: block;

	font-size: 999px;

	filter: alpha(opacity=0);

	min-height: 100%;

	min-width: 100%;

	opacity: 0;

	position: absolute;

	right: 0;

	text-align: right;

	top: 0;

}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

	color: #b8b8b8;

	opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

	color: #b8b8b8;

}



::-ms-input-placeholder { /* Microsoft Edge */

	color: #b8b8b8;

}



.boton_principal {

	background-color: #00bbb6;

	padding: 2px 12px;

	border: 2px solid white;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	display: block;

	margin: 0 auto;

	margin-top: 2px;

	text-align: center;

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;



	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

}



.boton_principal:hover {

	color: #00bbb6;

	background-color: #fff;

}



.boton_principal_filtro {

	background-color: #00bbb6;

	padding: 9px 30px;

	margin-bottom: 12px;

	border: 2px solid #00bbb6;

	border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	display: block;

	text-align: center;

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;

	float: left;



	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

}



.boton_principal_filtro:hover {

	color: #00bbb6;

	background-color: #fff;

}



.boton_secundario {

	background-color: #3d444c;

	padding: 10px 25px;

	border: 2px solid #3d444c;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	display: block;

	margin: 0 auto;

	margin-top: 10px;

	text-align: center;

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;



	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

}



.boton_secundario:hover {

	background-color: #0e1319;

	border-color: #0e1319;

}



.boton_imgquitar {

	background-color: #00bbb6;

	padding: 5px 5px;

	border: 2px solid #00bbb6;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	display: block;

	margin: 0 auto;

	margin-top: 4px;

	text-align: center;

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 1em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;



	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

}



.boton_imgquitar:hover {

	color: #00bbb6;

	background-color: #fff;

}



.boton_mantenedor {

	background-color: #3d444c;

	padding: 2px 8px;

	border: 2px solid #3d444c;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	display: block;

	margin: 0;

	margin-left: 4px;

	text-align: center;

	font-family: "Montserrat SemiBold", "Lato", "Trebuchet MS", arial, Luxi Sans, Nimbus Sans L;

	font-size: 0.8em; 

	font-weight: normal;

	color: #fff;

	cursor: pointer;

	float: right;



	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

}



.boton_mantenedor:hover {

	background-color: #00bbb6;

	border-color: #00bbb6;

}



.boton_paginador {

	background-color: #dedede;

	padding: 7px 12px;

	margin: 3px;

	text-decoration: none;

}



.boton_paginador:hover {

	background-color: #9ce1e0;

	padding: 7px 12px;

	color: #484848;

}



.boton_paginador_selected {

	background-color: #00bbb6;

	padding: 7px 12px;

	margin: 3px;

	color: #fff;

	text-decoration: none;

}



.boton_paginador_selected:hover {

	background-color: #00bbb6;

	padding: 7px 12px;

	color: #fff;

}



.cmb_menu_filtro {

	max-width: 180px;

	margin-right: 7px;

	float: left;

}



.txt_programa {

	text-transform: uppercase;

}



.txt_condicion {

	text-transform: uppercase;

}



.txt_descripcion_long {

	height: 300px;

}



#txt_dolar {

	max-width: 100px;

	float: left;

}



#txt_dolar_text {

	margin-top: 10px;

}



#recaptcha-code {

	width: 100;

	max-width: 305px;

	margin: 0 auto;

}



/****************************************************************************************************************

// Job   : selectores con responsive web design implementado a través de media queries 

// Brain : Cristian Fernandez O.

// Email : cristian.fernandez@factobyte.cl

//--------------------------------------------------------------------------------------------------------------*/



@media screen and (min-width: 1600px) {

	/* propiedades CSS a aplicar en desktops con resolución de 1600px mínimo o mas */

	

}



@media screen and (min-width: 1025px) and (max-width: 1599px) {

	/* propiedades CSS a aplicar en notebooks y netbooks con resolución de 1024px mínimo y 1599px máximo */

	

}



@media screen and (min-width: 768px) and (max-width: 1024px) {

	/* propiedades CSS a aplicar en tablets con resolución de 768px mínimo y 1023px máximo */



}



@media screen and (max-width: 767px) {

	/* propiedades CSS a aplicar en smartphones con resolución de 767px máximo */

	

}