/*COLS*/

::selection{
	background: red;
	color: #FFF;
}
@media only screen and (min-width: 801px) { /*desktop*/
	/*Sin padding ni margin*/
	.cols10{width: 10%; float: left;}
	.cols20{width: 20%; float: left;}
	.cols25{width: 25%; float: left;}
	.cols30{width: 30%; float: left;}
	.cols33:first-of-type{width: 34%; float: left;}
	.cols33{width: 33%; float: left;}
	.cols40{width: 40%; float: left;}
	.cols50{width: 50%; float: left;}
	.cols60{width: 60%; float: left;}
	.cols70{width: 70%; float: left;}
	.cols75{width: 75%; float: left;}
	.cols80{width: 80%; float: left;}
	.cols90{width: 90%; float: left;}
	.cols100{width: 100%; float: left;}
	/*Con padding*/
	.cols10-p{width: 8%; padding: 15px 1%; float: left;}
	.cols20-p{width: 18%; padding: 15px 1%; float: left;}
	.cols25-p{width: 23%; padding: 15px 1%; float: left;}
	.cols30-p{width: 28%; padding: 15px 1%; float: left;}
	.cols33-p{width: 31%; padding: 15px 1%; float: left;}
	.cols33-p:first-of-type{width: 32%; padding: 15px 1%; float: left;}
	.cols40-p{width: 38%; padding: 15px 1%; float: left;}
	.cols50-p{width: 48%; padding: 15px 1%; float: left;}
	.cols60-p{width: 58%; padding: 15px 1%; float: left;}
	.cols70-p{width: 68%; padding: 15px 1%; float: left;}
	.cols75-p{width: 73%; padding: 15px 1%; float: left;}
	.cols80-p{width: 78%; padding: 15px 1%; float: left;}
	.cols90-p{width: 88%; padding: 15px 1%; float: left;}
	.cols100-p{width: 98%; padding: 15px 1%; float: left;}
	/*Con margin*/
	.cols10-m{width: 8%; margin: 15px 1%; float: left;}
	.cols20-m{width: 18%; margin: 15px 1%; float: left;}
	.cols25-m{width: 23%; margin: 15px 1%; float: left;}
	.cols30-m{width: 28%; margin: 15px 1%; float: left;}
	.cols33-m{width: 31%; margin: 15px 1%; float: left;}
	.cols33-m:first-of-type{width: 32%; margin: 15px 1%; float: left;}
	.cols40-m{width: 38%; margin: 15px 1%; float: left;}
	.cols50-m{width: 48%; margin: 15px 1%; float: left;}
	.cols60-m{width: 58%; margin: 15px 1%; float: left;}
	.cols70-m{width: 68%; margin: 15px 1%; float: left;}
	.cols75-m{width: 73%; margin: 15px 1%; float: left;}
	.cols80-m{width: 78%; margin: 15px 1%; float: left;}
	.cols90-m{width: 88%; margin: 15px 1%; float: left;}
	.cols100-m{width: 98%; margin: 15px 1%; float: left;}
	/*Con padding y margin*/
	.cols10-pm{width: 6%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols20-pm{width: 16%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols25-pm{width: 21%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols30-pm{width: 26%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols33-pm{width: 29%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols33-pm:first-of-type{width: 30%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols40-pm{width: 36%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols50-pm{width: 46%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols60-pm{width: 56%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols70-pm{width: 66%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols75-pm{width: 71%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols80-pm{width: 76%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols90-pm{width: 86%; padding: 15px 1%; margin: 15px 1%; float: left;}
	.cols100-pm{width: 96%; padding: 15px 1%; margin: 15px 1%; float: left;}
	/*Auto sin padding ni margin*/
	.cols10Auto{width: 10%; float: left; margin: 0 45%;}
	.cols20Auto{width: 20%; float: left; margin: 0 40%;}
	.cols25Auto{width: 26%; float: left; margin: 0 37%;}
	.cols30Auto{width: 30%; float: left; margin: 0 35%;}
	.cols33Auto{width: 32%; float: left; margin: 0 34%;}
	.cols40Auto{width: 40%; float: left; margin: 0 30%;}
	.cols50Auto{width: 50%; float: left; margin: 0 25%;}
	.cols60Auto{width: 60%; float: left; margin: 0 20%;}
	.cols70Auto{width: 70%; float: left; margin: 0 15%;}
	.cols75Auto{width: 75%; float: left; margin: 0 15%;}
	.cols80Auto{width: 80%; float: left; margin: 0 10%;}
	.cols90Auto{width: 90%; float: left; margin: 0 5%;}
	/*Auto con padding*/
	.cols10Auto-p{width: 8%; float: left; padding: 15px 46%;}
	.cols20Auto-p{width: 18%; float: left; padding: 15px 41%;}
	.cols25Auto-p{width: 24%; float: left; padding: 15px 38%;}
	.cols30Auto-p{width: 28%; float: left; padding: 15px 36%;}
	.cols33Auto-p{width: 32%; float: left; padding: 15px 34%;}
	.cols40Auto-p{width: 38%; float: left; padding: 15px 31%;}
	.cols50Auto-p{width: 48%; float: left; padding: 15px 26%;}
	.cols60Auto-p{width: 58%; float: left; padding: 15px 21%;}
	.cols70Auto-p{width: 68%; float: left; padding: 15px 16%;}
	.cols75Auto-p{width: 73%; float: left; padding: 15px 16%;}
	.cols80Auto-p{width: 78%; float: left; padding: 15px 11%;}
	.cols90Auto-p{width: 88%; float: left; padding: 15px 6%;}
	/*Auto con margin*/
	.cols10Auto-m{width: 8%; float: left; margin: 15px 46%;}
	.cols20Auto-m{width: 18%; float: left; margin: 15px 41%;}
	.cols25Auto-m{width: 24%; float: left; margin: 15px 38%;}
	.cols30Auto-m{width: 28%; float: left; margin: 15px 36%;}
	.cols33Auto-m{width: 32%; float: left; margin: 15px 34%;}
	.cols40Auto-m{width: 38%; float: left; margin: 15px 31%;}
	.cols50Auto-m{width: 48%; float: left; margin: 15px 26%;}
	.cols60Auto-m{width: 58%; float: left; margin: 15px 21%;}
	.cols70Auto-m{width: 68%; float: left; margin: 15px 16%;}
	.cols75Auto-m{width: 73%; float: left; margin: 15px 16%;}
	.cols80Auto-m{width: 78%; float: left; margin: 15px 11%;}
	.cols90Auto-m{width: 88%; float: left; margin: 15px 6%;}
	/*Auto con padding y margin*/
	.cols10Auto-pm{width: 8%; float: left; padding: 15px 1%; margin: 15px 45%;}
	.cols20Auto-pm{width: 18%; float: left; padding: 15px 1%; margin: 15px 40%;}
	.cols25Auto-pm{width: 22%; float: left; padding: 15px 1%; margin: 15px 38%;}
	.cols30Auto-pm{width: 28%; float: left; padding: 15px 1%; margin: 15px 35%;}
	.cols33Auto-pm{width: 30%; float: left; padding: 15px 1%; margin: 15px 34%;}
	.cols40Auto-pm{width: 38%; float: left; padding: 15px 1%; margin: 15px 30%;}
	.cols50Auto-pm{width: 48%; float: left; padding: 15px 1%; margin: 15px 25%;}
	.cols60Auto-pm{width: 58%; float: left; padding: 15px 1%; margin: 15px 20%;}
	.cols70Auto-pm{width: 68%; float: left; padding: 15px 1%; margin: 15px 15%;}
	.cols75Auto-pm{width: 73%; float: left; padding: 15px 1%; margin: 15px 15%;}
	.cols80Auto-pm{width: 78%; float: left; padding: 15px 1%; margin: 15px 10%;}
	.cols90Auto-pm{width: 88%; float: left; padding: 15px 1%; margin: 15px 5%;}
}
@media only screen and (max-width: 800px) { /*mobile*/
	.cols10, .cols20, .cols25, .cols30, .cols33, .cols40, .cols50, .cols60, .cols70, .cols75, .cols80, .cols90, .cols100{width: 100%;}
	.cols10-p, .cols20-p, .cols25-p, .cols30-p, .cols33-p, .cols40-p, .cols50-p, .cols60-p, .cols70-p, .cols75-p, .cols80-p, .cols90-p, .cols100-p{width: 98%; padding: 15px 1%;}
	.cols10-m, .cols20-m, .cols25-m, .cols30-m, .cols33-m, .cols40-m, .cols50-m, .cols60-m, .cols70-m, .cols75-m, .cols80-m, .cols90-m, .cols100-m{width: 98%; margin: 15px 1%;}
	.cols10-pm, .cols20-pm, .cols25-pm, .cols30-pm, .cols33-pm, .cols40-pm, .cols50-pm, .cols60-pm, .cols70-pm, .cols75-pm, .cols80-pm, .cols90-pm, .cols100-pm{width: 96%; padding: 15px 1%; margin: 15px 1%;}

	.cols10Auto, .cols20Auto, .cols25Auto, .cols30Auto, .cols33Auto, .cols40Auto, .cols50Auto, .cols60Auto, .cols70Auto, .cols80Auto, .cols90Auto{width: 100%;}
	.cols10Auto-p, .cols20Auto-p, .cols25Auto-p, .cols30Auto-p, .cols33Auto-p, .cols40Auto-p, .cols50Auto-p, .cols60Auto-p, .cols70Auto-p, .cols75Auto-p, .cols80Auto-p, .cols90Auto-p{width: 98%; padding: 15px 1%;}
	.cols10Auto-m, .cols20Auto-m, .cols25Auto-m, .cols30Auto-m, .cols33Auto-m, .cols40Auto-m, .cols50Auto-m, .cols60Auto-m, .cols70Auto-m, .cols75Auto-m, .cols80Auto-m, .cols90Auto-m{width: 98%; margin: 15px 1%;}
	.cols10Auto-pm, .cols20Auto-pm, .cols25Auto-pm, .cols30Auto-pm, .cols33Auto-pm, .cols40Auto-pm, .cols50Auto-pm, .cols60Auto-pm, .cols70Auto-pm, .cols75Auto-pm, .cols80Auto-pm, .cols90Auto-pm{width: 96%; padding: 15px 1%; margin: 15px 1%;}
}
/*COLS CON ALTURA*/
.colsAlto120{
	height: 120px;
	overflow: hidden;
}
.colsAlto200{
	height: 200px;
	overflow: hidden;
}
/*OTROS*/
.franjaMenu{
	background: #ededed;
}
.btn{
	text-align: center;
}
.btn a{
	margin: 15px auto;
	clear: both;
	color: #fff;
	line-height: 35px;
	padding: 10px 20px;
	cursor: pointer;
	background: #004765;
	text-decoration: none;
	font-size: 18px;
}
.btn a:hover{
	color: #eeeeee !important;
	background: #2b2a2f;
	border: 1px solid #2b2a2f;
	text-decoration: none;
}
.btnComprar{
	padding-left: 20px;
	background: url(../images/comprar-01.png) no-repeat;
	background-position: left;
	color: #009DE0;
	cursor: pointer;
}
.btnComprar:hover{
	text-decoration: underline;
}
.notas{
	float: left;
	border-top: 1px solid #009DE0;
	border-bottom: 1px solid #009DE0;
	border-left: 4px solid #009DE0;
	border-right: 1px solid #009DE0;
	padding: 5px 1%;
}
.separador{
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid #009DE0;
	opacity: 0.5;
	margin: 25px 0px;
}
/*Imágenes*/
.img100{
	width: 100%;
}
.img50{
	width: 50%;
}
/*Efectos*/
.efecto-1, .efecto-2{
	transition-duration: 0.5s;
}
.efecto-1:hover{/*rotar Z 360*/
	transform: rotateZ(360deg);
	transition-duration: 0.5s;
}
.efecto-2:hover{/*zoom*/
	transition-duration: 0.5s;
	transform: scale(1.1);
}
/*Listas*/
ul li{
	list-style-image: url(../images/list-style.png);
	margin-left: 15px;
}
ol li{
	margin-left: 15px;
}
/*Tablas*/
.tabla-1{
	margin: 20px 0px;
}
.tabla-1 .tabla-1-titulos, .tabla-1 .tabla-1-titulos td{
	color: #2b2a2f;
	border-top: 2px solid #009DE0;
	border-bottom: 2px solid #009DE0;
	font-weight: bold;
}
.tabla-1 .tabla-1-celdas td{
	border: 2px dotted #ddd;
}
.tabla-1-celdas:hover td{
	background: #C7FFF0;
}
.tabla-1-celdas:nth-child(odd){
	background: #fefefe;
}
.tabla-1-celdas:nth-child(even){
	background: #dddddd;
}
.tabla-1-celdas .del img, .tabla-1-celdas .editar img{
	height: 20px;
	margin: 20px 20px;
	float: left;
}
.tabla-1-celdas a{
	color: #009DE0;
}
.tabla-1-celdas a:hover{
	text-decoration: underline;
}
/*Acordeon*/
.acordeon-1{
	width: 100%;
	float: left;
}
.acordeon-1 .h{
	width: 100%;
	float: left;
	background: #009DE0;
	border-radius: 10px 10px 0px 0px;
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 40px;
	padding: 0px 1%;
	box-sizing: border-box;
	cursor: pointer;
}
.acordeon-1 .h:hover{
	background: #2b2a2f;
}
.acordeon-1 .c{
	width: 100%;
	float: left;
	border: 1px solid #009DE0;
	border-radius: 0px 0px 10px 10px;
	padding: 15px 1%;
	box-sizing: border-box;
	margin-bottom: 25px;
}

/*FORMULARIOS*/
input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="url"], textarea, select, input[type="date"] {
	float: inherit;
	border: 1px solid #CCCCCC;
	outline: #636362;
	border-radius: 5px;
	width: 100%;
	padding: 0px 1%;
	line-height: 50px !important;
	box-sizing: border-box;
	margin: 10px 0px;
}
select{
	height: 52px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="button"]:focus, textarea:focus, select:focus {
	border: 1px solid #A2A2A2;
	outline: 0;
}
textarea {
	height: 200px;
}
input[type="submit"], #enviar, #enviarRec{
	border: 0;
	color: #f9f9f9;
	padding: 5px 10px;
	cursor: pointer;
	background: #004765;
	border-right: 5px solid #86ADCC;
	transition-duration: 0.3s;
	margin-top: 16px;
	
}
input[type="submit"]:hover, #enviar:hover, #enviarRec:hover{
	color: #FFF;
	border: 0;
	background: #2b2a2f;
	border-right: 5px solid #2b2a2f;
	transition-duration: 0.3s;
}
::placeholder{
	color: #999999;
}