/*=============================================
GLOBAL

Color

Gris oscuro: #41402E;
Gris Plus: #41402E; 60% opacidad rgba(65, 64, 46, 0.8);
Gris Medio: #41402E; 60% opacidad rgba(65, 64, 46, 0.6);
Gris Intermedio: #41402E; 60% opacidad rgba(65, 64, 46, 0.5);
Gris Bajo - Hover Submenus - Fondo Cajas Info: #41402E; 20% opacidad rgba(65, 64, 46, 0.2);
Gris Tenue - Fondo Cajas Menu: #41402E; 10% opacidad rgba(65, 64, 46, 0.1);


Naranja Hover y Activado: #E35205;
Naranja: #E35205; 85% opacidad rgba(227, 82, 5, 0.6);

Rosado Hover y Activado: #C31461;
Rosado: #C31461; 85% opacidad rgba(195, 20, 97, 0.6);

Verde Hover y Activado: #78BE20;
Verde: #78BE20; 85% opacidad  rgba(120, 190, 32, 0.6);

Blanco: #FFFFFF;
Blanco Hover: rgba(255, 255, 255, 0.8);

Azul: #2DCCD3;

Naranja: #FFA300;

Gris par cuadros en imagenes: #383230;


=============================================*/
body {
	background-color: rgba(65, 64, 46, 0.1);
	overflow-x: hidden;
	color: #41402E;
}

*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {


}
a:link {text-decoration: none; }
a:visited{text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }
/*a:link {text-decoration: none;  color: #C0B7AB;}
a:visited{text-decoration: none;  color: #C0B7AB;}
a:hover {text-decoration: none;  color: #C0B7AB;}
a:active {text-decoration: none;  color: #C0B7AB;}*/
.contenedor{
	position: relative;
  float: left;
	margin: auto;
	width: 100%;
	height: auto;
}
.fila{
	position: relative;
  float: left;
	margin: auto;
	width: 100%;
	height: auto;
	/*clear: both;
	display: table;*/
}
[class*="col-"]{
	position: relative;
	float: left;
	padding: 0px;
	/*border: 1px solid black;*/
}
/*=============================================
PANTALLA DE ESCRITORIO GRANDE - LARGE (lg)
=============================================*/
.col-side{width: 15%;}
.col-center{width: 70%;}
.col-full{width: 100%;}


.col-menu{width: 22%;}
.col-info{width: 78%;}
.col-full{width: 100%;}

.col-sideAcceso{width: 30%;}
.col-infoAcceso{width: 40%;}

@media (min-width:1000px) and (max-width:1223px) {
	.col-sideAcceso{width: 25%;}
	.col-infoAcceso{width: 50%;}
}
@media screen and (max-width: 999px){
	.col-sideAcceso{width: 20%;}
	.col-infoAcceso{width: 60%;}
}

/*@media (min-width:1651px) and (max-width:1800px) {
	.col-side{width: 12.5%;}
	.col-center{width: 75%;}
	.col-full{width: 100%;}
}
@media (min-width:1501px) and (max-width:1650px) {
	.col-side{width: 11%;}
	.col-center{width: 78%;}
	.col-full{width: 100%;}
}
@media (min-width:1224px) and (max-width:1500px) {
	.col-side{width: 9%;}
	.col-center{width: 82%;}
	.col-full{width: 100%;}
}
@media (min-width:1001px) and (max-width:1223px) {
	.col-side{width: 5%;}
	.col-center{width: 90%;}
	.col-full{width: 100%;}
}
@media (min-width: 720px) and (max-width:1000px) {
	.col-side{width: 5%;}
	.col-center{width: 90%;}
	.col-full{width: 100%;}
}
@media (min-width: 601px) and (max-width:719px) {
	.col-side{width: 5%;}
	.col-center{width: 90%;}
	.col-full{width: 100%;}
}
@media (min-width: 0px) and  (max-width:600px) {
	.col-side{width: 5%;}
	.col-center{width: 90%;}
	.col-full{width: 100%;}
}*/

/*=============================================
ALINEACIÓN VERTICAL
=============================================*/
.vertical-align-wrap {
	/*position: absolute;*/
  width: 100%;
  height: 100%;
  display: table;
}
.vertical-align {
  display: table-cell;
}
.vertical-align--middle {
  vertical-align: middle;
}

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

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

	@media screen and (min-width: 1224px) and (max-width: 1439px){}

	@media screen and (min-width: 720px) and (max-width: 1223px){}

	@media screen and (min-width: 500px) and (max-width: 719px){}

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

	.top{
		top: 90px;
	}