/*****************************************************************
Author: sergio del Rio
Diseñador: Areli Jiménez
*****************************************************************/
html, body {
   width: 100%;
   margin:0;
   border:0;
   padding:0;
   height:100%;
   background: #ffffff; /* url("../img/sarape0.jpg"); */
}

#wrapper {
   width: 1100px;
   margin:0px auto;
   border:0;
   padding:0;
}
#wrapper_titulo {
   width: 100%;
   margin:0px;
   border:0;
   padding:0;
}
#wrapper_banner {
   width: 100%;
   margin:0px;
   border:0;
   padding:0;
   background: #db0c8c;
}
#wrapper_menu_inf {
   width: 100%;
   margin:0px;
   border:0;
   padding:0;
   background: linear-gradient(#f07405, #fdc491);
}
#wrapper_contenido {
   width: 100%;
   margin:0px;
   border:0;
   padding:0;
   height:100%;
}

#titulo {
   background:#ffffff;
}
#nombre {
   margin:10px;
   display:inline-block;
   font: 20px normal normal solid Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   color: #000000 ;
   text-align: middle;
}

#menu_sup {
   margin: 0px;
   float:right;
   padding:10px 20px 0px;
   color: #000000;
}

.boton_blanco {
   font: 12px normal bold solid Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   display:inline-block;
   border-right: 2px #c3c3c3 solid;
   text-align: center;
   padding: 0px 10px;
}

.boton_blanco:hover {
   font: 12px oblique bold solid Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   cursor: pointer;
   bottom: 3px;
   left: 3px;
}

.boton_blanco ul, li, a:link, a:visited {
   text-decoration: none;
   color: #000000;
}
.boton_blanco a:hover {
   text-decoration: none;
   color: #f48d1d; 
}
.boton_blanco a:visited {
   text-decoration: none;
   color: #000000;
}
#banner {
  /* text-align:center; */
   margin:0px;
   color: #ffffff;
   font:40px normal normal solid Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   background: #db0c8c url("../img/mariposa_monarca.jpg") no-repeat left;
   height:150px
}
#motto {
 /*  text-align: center; */
   display: inline-block;
   margin: 30px 0px 0px 270px;
   border: 0px black solid;
}

#logo {
   float:right;
   margin:25px 0px 0px 0px;
   border: 0px black solid;
}

#menu_inf {
   width: 1100px;
   margin:0px auto;
   clear:both;
   padding:0;
   height: 30px;
   background: linear-gradient(#f07405, #fdc491);
}

.boton {
   display:inline-block;
   height:100%;
 /*  border: 1px blue solid; */
   font:14px normal bold solid Arial, Tahoma, Helvetica, FreeSans, sans-serif;
   color: #ffffff;
   padding: 6px 8px;
}

.boton:hover {
   color: #fef1e4;
   cursor: pointer;
   bottom: 3px;
   left: 3px;
}

.boton > a:link, a:visited, a:active {
   text-decoration: none;
   color: #ffffff;
}
.boton > a:hover {
   text-decoration: none;
   color: #a20264; 
}

#contenido {
   clear:both;
   height: 100%;
   width: 100%;
   border: 0px green solid;
   padding:0px;
   margin:0;
}

.contenido {
   padding-left:20px;
   font: 24px normal bold;
   font-family: Century Gothic, sans-serif;   
}
.contenido hr {
   width:80%;
}
.contenido h3, h4 {
   font: 34px normal bold;
   font-family: Century Gothic, sans-serif;   

}
.contenido > ul {
   color:#a20264;
   margin-top:5px;
}
.contenido > ul > li > ul{
   color:#910259;
}
.contenido p {
   font: 20px normal bold;
   font-family: Century Gothic, sans-serif;   
   color:#000000;
}


div.nivel2  {
   background: linear-gradient(#f07405, #fdc491);
   margin: 2px;
   padding: 4px;
   display: none;
   position: absolute;
   float: left;
   border: 0px #000000 solid;
   font: bold normal 1em;
   border-radius: 0px 10px 10px 10px;
   z-index:200;
   min-width:100px;
   text-decoration:none;
}
.nivel2 ul {
   margin:0;
   border:0px;
   padding:0;
   text-decoration:none;
}

.nivel2 li {
   background: #db0c8c; /* brown */
   color: #000000;
   position: relative;
   width: 90%; 
   font-size: 1em;
   border-radius: 0px 8px 8px 8px;
   float: left;
   clear:left;
   margin: 2px 5px;
   z-index:100;
   padding:3px 5px;
   margin:2px;
   text-decoration:none;
}

.nivel2 li:hover {
   background: red;   /*  COLOR DEL SUBMENU SOBREVUELE  */
   color: #ffffff;
   font-size: 1.1em;
}

.nivel2 a:link, a:visited {
   text-decoration: none;
   color: #ffffff;
}
.nivel2 a:hover {
   text-decoration: none;
   color: yellow; /* #f48d1d; */
}

.tercio {
   text-align:center;
   width:30%;
   display:inline-block;
   padding:10px;
   vertical-align: top;
}
/*   TESTIMONIOS    */

div.test1, div.test2, div.test3 {
   width:70%;
   border-radius: 0px 10px 10px 10px;
   padding:0px;
  /*    border:5px red solid;
text-align:center; */
}
div.test1 {
   margin:10px 10px 0px 0%;
   font: 24px normal bold; 
   font-family: Impact, Charcoal, sans-serif !important;   
   background: linear-gradient(#f07405, #fdc491);
}
div.test2 {
   margin:10px 10px 0px 10%;
   font: 24px normal bold;
   font-family: Century Gothic, sans-serif  !important;   
   background: linear-gradient(#a1d963, #d3edb5);
}
div.test3 {
   margin:10px 10px 0px 20%;
   font: 24px normal bold;
   font-family: ‘Times New Roman’, Times, serif  !important;
   background: linear-gradient(#f5fd35, #fbfeab);
}
p.test1, p.test2, p.test3 {
   margin:0;
   margin-bottom:0em;
   padding:10px;
}
p.firma {
   margin-bottom:0em;
   padding-left:50%;
}