/* general */

html{
	height: 100%;
	background: url(../img/mainBackground.jpg) no-repeat 50% 50% #000;
}
body{
	color: #fff;
	background: aqua;
}
a:link, a:visited, a:active{
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	color: #FFF;
	text-decoration: underline;
}
#aniversarioRibbon{
	position: absolute;
	left: 0%;
	top: 0%;
	margin: 0;
	z-index: 666;
}
#wrapper{
	position: absolute;
	width: 921px;
	left: 50%;
	margin-left: -480px;
	padding: 20px;
	height: auto;
}
#topMenu{
	background: url(../img/topMenuBg.jpg) no-repeat 0 0;
	width: 921px;
	height: 55px;
}
#shotokanLogo{
	border: 0;
	margin-left: 20px;
}
#contents{
	width: 879px;
	margin: 20px 0px 0px 0px;
	padding: 20px;	  
    position:absolute;  
    background: url(../img/alphaBackground.png);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
}  
#menuList{
	margin-top: 19px;
	margin-right: 15px;
	padding: 0;
	float: right;
	height: 55px;
}
#menuList li{
	font-size: 12px;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;	
	display: inline;
	margin-left: 5px;
	padding: 7px 10px 6px 10px;
	border: 1px solid transparent;
	text-transform: uppercase;
}
#menuList li:hover{
	background: #111;
	cursor: pointer;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border: 1px solid #333;
}
.menuLink:link, .menuLink:visited, .menuLink:active{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;	
	display: inline;
}
.menuLink:hover{
	color: #f00;
}
.leftCol{
	position: relative;
	width: 550px;
	float: left;
}
.rightCol{
	position: relative;
	float: right;
	width: 300px;
	margin-left: 20px;
	text-align: center;
}
img.shadowed{
	-moz-box-shadow: 0px 0px 5px #222;
	-webkit-box-shadow: 0px 0px 5px #222;
	box-shadow: 0px 0px 5px #222;
	border: 1px solid #ccc;
}
h1{
	font-size: 22px;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	text-transform: uppercase;
}
h2{
	font-size: 15px;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	text-transform: uppercase;
}
p{
	font-size: smaller;
	margin-bottom: 1.3em;
	margin-top: 1.3em 
}
strong{
	font-weight: bold;
}
.center{
	text-align: center;
}
ul.textList li{
	font-size: smaller;
	list-style: disc;
	list-style-position: inside;
	line-height: 2em;
	padding-left: 30px;
}
#horariosTable{
	width: 60%;
	margin-left: 18%;
}
td{
	font-size: smaller;
	padding: 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
tr:hover{
	background: #711;
}
/* Formulario contacto */
.infoForm{
	width: 330px;
	margin-left: 80px;
	margin-top: 30px;
	text-align: right;
}
.infoForm input, .infoForm textarea, .infoForm select{
	margin: 10px 0px;
}
.infoForm input.text, .infoForm textarea, .infoForm select {
	font-size: 12px;
	width: 200px;
	padding: 2px;
	margin-left: 5px;
	margin-top: -2px;
	border: 1px solid #000;
}
.infoForm input.text:hover, .infoForm textarea:hover {
	background: #eee;
}
.infoForm input.text:focus, .infoForm textarea:focus {
	background: #ddd;
}
.infoForm label {
	color: #eee;
	font-size: 12px;
	vertical-align: top;
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;	
}
.actionButton{
	font-weight: bold;
	text-shadow: #000 0px 1px 1px;
	background: #e11;
	background:-webkit-gradient(linear, left top, left bottom, from(#f00), to(#d11));
	color: #fff;
	font-size: 12px;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	padding: 4px 6px;
	border: 1px solid #f00;
	border-radius: 10px;
}
.actionButton:hover{
	background: #9d2a00;
	background:-webkit-gradient(linear, left top, left bottom, from(#d11), to(#622));
	border-color: #f00;
	text-shadow: #000 0px 1px 1px;
}

/* Fotos galeria */
.photoThumb{
	border: 1px solid #fff;
	margin: 10px 22px;
}

/* Login */

#loginWrapper{
	position: absolute;
	width: 460px;
	height: 240px;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -200px;
	padding: 20px;
	height: auto;
	text-align: center;
}
/*JON*/
/*/////////////////galeria**********/
.galeria{
position:relative;
width:840px;
height:540px;
padding:5px 0px 0px 20px;

}
.thumb {
    float: left;
	cursor:pointer;
    
}
.imagethumb{float:left;}
#imagen_preview{
position:absolute;
top:100px;
left:200px;
width:auto;
height:auto;
background:#ffffff;
display:none;

}
.eliminar{float:left;margin:0px 0px 0px -20px; background:#333333;/*display:none;*/ }