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

body{
	background-color: #FFF;	
	font-family:"Roboto";
}

.caja2021
{
    margin:auto;
    max-width:1170px;
    padding:0px;
}
#sha
{
	/* border: 1px solid #FC0; */
/*	background-image: url(../imagenes/fondo2.gif); 
	background-repeat: repeat-x; */
	-webkit-box-shadow: 0px 0px 18px 0px rgba(48,50,0,48);
	-moz-box-shadow: 0px 0px 18px 0px rgba(48,50,0,48);
	box-shadow: 0px 0px 18px 0px rgba(48,50,0,48);
	background:#F2F2F2;
}

article a{
	color:#0a5ca2;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	
}
article a:hover{
	color:#00acee;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
	
}


.coro{
text-align:center;
}
header .logo {
	background-color:#FFF;
	padding:5px 0px 5px 0px;
}

.texto{
	
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
}

.destacada
{
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	text-align:justify;
	font-weight:bold;
}
.lista{
	color:#666666;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	/*text-align:justify;	*/
}

h1{
	color:darkred;
	font-size:30px;
	font-family: 'Oxygen', sans-serif;
	-webkit-box-shadow: 0.5px 0.5px 1px #00acee;
	-moz-text-shadow:0.5px 0.5px 1px #00acee;
	-ms-text-shadow:0.5px 0.5px 1px #00acee;
		 /*filter: shadow(color=#083e6d, direction=110, strength=2);*/		
}

@media (max-width:700px){
	h1{
		display:none;
	}
	
}

@media (min-width:701px){
	h1{
		display:visible;
	}
	header .logo .container .row .unica{	
		display:none;
	}
}
h2{
	color:#0a5ca2;
	text-align:left;
	font-size:22px;
  font-family:'Roboto', sans-serif;
  
	
}
h3{
	background:#155FBF;
	color:white;
	text-align:left;
	font-size:18px;
	font-family:'Oxygen', sans-serif;
	line-height:30px;
	padding:5px 5px 5px 5px;
	border-bottom: 5px solid crimson;
	
}
h4{
	color:#0a5ca2;
	text-align:left;
	font-size:14px;
	font-family:'Oxygen', sans-serif;
	
}


.linea{ 
  background:url(../imagenes/img-linea.png) no-repeat;
  border:0;
}


.blanco{
	width:100%;
	background-color:#FFF;
	background-image: none;
	background-repeat: repeat;
}

.titulo{
	color:#0d88dc;
	font-family: 'Oxygen', sans-serif;
	font-size:30px;
	font-weight:600;	
		}

.container-fluid{
	padding:0px;
	margin:0px;
}

.fondo-resultados{
	background-color:#eee;
}
.list group .list-group-item ul li a{
	color:#14CD00;
	font-family: 'Oxygen', sans-serif;
	font-size:14px;
	font-weight:600;
}
.blanco .container .row .enlace{
	display:inline-block;
	margin:50px;
	
}
.blanco .container .row .enlace .vinculos{
	display:inline-block;
	margin:10px 10px;
	tex-align:center;
}
.fondo-resultados{
	background-color: #efefef;
}
.table-responsive .table {
	background-color:#FFF;
}
.pie{
	width:100%;
	background-color:#023859;
}
.textpie{
	
	color:#fff;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	padding:10px;
	
}
/* nav bar*/
.navbar{
	border-color:#CCC;
	margin-bottom:1px;	
	background: -webkit-linear-gradient(#039, #009);
    background: -moz-linear-gradient(#0d88dc, #095183);
    background: -o-linear-gradient(#0d88dc, #095183);
	background: -ms-linear-gradient(#0d88dc, #095183);
	
}

.collapse navbar-collapse {
	 margin-bottom:0px;	
	background: -webkit-linear-gradient(#00A650, #06C);
    background: -moz-linear-gradient(#0CC, #06C);
    background: -o-linear-gradient(#0CC, #06C);
	background: -ms-linear-gradient(#0CC, #06C);
    color:#FF0;
  
  
}

.navbar-default .navbar-brand {
		
	background: -webkit-linear-gradient(#00A650, #00A650);
    background: -moz-linear-gradient(#00A650, #00A650);
    background: -o-linear-gradient(#00A650, #00A650);
	background: -ms-linear-gradient(#00A650, #00A650);
    color:#333;
	 margin-bottom:0px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color:#ffffff;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color:#333;
}

.navbar-default .navbar-nav > li > a {
	color:#fff;
	font-size:16px;
	font-family:'Roboto', sans-serif;
	font-weight:lighter;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color:#ffffff;
  background-color:#CF2928;

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color:#fff;
  background-color:#CF2928;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color:#fff;
  background-color:#CF2928;
}
.navbar-default .navbar-toggle {
  background-color:#FFF;
  border-color:#FFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  color:#333;
  background-color:#fff;
}
.navbar-default .navbar-toggle .icon-bar {
	color:#fff;
  background-color:#CF2928;
  
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color:#e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color:#333;
  background-color:#00acee;
}

/* nav bar*/
.dropdown-menu li a:hover{
	color:#333;
	background-color:#CF0;
	
}


/*carrusel*/


#carousel {
position: relative; /* Necesario */
overflow: hidden; /* Necesario */
height: 270px;
margin-left:35px;
background-color:transparent;/*#5B5B5B url(carousel/carousel-bg.png) bottom left repeat-x;*/
}
#carousel .belt {
position: absolute; /* Necesario */
left: 0;
top: 0;
margin:0 10px 10px 0;
}
#carousel .panel {
width:265px;
/*float: left;  Necesario */
overflow: hidden;
margin: 15px;

border:0px solid #5B5B5B;
background:#FFF;/*#383838 url(carousel/carousel-panel-bg.png) bottom left repeat-x;*/
}
#carousel .panel a:hover {
	opacity: 0.8;
  filter:  alpha(opacity=80);
}

.button-prev {
	height:250px;
	width:35px;
	float:left;
	background:transparent;/*#5B5B5B url(carousel/carousel-bg.png) bottom left repeat-x;*/
	-moz-border-radius:10px 0 0 10px;
}

.button-prev a {
	display:block;
	padding:5px;
	margin-top:105px;
	opacity: 0.5;
  filter:  alpha(opacity=50);
}
.button-prev a:hover {
	opacity: 1.0;
  filter:  alpha(opacity=100);
}


.button-next {
	height:250px;
	width:35px;
	float:right;
	background:transparent;/*#5B5B5B url(carousel/carousel-bg.png) bottom left repeat-x;*/
	-moz-border-radius:0 10px 10px 0;
}

.button-next a {
	display:block;
	padding:5px;
	margin-top:105px;
	opacity: 0.5;
  filter:  alpha(opacity=50);
}
.button-next a:hover {
		opacity: 1.0;
  filter:  alpha(opacity=100);
}



/*css contenedor*/

.preview{
height:200px;
border:1px solid blue;
}

/*fin del css contenedor*/

/*ventana modal*/

.modalmask {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalmask:target {
    opacity:1;
    pointer-events: auto;
}
.modalbox{
    width: 400px;
    position: relative;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border-radius:3px;
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
     
}

.movedown {
    margin: 0 auto;
}
.modalmask:target .movedown{        
    margin:10% auto;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius:3px;
 
}
 
.close:hover { 
    background: #FAAC58; 
    color:#222;
}


/*menu*/


#leftMenu .accordion-group {
    margin-bottom: 0px;
    border:1px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-ms-border-radius:10px;
	border-radius: 10px;
	width:100%;
	
   
	
}    

#leftMenu .accordion-heading {
    height: 50px;
    border-top: 1px solid #95dcf3; /* inner stroke */
    border-bottom: 1px solid #95dcf3; /* inner stroke */
    background-color: #00A650; /* layer fill content */
    /*background-image: -moz-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -o-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -webkit-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
   list-style-type:none;   
  padding-top:20px;
  
 
}
#leftMenu .accordion-heading1 {
    height: 50px;
    border-top: 1px solid #95dcf3; /* inner stroke */
    border-bottom: 1px solid #95dcf3; /* inner stroke */
    background-color: #0d88dc; /* layer fill content */
    /*background-image: -moz-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -o-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -webkit-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
   list-style-type:none;
   padding-top:20px;
}  

#leftMenu .accordion-heading:hover{
	background-color:#27b1df;
}
#leftMenu .accordion-heading1:hover{
	background-color:#00acee;
}

#leftMenu .accordion-heading  a{  
    color: #ffffff; /* text color */
   /* text-shadow: 0 1px 0 #3b3b3b; /* drop shadow */
    text-decoration:none;
    font-family:'Oxygen', sans-serif;
	font-size:14px; 
	margin-left:10px; 
	
}
#leftMenu .accordion-heading1  a{  
    color: #ffffff; /* text color */
   /* text-shadow: 0 1px 0 #3b3b3b; /* drop shadow */
    text-decoration:none;
    font-family:'Oxygen', sans-serif;
	font-size:14px; 
	margin-left:10px; 
}


/*
#leftMenu .accordion-heading  a:hover{  
    color:#ccc     
}
*/
#leftMenu .accordion-heading-active {
    height: 34px;
    border-top: 1px solid #95dcf3; /* inner stroke */
    border-bottom: 1px solid #95dcf3; /* inner stroke */
    background-color: #2b71df; /* layer fill content */
    /*background-image: -moz-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -o-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -webkit-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
   list-style-type:none;
   padding-top:5px;
} 
#leftMenu .accordion-heading-active a{
       color: #ffffff; /* text color */
   /* text-shadow: 0 1px 0 #3b3b3b; /* drop shadow */
    text-decoration:none;
    font-family:Helvetica, sans-serif;
	font-size:14px; 
	margin-left:10px; 
} 
#leftMenu .accordion-heading1-active {
    height: 34px;
    border-top: 1px solid #95dcf3; /* inner stroke */
    border-bottom: 1px solid #95dcf3; /* inner stroke */
    background-color: #2b71df; /* layer fill content */
    /*background-image: -moz-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -o-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: -webkit-linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
    /*background-image: linear-gradient(90deg, #595b59 0%, #616161 100%); /* gradient overlay */
   list-style-type:none;
   padding-top:5px;
} 
#leftMenu .accordion-heading1-active a{
       color: #ffffff; /* text color */
   /* text-shadow: 0 1px 0 #3b3b3b; /* drop shadow */
    text-decoration:none;
    font-family:Helvetica, sans-serif;
	font-size:14px; 
	margin-left:10px; 
} 

iframe.ytb-embed {
max-width: 96% !important;
display: block;
margin: 10px auto;
}

img {
height: auto;
max-width: 100%;
}

/*fin del menu*/

.ok  {
    list-style: none;
    padding-left: 0;
	
}
 
/* Accedo a los elementos de la lista y le doy posición relativa y un padding o relleno de 20px a la lado izquierdo de cada elemento */ 
.ok li {
    font-family:Oxygen;
	font-size:16px;
	position: relative;
    padding-left: 30px;
	padding-bottom:5px;
	
}
 
/* Acá agrego varias propiedades, le doy ancho y alto de 10px, posición absoluta, coloco la imagen como fondo, entre otras propiedades */
.ok li:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url('../imagenes/image-ok.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	
}

table tr:nth-child(even) 
{
background-color: #E1EEF4;
font-size:16px;
}

table tr:nth-child(odd)
{
	
	background-color:#3B82BF;
	font-size:16px;
	color: white;
}

table td
{
	padding:5px;
}

table th
{
	background: #0F1981;
color: white;
}

.button{
	padding:10px 15px;
	border:1px solid #ff0064;
	border-radius:5px;
	background-color:#D63236;

	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;

	box-shadow:1px 1px 1px #000;

	display:inline-block;

}
.button:hover{
	cursor:pointer;
}

.button:active{
	box-shadow:2px 2px 1px #000;
}