<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<style type="text/css">

#textovertical {writing-mode: tb-rl; filter: flipv fliph} 

	/*"""""""" Rotación equipos cuadrante""""""""*/

.Rotate-90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);	
  transform: rotate(-90deg); 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  font-size: 14px;
  position: relative; 
  width: 30px;  
  top: 120px;
}

	/*"""""""" Sombra de las fotos""""""""*/

	#fotos {
	position:relative;
	margin: 20px auto;
	width: 600px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
	}
#fotos:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 10px;
	bottom: 15px;
	width:50%;
	height: 20%;
	box-shadow: 0 15px 10px rgba(0,0,0,0.7);
	transform: rotate(-3deg);
	}
#fotos:after {
	content:"";
	position:absolute;
	z-index: -2;
	right:10px;
	bottom: 17px;
	width:30%;
	height: 20%;
	box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	transform: rotate(-1deg);
	}	

	/*"""""""" Botón imprimir calendario""""""""*/

    .boton_personalizado{
    text-decoration: none;
    padding: 4px;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 3px;
    border: 2px solid #0016b0;
  }
    .boton_personalizado2{
    text-decoration: none;
    padding: 5px;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    background-color: #FF000C;
    border-radius: 3px;
    border: 2px solid #0016b0;
  }

	/*""""""""Bordes comeptición""""""""*/
	 .losbordes{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10 px;
		-webkit-box-shadow: 6px 6px #ccc;
		-moz-box-shadow: 6px 6px #ccc; 
		box-shadow: 6px 6px #ccc;
	 }
	 .losbordes td, .losbordes th{	
		font-family: times;
		border-left: 1px olid #ccc;
		border-top: linear-gradient (top, #ebf3fc, #dce9f9);
		padding: 5px;
		margin: 0px;
	 }
	 .losbordes th{
		font-size:16px;		 
		background-color: blue;
		background-image: linear-gradient (top, #ebf3fc, #dce9f9);
		color: yellow;
		box-shadow: 0 3px 0 rgba(255,255,255,.8);
		border-top: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
	 }
	.losbordes	td:first-child, .losbordes th:first-child {
		border-left: none;
	 }
	 .losbordes th:first-child {
		 border-radius: 10px 0 0 0;
	 }
	 .losbordes th:last-child {
		 border-radius: 0 10px 0 0;
	 }
	 .losbordes tr:last-child .losbordes td:first-child {
		 border-radius: 0 0 0 10px;
	 }	 
	 .losbordes th:last-child .losbordes td:last-child {
		 border-radius: 0 0 10px 0;
	 }	 
	 .losbordes tr:hover {
		 background: #fbf8e9;
	 }
	 .losbordes td:last-child {
		 padding-bottom: 0;
	 }

	/*""""""""Bordes competición1""""""""*/

#textovertical {writing-mode: tb-rl; filter: flipv fliph} 
	 .losbordes1 {
		 border-spacing: 0;
		 width:95%;
	 }
	 .losbordes1{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10 px;
		-webkit-box-shadow: 6px 6px #ccc;
		-moz-box-shadow: 6px 6px #ccc; 
		box-shadow: 6px 6px #ccc;
	 }
	 .losbordes1 td, .losbordes1 th{	
		font-family: times;
		border-left: 1px olid #ccc;
		border-top: linear-gradient (top, #ebf3fc, #dce9f9);
		padding: 5px;
		margin: 5px;

	 }
	 .losbordes1 th{
		font-size:16px;		 
		background-color: blue;
		background-image: linear-gradient (top, #ebf3fc, #dce9f9);
		color: yellow;
		box-shadow: 0 3px 0 rgba(255,255,255,.8);
		border-top: none;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
	 }
	.losbordes1	td:first-child, .losbordes1 th:first-child {
		border-left: none;
	 }
	 .losbordes1 th:first-child {
		 border-radius: 10px 0 0 0;
	 }
	 .losbordes1 th:last-child {
		 border-radius: 0 10px 0 0;
	 }
	 .losbordes1 tr:last-child .losbordes1 td:first-child {
		 border-radius: 0 0 0 10px;
	 }	 
	 .losbordes1 th:last-child .losbordes td:last-child {
		 border-radius: 0 0 10px 0;
	 }	 
	 .losbordes1 tr:hover {
		 background: #fbf8e9;
	 }
	 .losbordes1 td:last-child {
		 padding-bottom: 0;
	 }

</style>
</html>