/* Tabla  de Botonera */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    /*background-color: #f1f1f1;*/
    background-color: #284b92;
    width:680px; 
    margin-left:50px;
	border: 2px solid #284b92;    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;	 
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;    
    text-transform:uppercase; 
    color:#eee; 
    height: 50px;
    text-align: center;
    font-weight: bold;
    
}


/* Change background color of buttons on hover */
div.tab button:hover {
    /*background-color: #ddd;*/
	-moz-box-shadow: 0 -5px 10px #777; -webkit-box-shadow: 0 -5px 10px #777;
	background: -webkit-gradient(
	linear, right bottom, left top, color-stop(0, rgb(237,227,112)), color-stop(0.72, rgb(255,173,10))) !important;
	background: -moz-linear-gradient(
	right bottom, rgb(237,227,112) 0%, rgb(255,173,10) 72%) !important;
	background-color:rgb(255,173,10) !important;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;     
}

/* Create an active/current tablink class */
div.tab button.active {
    /*background-color: #ccc;*/
   background: #ff9233;
	text-transform:uppercase; color:#eee; text-shadow: #000 0px 0px 3px;
	border: 1px solid #ff9233;
}

/* Tabla de contenido */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 2px solid #284b92;
    border-top: none;
    width:656px; 
    margin-left:50px;    
}

div.imagenCuadro {
	width:120px;
	height:100px;
	border: 0px solid #ff9233;
}

div.imagenCuadro a:link {
	width:100px;
	height:100px;
	border: 0px solid #ff9233;
}
div.cuadro {
    /*background-color: #ccc;*/
   background: #ccc; 
	border: 2px solid #ff9233;
	width:150px;
	height:150px;	
	font-size: 12px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;  	
}

div.cuadro a:link {
    text-decoration: none;
    text-decoration-color: #000000;
}

div.cuadro a:hover {
    text-decoration: underline;
    text-decoration-color: red;
    background-color: #ff9233;
    background: #ccc;
}

a {
   background: #ccc; 
	border: 0px solid #ff9233;
	width:150px;
	height:150px;	
	font-size: 11px;
	font-color: #000000;
	
}

a.ex2:hover, a.ex2:active {
font-size: 102%;
font: italic Georgia, Times, Serif;  text-align: center;
font-weight: bold;
text-decoration: none;
}

table.tablaMenu {
   background: #FFFFFF; 
	border: 3px solid #284b92;
	font: 16px Georgia, Times, Serif;  text-align: center;
	font-weight: bold;	
	align-items: center;
	border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;