/* CSS Text Document */
  :link { color: #1A1A1A }  /* for unvisited links */
  :visited { color: #1A1A1A } /* for visited links */
  a:active { color: #1A1A1A } /* when link is clicked */
  a:hover { color: #1A1A1A } /* when mouse is over link 

*/
  a.plain { text-decoration: none 
}
.main1_200 {max-width:200px; min-width:200px; margin:0 auto;
}
.main1_300 {max-width:300px; min-width:290px; margin:0 auto;
}
.main1_400 {max-width:400px; min-width:290px; margin:0 auto;
}
.main1_500 {max-width:500px; min-width:290px; margin:0 auto;
}
.main1_250 {max-width:250px; min-width:250px; margin:0 auto;
}
.main1_100P {max-width:100%; min-width:250px; margin:0 auto;
}

body {
	margin: 0px;
	padding: 0px;
	font-size : 12px;
	font-family : Roboto, Verdana, Arial, Helvetica, sans-serif;
	background-color : #FFFFFF;
}

.titulo { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #FFFFFF; 
background-color : #759701; 
text-decoration : none; 
height: 25px;
} 

.titulo:link { 
color : #FFFFFF; 
text-decoration : none; 
} 
.titulo:hover { 
color : #FFFFFF; 
text-decoration : none; 
}

.menu { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
background-color : #CCCCCC; 
background: url(../imagenes/fondos/fondo_596.gif);
text-decoration : none; 
height: 25px;
} 

.menu:link { 
color : #666666; 
text-decoration : none; 

} 
.menu:hover { 
color : #666666; 
text-decoration : none; 
} 

.menu:visited { 
color : #666666; 
text-decoration : none; 
} 

.sub_menu { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #666666; 
background-color : #666666; 
text-decoration : none; 
} 

.contenido { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #000000; 
background-color : #FFFFFF; 

} 
.contenido:link { 
color : #000000; 
} 

.contenido:hover { 
color : #FFFFFF; 
} 

.contenido_dos { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #759701; 


} 
.contenido_dos:link { 
color : #759701; 
} 

.contenido_dos:hover { 
color : #759701; 

} 

.contenido_tres { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
line-height:0.9;
color : #000000; 


} 
.contenido_tres:link { 
color : #000000; 
} 

.contenido_tres:hover { 
color : #000000; 
} 

.contenido_cuatro { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #666666; 


} 
.contenido_cuatro:link { 
color : #666666; 
} 

.contenido_cuatro:hover { 
color : #000000; 
} 


.destacado { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #333333; 
background-color : #CCCCCC; 
text-decoration : none; 
} 
.destacado:link { 
color : #333333; 
text-decoration : none; 

} 
.destacado:hover { 
color : #000000; 
text-decoration : none; 
}
 
.destacado:visited { 
color : #333333; 
text-decoration : none; 
}
 
.creditos { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #000000; 
background-color : #CCCCCC; 
text-decoration : none; 
} 
.creditos:link { 
color : #000000; 
text-decoration : none; 

} 
.creditos:hover { 
color : #000000; 
text-decoration : none; 

} 

.filas { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 14px; 
color : #000000; 
background-color : ; 
text-decoration : none; 
} 
.filas a:link { 
color : #000000; 
text-decoration : none;
} 
.filas:hover { 
color : #000000; 
background-color : #EFF4D9; 
text-decoration : none; 
}
.filas a:visited { 
color : #000000; 
text-decoration : none; 
}

.tabla { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #000000; 
background-color : ; 
background: url(../imagenes/fondos/fondo_596.gif);
text-decoration : none; 
height: 25px;
} 

/* Formularios */
.inputbox { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px; 
 color:  #000000;
 background-color: #C8D696; 
 border: 1px solid #AEB8AA; 
}

.inputbox_dos { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px; 
 color:  #000000;
 background-color: #EFF4D9; 
 border: 1px solid #AEB8AA; 
}

.inputbox_tres { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px; 
 height: 35px;
 color:  #000000;
 background-color: #FFFFFF; 
 border: 1px solid #CDCDCD; 
}

.inputbox_cuatro { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px; 
 height: 35px;
 color:  #000000;
 background-color: #F0F0F0; 
 border: 1px solid #CDCDCD; 
}


.button {
	width: 90px;
	border : solid 1px #CCCCCC;
	background-color: #EEEEEE;
	font-weight : bold;
	font-size : 18px;
	color : #000000;

}

/* Menu Vertical */

#menuv {
        border: 1px solid #E8E8E8;
        border-width: 1px 1px 0 1px;
        width: 148px;
        font: Arial, Helvetica, sans-serif;
		margin: 6;
		
}
#menuv ul, li {
        list-style-type: none;
}

#menuv ul {
        margin: 0;
        padding: 0;
		  
}

#menuv li {
        color: #000000;
		  background: #CCCCCC;
		  border-bottom: 1px solid #FFFFFF;
}

#menuv a {
        text-decoration: none;
        color: #FFFFFF;
        background: #003366;
        display: block;
        padding: 4px 6px;
        width: 128px;
		
		}

#menuv a:hover {
        color: #000000;
		  background: #CCCCCC;
}

/* Menu Horizontal */

#menuh {
        font: Arial, Helvetica, sans-serif;
        margin-top: 0px;
}

#menuh ul, li {
        list-style-type: none;
}

#menuh ul {
        margin: 0;
        padding: 0;
}

#menuh li {
        float: left;
}

#menuh a {
        text-decoration: none;
        color: #003366; 
        background: #FFFFFF;
		background: url(../imagenes/fondos/fondo_596.gif);
        display: block;
        padding: 3px 10px;
        text-align: center;
        border: 1px solid #999999;
        border-width: 1px 1px 1px 0;
		height: 20px;
}


#menuh a#primero {
        border-left: 1px solid #999999;
}

#menuh a:hover {
        color: #000000;
		background: #DBDBDB;
}
.modal-contenido{
  background-color:aqua;
  width:300px;
  padding: 10px 20px;
  margin: 20% auto;
  position: relative;
}
.modal{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
}
#miModal:target{
  opacity:1;
  pointer-events:auto;
}
.boton_w8_uno {
border: none;
background: #F3F3F3;
min-width: 250px;
a.color: #1f7281;
text-decoration: none;
padding: 10px;
font-size: 18px;
border-radius: 5px;
position: relative;
box-sizing: border-box;
transition: all 500ms ease;
}

.boton_w8_uno:hover {
background: #ffffff;
color: #3a7999;
box-shadow: inset 0 0 0 3px #3a7999;
}

.boton_w8_dos {
border: none;
background: #E2F0D5;
min-width: 200px;
color: #1f7281;
text-decoration: none;
padding: 10px;
font-size: 18px;
border-radius: 5px;
position: relative;
box-sizing: border-box;
transition: all 500ms ease;
}

.boton_w8_dos:hover {
background: #A9E100;
color: #1f7281;
box-shadow: inset 0 0 0 3px #3a7999;
}

.boton_w8_tres {
border: none;
background: #FF6600;
min-width: 200px;
color: #ffffff;
text-decoration: none;
padding: 10px;
font-size: 18px;
border-radius: 5px;
position: relative;
box-sizing: border-box;
transition: all 500ms ease;
}

.boton_w8_tres:hover {
background: #D72B00;
color: #FFFFFF;
box-shadow: inset 0 0 0 3px #FF6600;
}