@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
iframe.ytb-embed {
    max-width: 96% !important;
    display: block;
    margin: 10px auto;
}
.imagenmore:hover {
	filter: opacity(0.5);
}
.logo {
	background:#CCC;
	padding:10px;
	}
.home-imagen {
    background-image: url(images/a2.jpg);
}
.sombra {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.9), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
.sombra1 {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
.logo:hover {
	background:#FFF;
}

.centrar {
    position:absolute, top: 50%;    
}
.enlace {
	background-color:#666;
	color:#FFF;
	padding:5px 15px;
	text-decoration:none;
}
.enlace:hover {
	background-color:  #c19d20  ;
}
body {
	margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
	background-color:  #93b400;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
}
.textbox{
	  border: 1px solid #CCC;
	  width:80%;
	  font-size: 14px;
	  font-family: Arial, Verdana;
	  padding-left: 3px;
	  padding-right: 3px;
	  padding-top:7px;
	  padding-bottom: 5px;
	  border-radius: 4px;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 4px;
	  -o-border-radius: 4px;
	  background: #FFFFFF;
	  background: linear-gradient(left, #FFFFFF, #F7F9FA);
	  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
	  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
	  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
	  color: #2E3133;
}
.titulo {
	font-size: 16px;
	font-weight: bold;
}
.botones2 {
    width:200px;    border: 0px;
    height:40px; 
    font-size:18px; 
    background-color:white; 
    color:black; padding:8px 20px; text-decoration:none;
}
.botones2:hover {
    background:  #a8aabb;
}
.fondo-negro {
	background:#063677;
	color:#FFF;
}
.sobre:hover {
	background-color: #93b400 ;
	color: white;
	
}
.fondo-fucsia {
	background:#00b2d6;
	color:#FFF;
}
.main{
	width:70%;
	background:#FFF;
	padding:20px;
	float:left;
	box-sizing:border-box;
}
.sinbordes {
	padding:0px;}
.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
row {
	padding:0px;
}
.margen {
    margin:0px 5%  0px 5%;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
    background-color: # #1a1919 ;
    color: #ffffff;
}

.aside {
   /* background-color: #FFF;*/
    padding: 15px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}
.footer {
    background-color: #FFF;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
.footer1 {
    background-color:#063677;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    padding: 10px;
}
/*Barra de Navegacion*/
.menu_bar {
	display:none;
}
 .menu_bar .bt-menu {
    display: block;
    padding: 10px;
    color: #fff;
    overflow: hidden;
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
	}
header {
	width: 100%;
	background-color: white;
}
 
 /*Contenedor para el menú*/
header nav {
	background-color:#FFFFFF;
	z-index:1000;
	color: black;
	font-size: 12px;
	max-width: 1400px;
    height: 70px;
	padding:0px;
	width:100%;
    margin: 0px;

}
 
header nav ul {
	list-style:none;
}

 
header nav ul li {
	display:inline-block;
	position: relative;
    float:inherit;
    color: black;
}


header nav ul li:hover {
	background:#FFF;
	margin:0;
	color: #256ca1;
}

header nav ul li a:hover {
	color:#000;
    height: 55px;
    color: #93b400 ;
	}

header nav ul li a {  /* colores para links de la listsa*/)]
	color:#CCCCCC;
	font-weight: bold;
	display:block;
	text-decoration:none;
	padding: 10px;
	margin-left:10px;
	margin-top:5px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}

/* Colores para las listas deplegable*/ 
header nav ul li .children {
	display: none;
	background: #f7f7f7 ;
	border-bottom: 1px solid #93b400;
	position: absolute;
	width: 150%;
	z-index:1000;
}
 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
}
.visible1 {
    display: none;
}
header nav ul li .children li a {
	display: block;
}
.ancho {
    width:100%;
}
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
/*Fin Barra de Navegacion*/
/* For desktop: */
.papaito {
	 padding-left: 25px; 
}
.col-1 {width: 15%; padding: 0px; margin: 0px;}
.col-2 {width: 25%; padding: 0px; min-height: 100%;}
.col-3 {width: 30%; padding: 0px; margin: 0px; width: 33.33%;}
.col-4 {width: 32%; padding: 0px; margin: 0px;}
.col-5 {width: 100%; padding:0px;}
.col-6 {width: 39%; padding: 0px;}
.col-7 {width: 48%; padding: 0px; margin: 0px;}
.col-8 {width: 22%; padding: 0px; min-height: 100%;}
.col-9 {width: 70%; padding: 0px;}
.col-10 {width: 96%; padding: 0px;}
.col-11 {width: 86%;}
.col-12 {width: 100%; padding: 0px; margin: 0px;}

@media only screen and (max-width: 768px) {
	body {
		padding-top:80px;
        margin:0px;
	}
	.padre {
	  	text-align: center;
	}
    .margen {
        margin:0px 0px  0px 0px;
    }
    .ancho {
        width:100%;
    }
    .visible1 {
        display: block;
    }
    .visible2 {
        display: none;
    }
	.aside {
    /*background-color: #FFF;*/
    padding: 0px;
    color: #000000;
    text-align: center;
    font-size: 12px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menos {
	width: 100%;
}
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#FFFFFF;
		z-index:1000;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 10px;
		color: #000;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}
 
	.menu_bar span {
		float: right;
		font-size: 40px;
	}
 
	header nav {
		width: 60%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}
 
	header nav ul li {
		display: block;
		/*border-bottom:1px solid rgba(255,255,255,.5);*/
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float: right;
	}

    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
	.fondo-fucsia-min {
	background:#00b2d6;
	color:#FFF;
}
}
/*
@media only screen and (max-width: 768px) {

    /* For desktop: */
  /*  .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
}*/