@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
table {border-collapse:collapse; border-spacing:0;}


body{
margin:0px; background: #000 url(images/bg.jpg) no-repeat center top;}

img {border:0px;}
a {outline:none;}

a:link{ color:#CA0100; text-decoration:none; font-weight:bold;}
a:hover{ color:#CA0100; text-decoration:underline;font-weight:bold;}

h3{font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #AC1611;font-weight: bold;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #111; font-weight: bold;letter-spacing: 4px;}

/* Divs*/

#header{ background:url(images/main.jpg) no-repeat top left; width:642px; height:327px;}
#borders{background:url(images/fondo_katana.gif) no-repeat; width:742px; margin:0 auto;}
#wrap{width:642px; margin:0 auto; border-bottom:#AC1611 5px solid; background: #FBE7AC url(images/bg_wrap.jpg);}
#menu {	height:30px; border-bottom:solid #AC1611 2px ;margin-bottom:20px;}

#container { width: 642px; margin: 0 auto; text-align: left;}
#sidebar {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px;  color: #111;float: right; width: 200px;border-left:solid #A11611 2px;padding: 0 10px 15px 20px;}

#mainContent {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #111; margin: 0 250px 0 0;padding: 0 10px 15px 10px; min-height: 670px;  height: auto !important;  height: 670px}
#mainContent img{display: block; margin: auto; border:0px;}

#player{text-align:center;margin-top:2em;}
#flash {z-index: -999;}	

#footer{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC;text-align:center; margin:20px 0;}


#botones li {float: left;} /* Fix "Efecto escalera" de IE */

#botones li a{text-indent:-9999em; float:left; height:30px; display: inline;}

#home a, #budokan a, #media a, #fotos a, #links a, #contacto a { background: url(images/botones.jpg);}

#home a { width:90px;}
#budokan a { width:136px; background-position:-90px 0;}
#media a { width:94px; background-position:-225px 0;}
#fotos a { width:89px; background-position:-320px 0;}
#links a { width:84px; background-position:-410px 0;}
#contacto a { width:149px; background-position:-495px 0;}

#home a:hover { width:90px; background-position:0 30px;}
#budokan a:hover { width:136px; background-position:-90px 30px;}
#media a:hover { width:94px; background-position:-225px 30px;}
#fotos a:hover { width:89px; background-position:-320px 30px;}
#links a:hover { width:84px; background-position:-410px 30px;}
#contacto a:hover { width:149px; background-position:-495px 30px;}


/* Social*/
#social {margin:15px auto;}
#social li {float: left;} /* Fix "Efecto escalera" de IE */
#social li a{text-indent:-9999em; float:left; width:150px; height:30px; margin:3px 3px 3px 20px;}

#myspace a, #fotolog a, #youtube a, #facebook a { background: url(images/social.png);}

#fotolog a { background-position:0 -30px;}
#youtube a { background-position:0 -60px;}
#facebook a { background-position:0 -90px;}


.leyenda{margin:10px 0; text-align:center; font-style:italic;}	

.box{ min-height: 150px; height: auto !important; height: 150px; padding:5px;}
.box img{ float:left; }
.box p{ margin-left:160px;}
.box h3 {  margin-left:160px;}

.centrar-div{margin:10px 0;text-align:center;}

.pop{text-align:center; display:block; margin:0 3px 10px 3px;}

hr {border: none 0; border-top: 1px dotted #999; width: 100%; height: 1px;}