body{
	width:100%;
	font:normal 100% Arial,Helvetica,sans-serif;
	color:#223322;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:21px;
}


#exp{

	font-size: 1.1em;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5),0px 0px 0px rgba(0,0,0,0.5);
}

#op1{
	width:186px;
}

#op2{
	width:115px;
}

#op3{
	width:125px;
}

#op4{
	width:160px;
}

#op5{
	width:220px;
}

#op6{
	width:60px;
	padding:0 0 0 0;
}

.w3-animate-fading{animation:fading 15s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.menu{
	background-color: #e5e5e5;
	color:#000000;
	font-size:0.9vw;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}



.menu > a:link{
	padding:10 15 10 15;
	margin:5 5 5 5;
	background:#666666;
	color:#ffffff;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	
}

.menu > a:visited{
	background:trasnparent;
	color:#ffffff;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.menu > a:hover{
	background:#80cF7C;
	color:#fffbfb;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.menu > a:focus{
	background:#80cF7C;
	color:#fffcfc;
	text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}



input[type=submit] {
	font-size: 1.2vw;
	background-color: #4CAF50;
	color: white;
	padding: .2em .4em;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

#bt {
	font-size: 1.2vw;
	background-color: #4CAF50;
	color: white;
	padding: .2em .4em;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.bt2 {
	font-size: 1.2vw;
	background-color: #AF4C50;
	color: white;
	padding: .2em .4em;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}




#seccion1{
	width:100%;
	background-color: #e5e5e5;
	font:bold 130% Arial,Helvetica,sans-serif;
}

#seccion2{
	width:100%;
	background-color: #1d2129;
	font:normal 100% Arial,Helvetica,sans-serif;
}


#seccion3{
	

	width:100%;
	color:#666666;
	font:normal 100% Arial,Helvetica,sans-serif;
}


.anio {
	background:#e9f9cb;
	font:bold 100% Arial,Helvetica,sans-serif;
	padding: .4em 1.5em;
	color:#39771E;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.clav {
	background:#e9f9cb;
	font:bold 100% Arial,Helvetica,sans-serif;
	padding: 2.5%;
	color:#39771E;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.caw{
	background:#e9f9cb;
	font:bold 100% Arial,Helvetica,sans-serif;
	width: 50%;
	padding: 2.5%;
	color:#39771E;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

#subtitulo1{
	font-weight:bold;
	color:#d7db6b;	
}

#subtitulo2{
	text-align:center;
	color:#ffffff;	
	vertical-align:top;
	padding: 0.5% 2.5%;
	font-size: 85%;
}

#pie{
	background-color: #e5e5e5;
	color:#000000;
	font:normal 100% verdana,helvetica,arial;
	width:100%;
	border: 0px solid #ccc;
	border-radius: 10px;
	box-sizing: border-box;
}

#visitas{
	font-size: 80%;
	color:#1d2129;
	padding:15 20 20 20;

}



/*****************/
/******  A  ******/
/*****************/
a:link{   
	text-decoration:none;
	color:#4d5a2b;
	font-weight:bold;
}

a:visited{   
 	text-decoration:none;
	color:#4d5a2b;
	font-weight:bold;
}






.liga{   
	font-weight:normal;
	color:#334433;

}

.liga{   
	font-weight:normal;
	color:#334433; 
 
}











/*****************/
/******  B  ******/
/*****************/
.bloquea {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 300%;
    height: 300%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}



/*****************/
/******  C  ******/
/*****************/

.ce1{
	padding:0 50 0 50;
	text-align:justify;
	font-size:21px;
}



.ce2{ 
	padding:0 50 0 50;
	text-align:right;
	font-size:21px;
}

.ce3{
	padding:0 50 0 50;
	text-align:justify;
	color:#4d5a2b;
	font:bold 22px Arial,Helvetica,sans-serif;
}

.ce4{
	padding:0 50 0 50;
	color:#4d5a2b;
	font:bold 20px Arial,Helvetica,sans-serif;
}

.cierra{
	padding:6%;
	cursor: pointer;
}


.cuad1{
	font-family: Tahoma, Arial, "Trebuchet MS";
	color:#445544;
	padding:15 20 20 20;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px -5px 7px rgba(91,185,165,0.5);
}

.cuad2{
	text-align:left;
	font-family: Tahoma, Arial, "Trebuchet MS";
	font-size:21px;

	padding:15 20 20 20;
	width:70%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border: 2px solid #666666;
}



/*****************/
/******  E  ******/
/*****************/

#edo{
	font-size: 1em;
	padding:.5em 4em 1em 4em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	box-shadow: 5px 5px 5px 5px rgba(150,50,0,0.5);
}


#ejemplo{
    	position: absolute;
    	top: 100px;
    	left: 900px;
	border: 5px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	display:none;
}

.emergente {
	background-color: #ffffff;
    	display: none;
    	position: absolute;
    	top: 8%;
    	left: 25%;
    	width: 50%;
    	height: 600;
    	z-index:1002;
    	overflow: auto;
	padding:16 38 16 38;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;

}


/*****************/
/******  T  ******/
/*****************/
#tab1{
	font-size:21px;
	background-color:#7CdF80;
	color:#000000
}

#titulo1{
	font-family: trebuchet ms,verdana,helvetica,arial;
	font-size: 25px;
	font-weight:bold;
	text-align:center;
}

#titulo2{
	font-weight:bold;
	text-align:center;
	font-size:180%;
	color:#4d5a2b;
}


/*****************/
/******  V  ******/
/*****************/
#verde{
	text-align:center;
	background-color: #666666;
	height: 5px;
	width:95%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
}