body{
float:center;
width:100%;
margin:auto;
background-color:rgb(217,213,194);
}

/*//////////////////////////////////////////// BARRA DE ARRIBA */

header{
float:center;
margin:auto;
padding:0 0;
width:85%;
height:6rem;
background-color:#BFD2BF;
clear:both;
margin-top: 3rem;
margin-bottom:1rem;
}
		
#logo{
float:left;
}

header nav {
padding:2rem;
float:right;
 }	
		
header nav ul{
margin:auto;
list-style-type:none;
}
		
header nav ul li{
float:left;
margin-left:20px;
}
		
header nav ul li a{
text-decoration:none;
color:#0E1935;
font-size: 0.8rem;
display:block;
width:auto;
height:30px;
text-align:center;
line-height:30px;
font-family: "rosario", sans-serif;
margin-right: 20px;
}
		
header nav ul li a:hover{
color:#FFFFFF;
}
		
header nav ul li a:active{
color:#FFFFFF;
}


/*//////////////////////////////////////////// CONTENIDO DE LA PAGINA */

#divisor{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	color:#9E9E9E;
	letter-spacing:1px;
    margin-bottom: 1.7rem;
    margin-left: 0;
    float:center;
    padding: 1rem;
}

#divisor2{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	color:#9e9e9e;
	letter-spacing:1px;
    margin: 2rem;
    float:left;
    padding: 0.6rem;
}

#divisor2rosa{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	margin-left: 2rem;
    margin-bottom: 1rem;
    color:#dd6d6d;
	letter-spacing:1px;
    float:left;
    padding: 0.6rem;
}

#divisor3{
    margin-left: 2rem;
    font-family: 'Rosario', sans-serif;
	font-size:0.8rem;
	color:#223553;
	letter-spacing:2px;
    float:left;
}

#contenido{
	width:85%;
	margin:0 auto;
    margin-bottom: 2rem;
    }


/*//// BOTONERA PRINCIPAL */
	
#BOTONERA{
margin-top: 2rem;
margin-bottom: 2rem;
}

#botonera nav {
padding:1 rem;
float:left;
 }	
		
#botonera nav ul{
margin:auto;
padding:0;
list-style-type:none;
}
		
#botonera nav ul li{
float:none;
margin-bottom: 0.2rem;
}
		
#botonera nav ul li a{
text-decoration:none;
color:#FFFFFF;
font-size: 1 rem;
display:block;
width:auto;
text-align:center;
font-family: "rosario", sans-serif;
}
		
#botonera nav ul li a:hover{
color:#FFFFFF;
}
		
#botonera nav ul li a:active{
color:#FFFFFF;
}

/*///////////////////////// tp destacados */

#fondotpdestacados{
margin-top: 1rem;
background-color: #FFFFFF;
width: 20%;
height: 5rem;
float:none;
}

#tpdestacados{
color:#C3BDA9;
font-family: 'Rosario', sans-serif;
font-size:0,5rem;
padding: 1rem;
float:inherit;
}



/*/////////////////////////////////////////////////////////// SEGUNDA COLUMNA */


#segundacolumna{
background-color: #FFFFFF;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnaqelt{
background-color: #ffc7c7;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnaindex{
background-color:rgb(217,213,194);
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnateu{
background-color: #d9e0e0;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnameto{
background-color: #b4d4b4;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

/*/////// Navegacion dentro de la seccion */


#sinfines{
position: absolute;
    top: 235px;
    left:600px;
}

#tp{
position: absolute;
    top: 510px;
    left:600px;
}




#navegacion nav {
background-color:transparent;
padding: 0.5rem;
height: 2.5rem;
margin-bottom: 0.4rem;
}	
		
#navegacion nav ul{
list-style-type:none;
}
		
#navegacion nav ul li{
float: left;
margin-right: 1rem;
}
		
#navegacion nav ul li a{
text-decoration:none;
color:#223553;
font-size: 0.9rem;
font-family: "rosario", sans-serif;
float:left;
margin: 0;
}

#header nav ul li a:hover{
color:#BFD2BF;
}
		
#header nav ul li a:active{
color:#BFD2BF;
}

/*////////// Informacion dentro de la seccion */

#titulo1{
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 2.2rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif
}

#titulo1pro{
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #dd6d6d;
font-size: 2.2rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif
}

#Texto{
margin-bottom: 2rem;
width: 35%;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}


#Texto2{
margin-bottom: 2rem;
width: 55%;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}



#Textom{
margin-bottom: 2rem;
width: 60%;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

#Textobahiana{
margin-right: 4rem;
margin-left: 2rem;
float: left;
color: #dd6d6d;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

#ContenidoSeccion{
padding: 1rem;
font-family: "rosario",sans-serif;
}

#Contenidosecciontitulo{
font-size: 1.5rem;
margin-bottom: 1rem;
margin-top:1rem;
float:left;
text-align: right;
}

#ContenidoSecciontexto{
width: 60%;
float:right;
margin-top: 1rem;
margin-bottom: 2rem;
font-size:0.78rem;
}


#box{
position: relative;
background-color:transparent;
height: 10.6rem;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxrosa {
position: inherit;
background-color: #dd6d6d;
height: 10.6rem;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 2rem;
margin-left: 2rem;
}

#boxrosa2{
position: relative;
background-color: #ed9999;
height: 3rem;
width: 14.3rem;
float:left;
margin-left: 2rem;
}


#boxros2{
color:#FFFFFF;
position: relative;
background-color: #ed9999;
height: 10rem;
width: 14.3rem;
float:left;
margin-left: 1rem;
margin-bottom: 2rem;
}

#boxb{
position: relative;
background-color:transparent;
height: 10.6rem;
width: 9rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxc{
background-color:transparent;
height: 10.6rem;
width: 9rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxb2{
position: relative;
height: 10.6rem;
width: 15rem;
float:left;
}


#ba1{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #223553;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #FFFFFF;
}

#ba1{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #FFFFFF;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #dd6d6d;
}

#ba2{
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 1rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif;
}

#barosa{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #dd6d6d;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #FFFFFF;
}


#VERMAS{
float: left;
font-family: "rosario",sans-serif;
font-size: 0.8rem;
color: #bd5a5f;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 1rem;
list-style-type: none;
list-style: none;
text-decoration: none;
}

#imag{
float: left;
position: inherit;
margin-bottom: 0.5rem;
margin-left: 1rem;
}


#imag2{
float: left;
margin-bottom: 0.5rem;
margin-left:2rem;
}

#imag3{
float: left;
margin-bottom: 0.5rem;
margin-right:1rem;
}


#imag3{
background-color: #dd6d6d;
float: left;
margin-bottom: 0.5rem;
margin-right:1rem;
}

#imagenes1{
margin-top: 2rem;
float: left;
margin-bottom: 2rem;
margin-left:2rem;
}

#especimen1{
width: 85%;
float: left;
margin-bottom: 0.5rem;
}


#recuadro{
position:inherit;
background-color:#f2a6a6;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
margin-left: 2rem;
}

#textorecuadro{
margin-bottom: 2rem;
width: 60%;
padding:1rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

/*/////////////////////////////////////////////////////////////// FOOTER */	


footer{
font-size: 0.8rem;
float:center;
margin:auto;
padding:1rem;
width:83%;
height:6rem;
background-color:#AFD2BF;
clear:both;
margin-top: 2rem;
		}
		
		
#afooter{
		margin:auto;
        width:70%;
        font-family: 'Rosario', sans-serif;
		}		
				

#legales{
        margin-left: 2rem;
        color:#FFFFFF;
        text-align:left; 
        font-family: 'Rosario', sans-serif;
        float:left;
        margin:auto;
				}		

/*////////////////////////////////////////////////////////////////////////////////////// RESPONSIVE */


@media (max-width:640px) {

    
body{
float:center;
width:100%;
margin:auto;
background-color:rgb(217,213,194);
}

/*//////////////////////////////////////////// BARRA DE ARRIBA */

header{
float:center;
margin:auto;
padding:0 0;
width:85%;
height:6rem;
background-color:#BFD2BF;
clear:both;
margin-top: 3rem;
margin-bottom:1rem;
}
		
#logo{
float:left;
}

header nav {
padding:2rem;
float:LEFT;
 }	
		
header nav ul{
margin:auto;
list-style-type:none;
}
		
header nav ul li{
float:left;
margin-left:20px;
}
		
header nav ul li a{
text-decoration:none;
color:#0E1935;
font-size: 0.8rem;
display:block;
width:auto;
height:30px;
text-align:center;
line-height:30px;
font-family: "rosario", sans-serif;
margin-right: 20px;
}
		
header nav ul li a:hover{
color:#FFFFFF;
}
		
header nav ul li a:active{
color:#FFFFFF;
}


/*//////////////////////////////////////////// CONTENIDO DE LA PAGINA */

#divisor{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	color:#9E9E9E;
	letter-spacing:1px;
    margin-bottom: 1.7rem;
    margin-left: 0;
    float:center;
    padding: 1rem;
}

#divisor2{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	color:#9e9e9e;
	letter-spacing:1px;
    margin: 2rem;
    float:left;
    padding: 0.6rem;
}

#divisor2rosa{
    font-family: 'Rosario', sans-serif;
	font-size:1rem;
	margin-left: 2rem;
    margin-bottom: 1rem;
    color:#dd6d6d;
	letter-spacing:1px;
    float:left;
    padding: 0.6rem;
}

#divisor3{
    margin-left: 2rem;
    font-family: 'Rosario', sans-serif;
	font-size:0.8rem;
	color:#223553;
	letter-spacing:2px;
    float:left;
}

#contenido{
	width:85%;
	margin:0 auto;
    margin-bottom: 2rem;
    }


/*//// BOTONERA PRINCIPAL */
	
#BOTONERA{
margin-top: 2rem;
margin-bottom: 2rem;
}

#botonera nav {
padding:1 rem;
float:left;
 }	
		
#botonera nav ul{
margin:auto;
padding:0;
list-style-type:none;
}
		
#botonera nav ul li{
float:none;
margin-bottom: 0.2rem;
}
		
#botonera nav ul li a{
text-decoration:none;
color:#FFFFFF;
font-size: 1 rem;
display:none;
width:auto;
text-align:center;
font-family: "rosario", sans-serif;
}
		
#botonera nav ul li a:hover{
color:#FFFFFF;
}
		
#botonera nav ul li a:active{
color:#FFFFFF;
}

/*///////////////////////// tp destacados */

#fondotpdestacados{
margin-top: 1rem;
background-color: #FFFFFF;
width: 20%;
height: 5rem;
float:none;
}

#tpdestacados{
color:#C3BDA9;
font-family: 'Rosario', sans-serif;
font-size:0,5rem;
padding: 1rem;
float:inherit;
}



/*/////////////////////////////////////////////////////////// SEGUNDA COLUMNA */


#segundacolumna{
background-color: #FFFFFF;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnaqelt{
background-color: #ffc7c7;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnaindex{
background-color:rgb(217,213,194);
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnateu{
background-color: #d9e0e0;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

#segundacolumnameto{
background-color: #b4d4b4;
float:right;
margin-bottom:2rem;
margin-left: 0;
width: 80%;
}

/*/////// Navegacion dentro de la seccion */

#navegacion nav {
background-color:transparent;
padding: 0.5rem;
height: 2.5rem;
margin-bottom: 0.4rem;
}	
		
#navegacion nav ul{
list-style-type:none;
}
		
#navegacion nav ul li{
float: left;
margin-right: 1rem;
}
		
#navegacion nav ul li a{
text-decoration:none;
color:#223553;
font-size: 0.9rem;
font-family: "rosario", sans-serif;
float:left;
margin: 0;
}

#header nav ul li a:hover{
color:#BFD2BF;
}
		
#header nav ul li a:active{
color:#BFD2BF;
}

/*////////// Informacion dentro de la seccion */

#titulo1{
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 2.2rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif
}

    
#titulo9{
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 1.8rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif
}
    

#titulo1pro{
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #dd6d6d;
font-size: 2.2rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif
}

#Texto{
margin-bottom: 2rem;
width: 35%;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}


#Texto2{
margin-bottom: 2rem;
width: 55%;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}



#Textom{
margin-bottom: 2rem;
width: 60%;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

#Textobahiana{
margin-right: 4rem;
margin-left: 2rem;
float: left;
color: #dd6d6d;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

#ContenidoSeccion{
padding: 1rem;
font-family: "rosario",sans-serif;
}

#Contenidosecciontitulo{
font-size: 1.5rem;
margin-bottom: 1rem;
margin-top:1rem;
float:left;
text-align: right;
}

#ContenidoSecciontexto{
width: 60%;
float:right;
margin-top: 1rem;
margin-bottom: 2rem;
font-size:0.78rem;
}


#box{
position: relative;
background-color:transparent;
height: 10.6rem;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxrosa {
position: inherit;
background-color: #dd6d6d;
height: 10.6rem;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 2rem;
margin-left: 2rem;
}

#boxrosa2{
position: relative;
background-color: #ed9999;
height: 3rem;
width: 14.3rem;
float:left;
margin-left: 2rem;
}


#boxros2{
color:#FFFFFF;
position: relative;
background-color: #ed9999;
height: 10rem;
width: 14.3rem;
float:left;
margin-left: 1rem;
margin-bottom: 2rem;
}

#boxb{
position: relative;
background-color:transparent;
height: 10.6rem;
width: 9rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxc{
background-color:transparent;
height: 10.6rem;
width: 9rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
}


#boxb2{
position: relative;
height: 10.6rem;
width: 15rem;
float:left;
}


#ba1{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #223553;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #FFFFFF;
}

#ba1b{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #FFFFFF;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #dd6d6d;
}

#ba2{
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
float: left;
color: #223553;
font-size: 1rem;
font-weight: 200;
font-style: italic;
font-family: "rosario",sans-serif;
}

#barosa{
margin-top: 1rem;
margin-left: 2rem;
margin-right: 3rem;
background-color: #dd6d6d;
padding: 0.3rem;
float: left;
font-family: "rosario",sans-serif;
font-style:italic;
font-size: 1rem;
font-weight: 200;
color: #FFFFFF;
}


#VERMAS{
float: left;
font-family: "rosario",sans-serif;
font-size: 0.8rem;
color: #bd5a5f;
padding-top: 1rem;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 1rem;
list-style-type: none;
list-style: none;
text-decoration: none;
}

#imag{
float: left;
position: inherit;
margin-bottom: 0.5rem;
margin-left: 1rem;
}


#imag2{
float: left;
margin-bottom: 0.5rem;
margin-left:2rem;
}

#imag3{
position: relative;
float: left;
margin-bottom: 0.5rem;
margin-right:1rem;
}


#imag5{
position: relative;
float:right;
margin-bottom: 0.5rem;
margin-right:1rem;
}

#imagenes1{
margin-top: 2rem;
float: left;
margin-bottom: 2rem;
margin-left:2rem;
}

#especimen1{
width: 85%;
float: left;
margin-bottom: 0.5rem;
}


#recuadro{
position:inherit;
background-color:#f2a6a6;
width: 12rem;
float:left;
margin-right: : 1rem;
margin-bottom: 0.5rem;
margin-left: 2rem;
}

#textorecuadro{
margin-bottom: 2rem;
width: 60%;
padding:1rem;
float: left;
color: #223553;
font-size: 0.9rem;
font-weight: 200;
font-family: "rosario",sans-serif;
text-align:left ;
}

/*/////////////////////////////////////////////////////////////// FOOTER */	


footer{
font-size: 0.8rem;
float:center;
margin:auto;
padding:1rem;
width:100%;
height:6rem;
background-color:#AFD2BF;
clear:both;
margin-top: 2rem;
		}
		
		
#afooter{
		margin:auto;
        width:90%;
        font-family: 'Rosario', sans-serif;
		}		
				

#legales{
        margin-left: 2rem;
        color:#FFFFFF;
        text-align:left; 
        font-family: 'Rosario', sans-serif;
        float:left;
        margin:auto;
				}		


}