@charset "utf-8";
/*** Start Reset ***/

*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

html, body{
	background-color: #000;
	background-image: url(images/backgound.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

body.carta{
	background-image: url(images/carta.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

body.contactos{
	background-image: url(images/contactos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


body.dondeestamos{
	background-image: url(images/dondeestamos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

body.servicios{
	background-image: url(images/servicios.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

body.concursos{
	background-image: url(images/concursos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

body.eventos{
	background-image: url(images/eventos.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


	h1{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: lighter;
		letter-spacing: -2px;
	}
	
	h2{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: lighter;
		letter-spacing: -1px;
	}


	h3{
		color: #FFF;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: lighter;
		letter-spacing: -1px;
	}

	p{
		line-height: 150%;
		color: #fff;
	}
	
	a{
		color: #000;
		text-decoration: none;
	}
	
	img{
		border: 0px;
	}

	p img{
		margin: 0px 10px 5px 0px;
	}

	table{
		color: #CCCCCC;
		padding: 3px;
	}

	table th{
		color: #fff;
		padding: 3px;
		font-size: 16px;
	}


	table td{
		color: #CCCCCC;
		padding: 3px;
		font-size: 16px;
	}


.center{
	margin: 0 auto;
}

.w960{
	width: 960px;
}

.w50pc{
	width: 50%;
}


.w620{
	width: 620px;
}

.w300{
	width: 300px;
}

.clear{
	clear: both;
}

.left{
	float: left;
}

.right{
	float: right;
}

.textright{
	text-align: right;
}

.rounded2-15{
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px; 
	-webkit-border-top-right-radius: 15px; 
	
	border-top-left-radius: 15px; 
	border-top-right-radius: 15px;
	
}

.rounded2-10{
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	
}

.rounded4-10{
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;
	
}

.rounded2-5{
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	
}

.rounded4-5{
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	
}


.rounded2-7{
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-top-right-radius: 7px; 
	
	border-top-left-radius: 7px; 
	border-top-right-radius: 7px;
	
}

.rounded4-7{
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px; 
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-left-radius: 7px; 
	-webkit-border-top-right-radius: 7px; 
	-webkit-border-bottom-left-radius: 7px; 
	-webkit-border-bottom-right-radius: 7px; 
	
	border-top-left-radius: 7px; 
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px; 
	border-bottom-right-radius: 7px;
	
}


/*** End Reset ***/

/*** Clases auxiliares ***/

.icon{
	padding: 5px 0px 5px 50px;
}

.torito{
	background-image: url(images/torito.png);
	background-position: left;
	background-repeat: no-repeat;
}

.caja{
	padding: 5px;
}

.publicidad{
	background-color:#1E1E1E;
	color: #000;
	margin: 0px 15px 10px;
	padding: 3px 0px;
}


.formulario{
	padding: 10px;
}

	.formulario label{
		color: #FDDA71;
		font-size: 16px;
		padding: 0px 5px;
	}

	.formulario input,
	.formulario textarea,
	.formulario select{
		-moz-border-radius-topleft: 5px; 
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 5px; 
		-moz-border-radius-bottomright: 5px;
		-webkit-border-top-left-radius: 5px; 
		-webkit-border-top-right-radius: 5px; 
		-webkit-border-bottom-left-radius: 5px; 
		-webkit-border-bottom-right-radius: 5px; 
		
		border-top-left-radius: 5px; 
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px; 
		border-bottom-right-radius: 5px;
	}

	.formulario input[type=submit]{
		padding: 5px 20px;
		background-color: #811712;
		border: none;
		border: 2px solid #E65C61;
		color: #FFF;
		cursor: pointer;
		font-size: 14px;
		font-weight: bold;
		margin: 5px 0px;
	}
	
	.formulario input[type=submit]:hover{
		background-color: #000;
	}
	
	.formulario select,
	.formulario input[type=text],
	.formulario input[type=file],
	.formulario input[type=password],
	.formulario textarea{
		border: 2px solid #E65C61;
		margin-bottom: 5px;
		padding: 5px 0px;
		width: 99%;
	}

	form .validateError{
		color: #FFF;
		font-size:12px;
		font-weight: bold;
		margin: 0px 5px 5px;
		padding: 0px 0px 0px 20px;
		background-image: url(images/caution.png);
		background-repeat: no-repeat;
		background-position: left;
	}



#content .publicidad p{
	color: #000;
	padding: 2px 10px;
}

.fondogris{
	background-color: #242424;
}

ul.topole{
	
}

	ul.topole li{
		color: #FFF;
		border-bottom: 2px solid #6A6A6A;
		height: 30px;
		margin: 0px 7px;
		padding: 5px 10px;
	}
	
		ul.topole li a{
			color: #FFF;
			left: 20px;
			position: relative;
			top: -14px;
		}
		
		ul.topole li em{
			color: #fff;
			font-style: normal;
			font-size: 34px;
			font-weight: bold;
			left: 7px;
			position: relative;
			top: -7px;
		}

/*** Estructura del Template ***/

#top{
	height: 210px;
}

	#logo{
		width: 188px;
		padding: 10px 16px;
	}
	
	#menuarea{
		width: 740px;
	}
	
		ul.menusocial{
			margin-top: 30px;
		}

			ul.menusocial li{
				float: right;
			}

		ul.menutop{
			background-image: url(images/menubg.jpg);
			background-repeat: repeat-x;
			height: 44px;
			margin-top: 30px;
		}

			ul.menutop li{
				color: #FFF;
				float: right;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:20px;
				font-weight: lighter;
				letter-spacing: -1px;
				padding: 9px 0px 9px;
			}

			ul.menutop li a{
				border-right: 1px #333 solid;
				color: #FFF;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:20px;
				font-weight: lighter;
				letter-spacing: -1px;
				padding: 9px 15px 9px;
			}

			ul.menutop li a:hover{
				color: #FCC10D;
				background-color: #000;
			}

#content{
	background-color: #000;
	min-height: 800px;
	padding: 5px 20px;
}

	#content h1{
		color: #FCC10D;
		font-size: 30px;
		margin: 15px 0px 7px;
	}

	#content h2{
		background-image: url(images/h2bg.jpg);
		background-repeat: repeat-x;
		color: #FFF;
		font-size: 22px;
		height: 44px;
		padding: 7px 10px;
	}
		#content h2 em{
			color: #000;
			font-size: 16px;
			font-style: normal;
		}
		
	#content h3{
		color: #FFF;
		font-size: 22px;
		padding: 7px 10px;
	}
		
	#content p{
		color: #CCC;
		font-size: 16px;
		padding: 5px 10px;
	}



#bottom{
	background-color:#070707;
	background-image: url(images/toritopie.png);
	
	margin: 50px 0px 0px;
	padding: 30px 20px;
}


	ul.menupie{
	}
	
	ul.menupie li{
		float: left;
	}
	
	ul.menupie li a{
		background-color: #272727;
		border-right: 1px solid #000;
		color: #FFF;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight: lighter;
		letter-spacing: 0px;
		padding: 10px 15px;
	}

	ul.menupie li a:hover{
		background-color:#000;
		color: #FCC10D;
	}
	
	.creditos{
		color: #CCC;
		margin: 30px 0px;
		
	}
	.creditos p{
		color: #FDDA6F;
	}
	
	.creditos p.advertencia{
		color: #6E6E6E;
		font-size: 16px;
		padding: 0px;
	}

	.creditos img{
		margin: 0px 10px 0px 10px;
	}
	
	.creditos p.pwb{
		font-size: 11px;
		text-align:right;
		color: #515151;
	}
	
	.creditos p.pwb img{
		margin: 5px 0px;
	}