.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }
/*TABS*/
#tabs-tress {
	/*border:1px solid #ccc;
	height:28px;
	background:#eff5f9;
	padding-left: 40px;
	padding-top:45px;
	-moz-box-shadow: inset 0 -2px 2px #dadada;
	-webkit-box-shadow:inset  0 -2px 2px #dadada;
	box-shadow: inset 0 -2px 2px #dadada;
	border-top-left-radius:4px;
	border-top-right-radius:4px;*/
}

.centarar_div {
    width:1200px;
    border:0px solid #000000;
    margin:0 auto;
    height:290px;
    text-align:center;

}

.centarar_div2 {
    width:1200px;
    border:0px solid #000000;
    margin:0 auto;
    height:290px;
    text-align:center;

}

.main-color-background {
	background-color: #FF9933; /* el color principal de todo el sitio*/
}

* {
    margin: 0;
}
html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 100px; /* .push must be the same height as .footer */
}


#tabs-tress li {
	float:left;
	list-style:none;
	border-top:0px ;
	border-left:0px;
	border-right:0px;
	margin-right:5px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	/*-moz-box-shadow: 0 -2px 2px #dadada;
	-webkit-box-shadow:  0 -2px 2px #dadada;*/
	/*box-shadow: 0 -2px 2px #dadada;*/
}
#tabs-tress li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding:7px 21px 6px 19px;
	/*display:block;*/
	background:rgb(71, 38, 106);
	/*border-top-left-radius:3px;
	border-top-right-radius:3px;*/
	/*text-decoration:none;*/
	/*background: -moz-linear-gradient(top, #ebebeb, white 10%);
	background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));*/
	/*border-top: 1px solid white;*/
	/*text-shadow:-1px -1px 0 #fff;*/
	/*outline:none;*/
}

#tabs-tress li a.inactive{
	/*padding-top:5px;*/
	/*padding-bottom:5px;*/
	/*border-radius: 0px;*/
	background: lightgray;
	color:#000;
	background: -moz-linear-gradient(top, #dedede, white 75%);
	background: -webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white));
	/*border-top: 1px solid white;*/
}
#tabs-tress li a:hover, #tabs-tress li a.inactive:hover {
	border-top: 1px solid #dedede;
	color:#000000;
}

/*TAB2S*/
#tabs2 {
	/*border:1px solid #ccc;
	height:28px;
	background:#eff5f9;
	padding-left: 40px;
	padding-top:45px;
	-moz-box-shadow: inset 0 -2px 2px #dadada;
	-webkit-box-shadow:inset  0 -2px 2px #dadada;
	box-shadow: inset 0 -2px 2px #dadada;
	border-top-left-radius:4px;
	border-top-right-radius:4px;*/
}
#tabs2 li {
	float:left;
	list-style:none;
	border-top:0px ;
	border-left:0px;
	border-right:0px;
	margin-right:5px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	/*-moz-box-shadow: 0 -2px 2px #dadada;
	-webkit-box-shadow:  0 -2px 2px #dadada;*/
	/*box-shadow: 0 -2px 2px #dadada;*/
}
#tabs2 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding:7px 21px 6px 19px;
	/*display:block;*/
	background:rgb(71, 38, 106);
	/*border-top-left-radius:3px;
	border-top-right-radius:3px;*/
	/*text-decoration:none;*/
	/*background: -moz-linear-gradient(top, #ebebeb, white 10%);
	background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));*/
	/*border-top: 1px solid white;*/
	/*text-shadow:-1px -1px 0 #fff;*/
	/*outline:none;*/
}

#tabs2 li a.inactive{
	/*padding-top:5px;*/
	/*padding-bottom:5px;*/
	/*border-radius: 0px;*/
	background: lightgray;
	color:#000;
	background: -moz-linear-gradient(top, #dedede, white 75%);
	background: -webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white));
	/*border-top: 1px solid white;*/
}
#tabs2 li a:hover, #tabs2 li a.inactive:hover {
	border-top: 1px solid #dedede;
	color:#000000;
}


/*TAB2S*/
#otro {
	/*border:1px solid #ccc;
	height:28px;
	background:#eff5f9;
	padding-left: 40px;
	padding-top:45px;
	-moz-box-shadow: inset 0 -2px 2px #dadada;
	-webkit-box-shadow:inset  0 -2px 2px #dadada;
	box-shadow: inset 0 -2px 2px #dadada;
	border-top-left-radius:4px;
	border-top-right-radius:4px;*/
}
#otro li {
	float:left;
	list-style:none;
	border-top:0px ;
	border-left:0px;
	border-right:0px;
	margin-right:5px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	/*-moz-box-shadow: 0 -2px 2px #dadada;
	-webkit-box-shadow:  0 -2px 2px #dadada;*/
	/*box-shadow: 0 -2px 2px #dadada;*/
}
#otro li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	padding:7px 21px 6px 19px;
	/*display:block;*/
	background:#7FAAD8;
	/*border-top-left-radius:3px;
	border-top-right-radius:3px;*/
	/*text-decoration:none;*/
	/*background: -moz-linear-gradient(top, #ebebeb, white 10%);
	background: -webkit-gradient(linear, 0 0, 0 10%, from(#ebebeb), to(white));*/
	/*border-top: 1px solid white;*/
	/*text-shadow:-1px -1px 0 #fff;*/
	/*outline:none;*/
}

#otro li a.inactive{
	/*padding-top:5px;*/
	/*padding-bottom:5px;*/
	/*border-radius: 0px;*/
	background: lightgray;
	color:#7FAAD8;
	background: -moz-linear-gradient(top, #dedede, white 75%);
	background: -webkit-gradient(linear, 0 0, 0 75%, from(#dedede), to(white));
	/*border-top: 1px solid white;*/
}


#otro li a:hover, #otro li a.inactive:hover {
	border-top: 1px solid #dedede;
	color:#000000;
}


/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
	background: #222;
	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 10px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}

/*Cristian*/
                            
.whatever {
                                            
    border: 5px solid #7faad8;                                       
    /*background-color: red;*/                                      
    display: inline-block;                                      
    width: 100px;                                
    height: 100px;                                 
    }
                                    
#checkboxes input[type=checkbox] {                                     
    display: none;                         
    }
                                            
#checkboxes input[type=checkbox]:checked + .whatever {                                       
    background-color: green;                               
    }

.whatever2 {
                                            
    border: 4px solid #fff;                                       
    /*background-color: red;*/                                      
    display: inline-block;                                      
    width: 100px;                                
    height: 100px;                                 
    }
                                    
#checkboxes input[type=checkbox] {                                     
    display: none;                         
    }
                                            
#checkboxes input[type=checkbox]:checked + .whatever2 {                                       
    background-color: green;                               
    }

.bordeazul {

  /*border-top-width: 3px;
  border-left-width:3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-color:black;*/


    border-top-width: 10px;
  border-right-width: 1em;
  border-bottom-width: thick;
  border-left-width: thin;

}

#piePagina {

	position: fixed; 
	bottom: 0; 
	width: inherit;
	/* text-align: center; */
    width: 100%; height: 35px;
}

.info-text {
font-size: 1.6em;
padding-bottom: 2%;


}

#separacionSeccionFinal {
/*padding-bottom: 12%*/
}

#container-main{
    margin:40px auto;
    width:99%;
    min-width:320px;
    max-width:960px;
}

.info-text-title {
font-size: 2.0em;
padding-bottom: 2%;

}

.info-text-chico {
    font-size: 1.5em; 
    top: -25px; color: rgb(140, 129, 139); 
    position: relative;
    padding-bottom: 0%;
}

.gris-acomodo{
    width: 980px; padding-left: 75px;
}


.gris-acomodo2014{
    height:150px;
    width: 980px; padding-left: 75px;
}

.color-letter-header {
    color:#fff;
}

.accordion-container {
  
    margin: 0 0 20px;
    clear:both;
}

.container {
    top:-10px;
	right: 90px;
	padding:0 20px 0 20px;
	position:relative;
}

.acomodo
{
	top: -50px; position: relative;

}
body{
    background: #ecf0f1;
}

.logo_style
{
	padding-top: 0.5em;

}

.logo_blue
{
	
	position: absolute; top: 0; right: 0;

}

.header-cols {
background-color: rgb(71, 38, 106);
}


/*Acordeon*/
#container-main{
    margin:40px auto;
    width:99%;
    min-width:320px;
    max-width:960px;
}

#container-main h1{
    font-size: 40px;
    text-shadow:4px 4px 5px #16a085;
}

.accordion-container {
  
    margin: 0 0 20px;
    clear:both;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 22px;
    font-weight: 150;
    background: #48206E;
    color: #fff;
    text-decoration: none;
	width: 950PX;
}
.accordion-titulo.open {
    background: rgb(71, 38, 106);
    color: #fff;
}
.accordion-titulo:hover {
    background: rgb(71, 38, 106);
	 /*color: #fff;*/
}

.accordion-titulo span.toggle-icon:before {
    content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}

.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 0px;
    right: 25px;
    font-size: 40px;
    font-weight:bold;
}

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}

.accordion-content p{
    margin:0;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}


@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
}

.bordetabla {
    border-bottom: 3px solid rgb(71, 38, 106);
 
}


.nav-head {
    background-color:darkgray;
    height: 110px;
}


/*#region name */

/*#btn-tress {
   background-image: url('LibraryTransparent.png');
   height: 50px;
   width: 300px;
}

#btn-tress:hover {
   background-image: url('../../img/1a.png');
   height: 50px;
   width: 300px;
}

#btn-enliena {
   background-image: url('LibraryTransparent.png');
   height: 50px;
   width: 300px;
}

#btn-enliena:hover {
   background-image: url('../../img/2b.png');
   height: 50px;
   width: 300px;
}

#btn-auto {
   background-image: url('LibraryTransparent.png');
   height: 50px;
   width: 300px;
}

#btn-auto:hover {
   background-image: url('../../img/1c.png');
   height: 50px;
   width: 300px;
}*/

/*///*/




/*#endregion */

body,html{
height:100%; /*Siempre es necesario cuando trabajamos con alturas*/
}
 #inferior{
/*color: #FFF;*/
/*background: #000;*/
position:absolute; /*El div será ubicado con relación a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
/*height:50px;*/ /*alto del div*/
z-index:0;
 }


 #piedepagina{
position:absolute; /*El div será ubicado con relación a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
/*height:50px;*/ /*alto del div*/
z-index:0;
}

 .sr-only {
  /*position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;*/
}

.scroll-to-top{
  /*text-decoration: none;
  position: fixed; 
  top: 20px;
  right: 20px;
  display: none;
  font-size: 36px;
  color: #555;*/
}

.scroll-to-top:hover{
  /*text-decoration:none;
  color: #000;*/
}