/*CSS Document*/
P
{
	text-align: justify;
	color: #051440;
	font-size: 11pt;
	font-family: Calibri;
}
H5
{
	text-align: justify;
}
B.regla
{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}
B.titulo1
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 17px;
	text-shadow: 0px -1px 0px #06070A;
	color: #7C9888;
}
IMG.imagen1
{
	padding: 1px;
	border: 1px solid #22395D;
	background-color: #BFC3CA;
}
P.titulo2
{
	color: #081A4D;
	font-family: Arial;
	font-size: 14pt;
	font-stretch: wider;
	font-weight: bold;
}
#gallery
{
	position: relative;
	width: 400px;
	height: 267px;
	margin: 0;
	padding: 0;
}
#gallery LI
{
	display: block;
}

table.fase1 
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}
table.fase1 th 
{
	border-width: 1px;
	padding: 1px;
	border-style: hidden;
	border-color: red;
	background-color: white;
}
table.fase1 td
{
	border-width: 1px;
	padding: 1px;
	border-style: hidden;
	border-color: red;
	background-color: white;
}
.titulosA
{
	text-align: justify;
	color: #BE4801;
	font-size: 11pt;
	font-family: Arial;
}

a:link{ color: #000000; text-decoration:underline}
a:active{ color: #000000; text-decoration: underline}
a:visited{ color: #000000; text-decoration: underline}
a:hover{ color: #000000; text-decoration: underline}


button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 7px 20px;
	background: -moz-linear-gradient(
		top,
		#9da9bf 0%,
		#67627a);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#9da9bf),
		to(#67627a));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 3px solid #524e6b;
	-moz-box-shadow:
		0px 1px 3px rgba(053,052,056,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(053,052,056,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(053,052,056,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


button.css3button:hover 
{
	/*border: 3px solid #3a3456;*/
	color: #dfebf5;
	cursor: pointer;
}


a.btn {
	text-decoration: none; 
	margin: 0 0px;
	display: inline-block;
	color: #666;
	background-color: #eee;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	padding: 10px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-width: 3px;
}

	a.btn:hover {
		background-color: #e3e3e3;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn:active {
		background-color: #CCC;
		border-color: rgba(0,0,0,0.9);
	}

/* blue button */

a.btn.btn-blue {
	background-color: #699DB6;
	border-color: rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #FFF;
}

	a.btn.btn-blue:hover {
		background-color: #4F87A2;
		border-color: rgba(0,0,0,0.5);
	}
	
	a.btn.btn-blue:active {
		background-color: #3C677B;
		border-color: rgba(0,0,0,0.9);
	}
	
.dorante:hover
{

  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  /*opacity: 0;*/
}

.dorante
{
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.subtitulo
{
	text-align: center;
	font-size: 0.9em;
	color: #222;
	text-shadow: 0px 2px 3px #555;
}