body {
 /*  background-image: url('../img/verde.gif');*/
   /*color: #000305;*/
/* background-color: #A2CD5A;   #98FB98    #d7c643*/
background-color: #95E8B3; /* #C2D0EB PARA CAMBIAR EL FONDO DE LA PAGINA */
   /*font-size: 87.5%;  Base de la  font size: 14px */
   font-size: 100%;
   font-family: 'Source Sans Pro','Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   line-height: 1.429;
   margin: 0;
   padding: 0;
   text-align: left;
   }
   
.body {
   clear: both; 
   margin: 0 auto; 
   width: 80%;
}


#box-imagen img
{ /*background: pink;*/
position: relative;
width: 100%;
height: 100%;
  
}

#box-imagen a:link, #box-imagen a:visited {
   color: #fff;
    /*color: #176435*/
   padding: 0 1px;
   text-decoration: none;
}

#box-imagen a:hover, #box-imagen a:active {
   /*background-color: #F18903;*/
 background-color: #fff;
   color: #fff;
   text-decoration: none;

}

/*h2 {font-size: 1.571em; color: #008B00}   22px */
h2 {font-size: 1.571em; color: #000305;font-family: 'Source Sans Pro' }   /* 22px */
h3 {font-size: 1.429em}   /* 20px */
h4 {font-size: 1.286em}   /* 18px */
h5 {font-size: 1.143em}   /* 16px */
h6 {font-size: 1em}      /* 14px */
h2, h3, h4, h5, h6 {
   font-weight: 400;
   line-height: 1.1;
   margin-bottom: .8em;
}

a {
   outline: 0;
	
   }

a img {
   border: 0px; 
   text-decoration: none;
}

a:link, a:visited {
   color: #CF5C3F  ;    /* PARA CAMBIAR EL COLOR DE LA LETRA DE LOS HIPERVINCULOS */
    /*color: #176435*ED9500/
   padding: 0 1px;
   text-decoration: none;
}

  
a:hover, a:active {
   /*background-color: #F18903;046A38*/
 /*background-color: #000305;*/
  color: #4d68a1
   text-decoration: none;
}

/***********************/



/*************************************/


.mainHeader nav {
   
   background: #666 ; /* PARA CAMBIAR EL FONDO DE LA BARRA DE NAVEGACION */
   font-size: 1.043em;
   height: 40px;
   line-height: 30px;
   margin: 0 auto 30px auto;
   text-align: center;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}


.mainHeader nav ul {
   list-style: none; 
   margin: 0 auto;
}

.mainHeader nav ul li {
   float: left; 
   display: inline; 
	
}

/********************************/
.mainHeader2 nav {
   /*background: #666;*/
   background: #046A38;
   font-size: 1.143em;
   height: 40px;
   line-height: 30px;
   margin: 0 auto 30px auto;
   text-align: center;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.mainHeader2 nav ul {
   list-style: none; 
   margin: 0 auto;
text-color: #fff;
}

.mainHeader2 nav ul li {
   float: left; 
   display: inline; 
color: #fff;
}

.mainHeader nav a:link, .mainHeader nav a:visited {
   color: #fff;
   display: inline-block;
   height: 30px;
   padding: 5px 23px;
   text-decoration: none;
}


.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
   /*background: #F18903;ED9500*/
background:  #d2d4f3;  /* PARA CAMBIAR EL FONDO CUANDO SE SELECCIONA LAS PESTAÑAS DE LA BARRA DE NAVEGACION */
   color: #4d68a1; /* PARA CAMBIAR EL COLOR DE LAS LETRAS CUANDO SE UBICA EL MOUSE ENCIMA DE LAS PESTAÑAS DE LA BARRA DE NAVEGACION */
   text-shadow: none !important;
transition:all 0.5s ease-out;
}
   
.mainHeader nav li a {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}


.mainHeader img {
   /**width: 20%;**/
   height: auto;
   margin: 3% 0;

}

.mainHeader2 img {
   /**width: 20%;**/
   height: auto;
   margin: 3% 0;

}

.mainContent {
   overflow: hidden;
   line-height: 25px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.topcontent {
   /*background-color: #FFF;*/
background-color: #F5F5F5;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
   padding: 3% 5%;   
   margin-bottom: 3%;
   text-align:justify;
}

.bottomcontent {
  /* background-color: #FFF;*/
background-color: #F5F5F5;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
   padding: 3% 5%;
   text-align:justify;
   
}


.content {
   width: 100%;
   float: left;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.content2 {
   width: 80%;
   float: left;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
}

.post-info {
   font-style: italic;
   /*color: #999;*/
color: #4d68a1;    /*PARA CAMBIAREL COLOR DE  LAS LETRAS DEL POST-INFO */
   font-size: 85%;
}

.top-sidebar {
   width: 10%;
   float: left;
   margin-left: 2%;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
  /* background-color: #FFF; */
background-color: #F5F5F5;  
   padding: 2% 3%;
   margin-bottom: 2%;
}

.top-sidebar a:link, .top-sidebar a:visited {
   color: #fff;
    /*color: #176435*/
   padding: 0 1px;
   text-decoration: none;
}

.top-sidebar a:hover, .top-sidebar a:active {
   /*background-color: #F18903;*/
 background-color: #fff;
   color: #fff;
   text-decoration: none;
}





.top-sidebar2 {
   width: 10%;
   float: left;
   margin-left: 2%;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
  /* background-color: #FFF; */
background-color: #F5F5F5;  
   padding: 2% 3%;
   margin-bottom: 2%;
}

.top-sidebar2 a:link, .top-sidebar a:visited {
   color: #fff;
    /*color: #176435*/
   padding: 0 1px;
   text-decoration: none;
}

.top-sidebar2 a:hover, .top-sidebar a:active {
   /*background-color: #F18903;*/
 background-color: #fff;
   color: #fff;
   text-decoration: none;
}





.middle-sidebar {
   width: 24%;
   float: left;
   margin-left: 2%;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
   /*background-color: #FFF;*/   
background-color: #F5F5F5;
   padding: 2% 3%;
   margin-bottom: 2%;
}

.middle-sidebar a:link, .middle-sidebar a:visited {
   color: #fff;
    /*color: #176435*/
   padding: 0 1px;
   text-decoration: none;
}

.middle-sidebar a:hover, .middle-sidebar a:active {
   /*background-color: #F18903;*/
 background-color: #fff;
   color: #fff;
   text-decoration: none;
}

.bottom-sidebar {
   width: 24%;
   float: left;
   margin-left: 2%;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
  /* background-color: #FFF;*/ 
background-color: #F5F5F5;  
   padding: 2% 3%;
}

.mainFooter {
   width: 100%;
   float: left;
   margin-top: 2%;
   margin-bottom: 2%;
   padding-left: 0;
   background-color: #666; /* PARA CAMBIAR EL FONDO DE LA BARRA DE PIE DE PAGINA */
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
   color: #FFF;   
}

.mainFooter p {
   width: 91%;
   margin: 2% auto;
  
	
}

/*
#galeria { 
width: 300px; 
margin: 0 auto;
 } 



#fotos img{ 
height: 100px; 
width: 300px; 
margin: 15px 0;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease; 
-o-transition: all 1s ease;
 } 

#fotos img:hover { 
height: 133px; 
width: 400px; 
margin-left: -50px;
 }
*/


#slider { 
position: relative;
overflow: hidden;
width: 350px; 
height: 370px; 
border:3px solid #046A38;
border-radius: 30px;
margin: 0 auto;
padding: 0;
}

#slider > div {
position:absolute;
top:0;
left:0;
}

#slider img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 350px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 18px;
line-height:22px;
text-align:center;
}


#slider2 { 
position: relative;
overflow: hidden;
width: 350px; 
height: 370px; 
border:3px solid #046A38;
border-radius: 30px;
margin: 0 auto;
padding: 0;
}

#slider2 > div {
position:absolute;
top:0;
left:0;
}

#slider2 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider2 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 350px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 18px;
line-height:22px;
text-align:center;
}

#slider3 { 
position: relative;
overflow: hidden;
width: 350px; 
height: 370px; 
border:3px solid #046A38;
border-radius: 30px;
margin: 0 auto;
padding: 0;
}

#slider3 > div {
position:absolute;
top:0;
left:0;
}

#slider3 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider3 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 350px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 14px;
line-height:22px;
text-align:center;
}


#slider4 { 
position: relative;
overflow: hidden;
width: 350px; 
height: 370px; 
border:3px solid #046A38;
border-radius: 30px;
margin: 0 auto;
padding: 0;
}

#slider4 > div {
position:absolute;
top:0;
left:0;
}

#slider4 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider4 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 350px;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 14px;
line-height:22px;
text-align:center;
}

/**************************************************************************************************/

@media only screen and (min-width : 150px) and (max-width : 780px)
{
   .body {
      clear: both; 
      margin: 0 auto; 
      width: 90%;
      font-size: 90%;
background-color: #95E8B3;
   }
   
   .mainHeader nav {
      background: #666;
      font-size: 1.143em;
      height: 250px;
      line-height: 30px;
      margin-bottom: 0;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }
      
.mainHeader2 nav {
      background: #666;
      font-size: 1.143em;
      height: 84px;
      line-height: 30px;
      margin-bottom: 0;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }




   .mainHeader nav ul {
      list-style: none; 
      margin: 0 auto;
      padding-left: 0;
   }
   
   .mainHeader nav li {
      margin-left: 0 auto;
      width: 100%;
   }
   
mainHeader2 nav ul {
   list-style: none; 
   margin: 0 auto;
text-color: #fff;
padding-left: 0;
}

 .mainHeader2 nav li {
      margin-left: 0 auto;
      width: 100%;
   }



   .mainHeader nav a:link, .mainHeader nav a:visited {
      color: #FFF;
      display: block;
      height: 30px;
      padding: 5px 0;
      text-decoration: none;
   }
   
   .mainHeader nav a:active,
   .mainHeader nav .active a:link, .mainHeader nav .active a:visited {
    background: #d2d4f3;;
      color: #4d68a1;
      text-shadow: none !important;
   }
      
   .mainHeader nav li a {
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
         
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
   }
   
   .mainHeader img {
      width: 100%;
      height: auto;
      margin-bottom: 3%;
   }

 .mainHeader2 img {
      width: 100%;
      height: auto;
      margin-bottom: 3%;
   }
   
   .mainContent {
      overflow: hidden;
      line-height: 25px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      margin-top: 4%;
      margin-bottom: 2%;
   }
   
   .topcontent {
      /*background-color: #FFF;*/
background-color: #F5F5F5;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      padding: 2% 5%;
      margin-bottom: 4%;
   }
   
   .bottomcontent {
      /*background-color: #FFF; */ 
background-color: #F5F5F5; 
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      padding: 2% 5%;
   }
   
   .content {
      width: 100%;
      float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
   }  

.content2 {
   width: 80%;
   float: left;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;   
} 

   .post-info {
      display: none;
   }
   
   .top-sidebar {
      width: 86%;
	float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      /*background-color: #FFF; */
background-color: #F5F5F5;  
      margin-top: 4%;
      margin-left: 0;
      padding: 0 7%;
      margin-bottom: 0;      
   }
   
   .top-sidebar p {
      width: 90%;
   }


 .top-sidebar2 {
      width: 86%;
	float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      /*background-color: #FFF; */
background-color: #F5F5F5;  
      margin-top: 4%;
      margin-left: 0;
      padding: 0 7%;
      margin-bottom: 0;      
   }
   
   .top-sidebar2 p {
      width: 90%;
   }








   .middle-sidebar {
      width: 86%;
      float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px; 
      /*background-color: #FFF; */
background-color: #F5F5F5;  
      margin-top: 4%;
      margin-left: 0;
      padding: 0 7%;
      margin-bottom: 0;   
   }
   
   .middle-sidebar p {
      width: 90%;
   }
   
   .bottom-sidebar {
      width: 86%;
      float: left;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      /*background-color: #FFF; */
background-color: #F5F5F5;  
      margin-top: 4%;
      margin-left: 0%;
      padding: 0 7%;
      margin-bottom: 1%;
   }
   
   .bottom-sidebar p {
      width: 90%;
   }
      
   .mainFooter {
      width: 100%;
      float: left;
      margin: 2% 0;
      padding-left: 0;
      background-color: #000305;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;   
      color: #FFF;   
   }
   
   .mainFooter p {
      width: 86%;
      margin: 2% auto;
   }

#slider { 
position: relative;
overflow: hidden;
width: 100%; 

border:3px solid #046A38;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}

#slider img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 100%;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 12px;
line-height:22px;
text-align:center;
}

#slider2 { 
position: relative;
overflow: hidden;
width: 100%; 

border:3px solid #046A38;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}


#slider2 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider2 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 100%;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 12px;
line-height:22px;
text-align:center;
}

#slider3 { 
position: relative;
overflow: hidden;
width: 100%; 

border:3px solid #046A38;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}


#slider3 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider3 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 100%;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 8px;
line-height:22px;
text-align:center;
}

#slider4 { 
position: relative;
overflow: hidden;
width: 100%; 

border:3px solid #046A38;
border-radius: 40px;
margin: 0 auto;
padding: 0;
}


#slider4 img {
width:100%;
min-height:370px;
margin:0;
padding:0; 
border:0;
}

#slider4 p {
position: absolute;
bottom: 40px;
left: 0;
display: block;
width: 100%;
height: 24px;
margin:0;
padding: 5px 0;
color: #eee;
background: rgba(237,149,0,0.7);
font-size: 8px;
line-height:22px;
text-align:center;
}
}