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

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #eee;
	background: #000;
}

audio{
	width: 215px
}

a,a:visited
{
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	-webkit-transition:color 0.9s;
 	outline:0;
	border:0;
}

a:hover
{
	color:#ff0;

}

img{border:0}

ul
{
margin:0px;
padding:0px;
}

h1, h2, h3
{
	padding:0px;
	margin:0px;
}

h2
{
	text-align:left;
	margin-left:7px;
	font-size:21px;
	color: #b00;
	margin-bottom:6px;
}

td{vertical-align:top}


#header
{
width:965px;
margin-bottom:7px;
margin-top:20px;


position: relative;
}


.MenuNuevo {background:url(menu.gif); display:block;height:33px }
.MenuNuevo ul{padding-left:40px !important;display:block;height:35px}
.MenuNuevo ul li{margin-right:20px !important}
.MenuNuevo ul ul li{margin-right:0px;padding-top:8px;margin-left:15px !important}
.MenuNuevo ul a{font-size:15px;padding-right:5px !important;
                text-shadow:0 1px 0px #900;}
.MenuNuevo ul ul a{font-size:13px}

.MenuNuevo ul ul{padding:0 !important}


.mensaje{font-size:13px}
.mensaje{display:block;margin-top:5px;padding:15px;border-bottom:1px solid #500}



#container
{
width:965px;
margin:0px auto 0px auto;
box-shadow:0 0 15px #b00;
}

#main
{
display:table;
width:100%;

padding-top:0px;
padding-bottom:7px;

}

.maincol a
{color:#b00}
.maincol a:hover
{color:#ddd}







.row{display:table;width:100%;}

.leftcol
{
display:table-cell;width:200px;
margin-left:7px;

}

.leftcol *
{
    border-radius: 0 5px 5px 0 !important
}
.rightcol  *
{
    border-radius:  5px 0 0 5px !important
}
.rightcol
{
	width:200px;
	display:table-cell;
}
.maincol
{
width:546px;	display:table-cell;padding:15px
	
}
.maincol img{max-width:520px}


.leftcol ul, .rightcol ul
{
list-style:none;
	
}

.leftcol  li, .rightcol li
{
    background:url(menuoff.gif) repeat-x;
    text-align:center;
    height:25px;
    line-height:20px;padding:0;
    -webkit-transition:opacity 0.3s;
    opacity:0.8;
}
.leftcol  li:hover, .rightcol li:hover
{opacity:1 !important}

.leftcol  li a, .rightcol li a
{display:block}

.leftcol   img, .rightcol  img
{max-width:200px}
.leftcol, .maincol, .rightcol
{

	vertical-align:top;
padding-bottom:5px;	
padding-top:0px;
}





.galthumb img{width:150px;border-radius:5px;border:1px solid #300}

.galdesc{padding:30px 1px 0 15px;border-radius:5px;border:1px solid #b00}
.galdesc a{color:#fff}
.galdesc a:hover{color:#bb0}



#footer
{
font-size:12px;
width:inherit;	
text-align:center;
margin:0 auto 0 auto;
	
	
}

.sponsors a{
    
    margin-top:4px !important;display:inline-block;
   
}
.sponsors img { border-radius:5px}

.contact{width:300px;margin:0 auto}
.contact input,.contact textarea{padding:8px;border-radius:5px;border:0;background:#000;border:1px solid #300;color:#999}

.contact input:focus,.contact textarea:focus {outline:0;box-shadow:0 0 15px #f00;}
.contact i{background:#FFDDDD;border:1px solid #FF9999;border-radius:5px;color:#666;display:block;width:300px;margin:0 auto;padding:15px;text-align:center}
.contact input[type=submit]{background:#900;width:100px;cursor:pointer;font-weight:bold;font-size:16px;margin-left:170px}
.contact input[type=submit]:hover{background:#000;box-shadow:0 0 15px #f00;color:#ddd}
.contact span{width:100px;display:inline-block}
.contact textarea{width:255px;height:100px}

.yt{display:block;border:3px solid #300;position:relative;border-radius:10px;height:120px;float:left;width:150px;overflow:hidden;margin:10px }
.yt i{background:#000;position:absolute;bottom:0;padding:4px;width:100%;text-align:center;opacity:0.8}
.yt img{border-radius:15px;height:150%;margin-top:-22px;margin-left:-35px;}


.links{width:100%;border-radius:5px;border:1px solid #b00;}