html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {
	background: #eeeeee;
	font-family: Calibri;
}

#canvas a{text-decoration: none;}
#canvas ul, ol {list-style-type:none;}

#canvas li {
  background: #000;
  display: contents;
  padding: 0.5em 1em 0 1em;
  text-align:center;
}
#canvas span{
	display : none;
	position: absolute; 
	border-radius : 150px;
	width: 200px;
	color: #868686;
}
#canvas a {
  display : block;
  padding : 1em 1.5em 0.5em 1.5em;
  font-size : 1.2em;
  position: relative;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
#canvas a:hover > span{
	display: block;
	font-size: 15px;
	top   : -55px;
	left  : -30px;
  	color : #000;
  	background-color: #FFF;
}
#canvas li:hover a {
}
#canvas li a:after {
  display  : block;
  content  : '';
  position : absolute;
  top   : 8px;
  left : 60%;
  border-style : solid;
  border-color : transparent;
  border-width : 13px 8px 0 8px;
}
#canvas li:hover a:after {
  border-color : #FFF transparent transparent transparent;
}
#canvas a, li:hover a, li a:after, li:hover a:after  {		
  transition : all .5s;
}



/*///////////////    GENERAL    /////////////*/
	.clear {
		margin-top: 50px;
		clear: both;
	}

	.titulo {
		color: #666666;
		font-size: 50px;
		text-align: center;
		margin-bottom: 30px;
		font-weight: bold;
		text-decoration: none;
	}

	.subtitulo {
		color: #7f8289;
		font-size: 30px;
		position: relative;
		text-align: center;		
		margin-bottom: 30px;
		text-decoration: none;
		display: block;
		font-weight: bold;
	}

	.subtitulo:hover {
		color: #000;
		background: #fff;
	}
	
	.opciones {
		width: 250px;
		height: 170px;
		background: #141414;
		padding: 20px;
		display: block;
		margin-left: 50px;
		margin-top: 100px;
		border-radius: 50px 200px 0 90px; 
	}
	.opciones a{
		color: #ca6d2d;
		font-size: 30px;
		line-height: 40px;
		text-decoration: none;
		display : block;
	}

/*///////////////     HEAD   /////////////*/
	#cabecera {
		height: 100px;
		margin-bottom: 50px;
		background: rgba(141,208,226,1);
		background: -moz-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(141,208,226,1)), color-stop(41%, rgba(112,192,215,1)), color-stop(100%, rgba(67,170,199,1)));
		background: -webkit-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -o-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd0e2', endColorstr='#43aac7', GradientType=1 );
	}
	#logo {
		float: right;
		margin-right: 20%;
		margin-top: 1%;
		width: 74px;
		height: 60px;
	}
	#log {
		float: right;
		margin-right: 35%;
		margin-top: 1%;
		font-size: 20px;
		font-weight: bold;
		color: #FFF;
	}
	#log a {
		float: right;
	}
/*///////////////    CONTENT    /////////////*/
	#contenido {
		width: 90%;
		margin: auto;	
	}
/*///////////////    FOOT    /////////////*/
	#foot {
		width: 100%;
		height: 60px;
		background: rgba(141,208,226,1);
		background: -moz-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(141,208,226,1)), color-stop(41%, rgba(112,192,215,1)), color-stop(100%, rgba(67,170,199,1)));
		background: -webkit-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -o-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		background: linear-gradient(45deg, rgba(141,208,226,1) 0%, rgba(112,192,215,1) 41%, rgba(67,170,199,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd0e2', endColorstr='#43aac7', GradientType=1 );
	}

	#foot .copyright {
		color: #000;
		text-align: center;
		line-height: 30px;
		font-size: 10px;
	}