/*===============================================================================
========================                                     ====================
========================   BOTONES GENERADOS POR FUNCIONES   ====================
========================                                     ====================
===============================================================================*/



/*==============================================================================
=======================    BOTONES FINOS HORIZONTALES  =========================
==============================================================================*/


/* Estilos comunes de formato para cada uno de los botones */


	.contenedor_botones {
		padding-right:5px; 
		padding-bottom:10px; 
		vertical-align:middle;	
		text-align:center;
		
	}
	
	.boton_seccion{
	
		color:#0357A3;
		border-radius: 8px 8px 8px 8px; -moz-border-radius:  8px 8px 8px 8px; -webkit-border-radius:  8px 8px 8px 8px;
		border:#428BCA solid 2px; 
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		min-height:80px;
		width:100%;
	
	}
	
	
	.boton_seccion:hover {
	
		color:#e45a07;
		text-decoration:none;
		border-color:#e45a07;
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		
	
	}
	
	.boton_seccion_desactivado{
		color:#cfcfcf;
		border-radius: 8px 8px 8px 8px; -moz-border-radius:  8px 8px 8px 8px; -webkit-border-radius:  8px 8px 8px 8px;
		border:#cfcfcf solid 2px; 
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		min-height:80px;
		width:100%;
	}
	


@media (min-width: 768px) {
		
	.boton_seccion, .boton_seccion:hover, .boton_seccion_desactivado {
	
		display:table;
		vertical-align:middle;

	}
	
	.fila_botones{
		display: table-row;
		vertical-align:middle;
	
	
	}

	.texto_botones {
		display:table-cell;
		width:82%;
		vertical-align:middle; 
		text-align:center; 
		height:75px;
	
	}
	
	.texto_botones span {
	
		font-size:16px; 
		font-weight:bold; 
		
	}
	
	.icono_boton {
		display:table-cell;
		width:18%;
		text-align:center; 
		vertical-align:middle;	
		height:75px;
	
	}

}

@media (max-width: 768px) {

			
	.boton_seccion, .boton_seccion:hover, .boton_seccion_desactivado {
	
		padding-top:10px;
	}
	
	.fila_botones{
		display: table;
		vertical-align:middle;
		width:100% !important;
		text-align:center;
	}

	.texto_botones {
		display:table-row;
		width:100% !important;
		vertical-align:middle; 
		text-align:center; 
	
	}
	
	.texto_botones span {
	    display:table-cell;
		font-size:16px; 
		font-weight:bold; 
		width:100% !important;
		text-align:center;
		
	}
	
	.icono_boton {
		display:table-row;
		width:100%;
		text-align:center; 
		vertical-align:middle;	
	
	}
	.icono_boton i{
		
		display:table-cell;
		width:100%;
		text-align:center;
	
	}

}


/*==============================================================================
=======================    BOTONES CUADRADOS CABECERAS    ======================
==============================================================================*/


/* Estilos comunes de formato para cada uno de los botones */


	/*.contenedor_botones --> Esta clase se reutiliza de los botones horizontales --> Cambiar a la parte común */
	
	.boton_seccion_cuadrado{
	
		color:#0357A3;
		border-radius: 8px 8px 8px 8px; -moz-border-radius:  8px 8px 8px 8px; -webkit-border-radius:  8px 8px 8px 8px;
		border:#cfcfcf solid 2px; 
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		width:93%;
	
	}
	
	
	.boton_seccion_cuadrado:hover {
	
		color:#e45a07;
		text-decoration:none;
		border-color:#e45a07;
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		
	
	}
	
	.boton_seccion_cuadrado_desactivado{
		color:#cfcfcf;
		border-radius: 8px 8px 8px 8px; -moz-border-radius:  8px 8px 8px 8px; -webkit-border-radius:  8px 8px 8px 8px;
		border:#4e4d4d solid 2px; 
		-webkit-transition: color 0.35s, border-color 0.35s; /* Safari */
		transition: color 0.35s, border-color 0.35s;
		/*min-height:100px !important; */
		width:93%;
		text-align:center;
	}
	


@media (min-width: 768px) {
		
	.boton_seccion_cuadrado, .boton_seccion_cuadrado:hover, .boton_seccion_cuadrado_desactivado {
	
		display:table;
		vertical-align:middle;
		padding-top:20px;
		padding-bottom:20px;
		
	}
	
	/*.fila_botones{
		display: table-row;
		vertical-align:middle;
	
	
	}*/

	.texto_botones_cuadrado {
		display:table-row;
		width:100%;
		vertical-align:middle; 
		text-align:center; 
		min-height:70px;
		border: red 2px solid;
			
	}
	
	.texto_botones_cuadrado span {
		display:table-cell;
		text-align:center;
		font-size:16px; 
		font-weight:bold;
		width:100%; 
		padding-top:10px;
		
	}
	
	.icono_boton_cuadrado {
		display:table-row;
		width:100%;
		text-align:center; 
		vertical-align:middle;	
		min-height:30px;
		border: blue 2px solid;
	
	}
	
	.icono_boton_cuadrado i{
		
		display:table-cell;
		/*width:30px;*/
		text-align:center;
	
	}


}

@media (max-width: 768px) {

			
	.boton_seccion_cuadrado, .boton_seccion_cuadrado:hover, .boton_seccion_cuadrado_desactivado {
	
		padding-top:10px;
	}
	
	.fila_botones{
		display: table;
		vertical-align:middle;
		width:100% !important;
		text-align:center;
	}

	.texto_botones {
		display:table-row;
		width:100% !important;
		vertical-align:middle; 
		text-align:center; 
	
	}
	
	.texto_botones span {
	    display:table-cell;
		font-size:16px; 
		font-weight:bold; 
		width:100% !important;
		text-align:center;
		
	}
	
	.icono_boton {
		display:table-row;
		width:100%;
		text-align:center; 
		vertical-align:middle;	
	
	}
	.icono_boton i{
		
		display:table-cell;
		width:100%;
		text-align:center;
	
	}

}