@charset "utf-8";
/* CSS Document */


.enlace {
	background-color:#666;
	color:#FFF;
	padding:5px 15px;
	text-decoration:none;
}
.enlace:hover {
	background-color:#1e3a65;
}


.parent {
    width: 500px;
}
.inferior {
    border-bottom: solid 2px;
}
.ver {
    display: block;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.block-ellipsis {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 30px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.logo1 {
	position:absolute;
	top:100px;
	right:100px;
}
/*Estilos para Formularios*/
.titulos {
	font-size:16px;
	font-weight:bold;
}
.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;
}
.textbox1 {
	.textbox{
	  border: 1px solid #CCC;
	  width:100px;
	  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;
}
}

/*Termina estilos para Formularios*/
.botones {
width:200px;height:40px; font-size:18px; background-color:  #728890   ; color:#FFF;	
}

.botones:hover {
    background-color: #1e3a65 ;
}
.botones2 {
width:200px;height:40px; font-size:18px; background-color:#00b2d6; color:#FFF; padding:8px 20px; text-decoration:none;
}
.botones3 {
width:200px;height:40px; font-size:18px; background-color:#ffffff; color:#000; padding:8px 20px; text-decoration:none;
}
/*Termina sección para login*/

* {
	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;
}
.logo {
	background:#FFF;
	padding:2px;
	}
	
.logo:hover {
	background:#FFF;
}

.espacios {
	padding:20px 50px;
}
body {
	margin:0;
	background-image:url(images/marca.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
    position: absolute;
    width: 100%;
	/*background-color:#666;*/
}

.fondo-negro {
	background:#000;
	color:#FFF;
}
.opaco {
	opacity: 0.8;
}
.fondo-fucsia {
	background:#00b2d6;
	color:#FFF;
}
.fondo-imagen {
	background-image:url(images/banner2.jpg);
}
.fondo-gris {
	background-color:#666;
}
.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;
}
html {
    font-family: "Lucida Sans", sans-serif;
	
}
row {
	padding:0px;
}
.header {
    background-color: #9933cc;
    color: #ffffff;
}
.flotar {
  	overflow: auto;
}
.flotar img {
	 float: left;
}

.aside {
    /*background-color: #FFF;*/
    padding: 0px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    /*box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}
.tamano{
	width:100%;
	height:200px;
}
.aside1 {
    background-color: #FFF;
    padding: 15px;
    color: #000000;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 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: #32a9b7 ;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    padding: 10px;
}
/*Barra de Navegacion*/
.menu_bar {
	display:none;
}
 
header {
	width: 100%;
}
 
header nav {
	background:#1e3a65   ;
	z-index:1000;
	max-width: 1500px;
	padding:0px;
	width:100%;
	margin:0;
}

 
header nav ul {
	list-style:none;
}

 
header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#1e3a65    ;
	color:#000;
	margin:0;
}

header nav ul li a:hover {
	color:#FFF;
    background-color: black;
    font-size: 20px;
    padding: 12px;
	}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 15px;
	margin-left:15px;
	margin-top:0px;
}

 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#728890;
	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);*/
}
 
header nav ul li .children li a {
	display: block;
}
 
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;
}
.centrado {
	position: relative;
	left:7%;
    top: 50%;
    width: 100%;
}
/*Fin Barra de Navegacion*/
/* For desktop: */
.col-1 {width: 10%;}
.col-2 {width: 18%;}
.col-3 {width: 26%; padding:0px;}
.col-4 {width: 32%; padding:0px;}
.col-5 {width: 40%; padding:0px;}
.col-6 {width: 48%; padding:0px;}
.col-7 {width: 60%;  padding:0px;}
.col-8 {width: 75%; padding:0px;}
.col-9 {width: 10%; padding: 0px;}
.col-10 {width: 78%;}
.col-11 {width: 86%; padding:0px;}
.col-12 {width: 100%;  padding:0px;}

@media screen and (max-width: 768px)
{
    .subir {
        padding-top: 10px;    
    }
    body {
        margin:0;
    }
	
	table {
		width:100%;
		height:100%;
	}
	table tr {
		border-bottom-style:solid;
		border-bottom-color:#666;
		border-bottom-width:1px;
	}
	
/*Termina sección de Login*/
.flotar img {
		display:none;
}
	body {
		padding-top:60px;
	}
	
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#000;
		z-index:1000;
         opacity: 0.7;
	}
 .centrado {
	position: relative;
	left:0;
    top: 50%;
    width: 100%;
}
	.menu_bar .bt-menu {
		display: block;
		padding: 10px;
		color: #fff;
		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% - s80px);
		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 screen and (max-width: 580px)
{
	
		body {
			margin:0;

		}

	table {
		width:100%;
		height:100%;
	}
	
}