/*** 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, th {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body{background:#000 url(img/bg.jpg) repeat-x; color:#fff; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif}

/* Links */
a:link, a:active, a:visited{color:#fff; text-decoration:none}
a:hover{color:#fff; text-decoration:none}
input:focus, textarea:focus, select:focus { outline:thin; border-color:#fff !important; }

/* Layout */
h2{color:#fff; font-family: Helvetica, Arial; font-size:28px; font-weight:normal; line-height:30px; margin:0px 0px 10px 0px; padding:0px; text-shadow: 1px 1px #000;}
h3{color:#F30; font-family: Helvetica, Arial; font-size:13px; font-weight:normal; line-height:18px; margin:0px; padding:0px; text-shadow: 1px 1px #000;}
h4{color:#ccc; font-family: Helvetica, Arial; font-size:15px; font-weight:normal; line-height:20px; margin:0px 0px 20px 0px; padding:0px; text-shadow: 1px 1px #000;}
h5{color:#ccc; font-family: Helvetica, Arial; font-size:18px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; text-shadow: 1px 1px #000;}
p{color:#999; font-family:Arial; font-size:12px; line-height:19px; font-weight:normal; margin:0px; padding:0px}
p.clr, .clr { clear:both; padding:0; margin:0;}
ul, li {list-style:none}
strong {color:#FFF}

/* Form */
form { margin:0px; padding:0px}
/* Estilos del formulario */
form.contacto {
    margin: 0;
    width: 300px;
	border:0;
}
form.contacto fieldset > div {
    clear: both;
    margin-bottom: 0;
    overflow: hidden;
	font-size:11px;
	width:300px;
	border:0px;
}
form.contacto input[type="text"], form.contacto textarea {
    background: #333;
    border: 1px solid #000;
    color: #fff;
    display: block;
    float: left;
    padding: 5px;
	margin-bottom:3px;
    resize: none;
    width: 288px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	font-size:11px;
	color:#FFF:
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
form.contacto .ultimo{
    margin-bottom: 0;
    position: relative;
	min-height:28px
}
form.contacto button {
	text-decoration:none; color: #fff; background:#000; border:1px solid #000; padding:5px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; text-transform:uppercase; font-size:10px; -webkit-transition: all 0.2s linear;	-moz-transition: all 0.2s linear; font-size:10px; float:right}
form.contacto button:hover{
	background: #333;
}

/* AJAX Gif y mensajes de exito o fracaso */
.hide{
	display: none;
}
.ajaxgif{
	position: absolute;
    right: 150px;
    top: 5px;
}
.msg{
    color: white;
	font-size:10px;
	text-transform:uppercase;
    height: 28px;
    padding: 0 10px;
    position: absolute;
	right: -155px;
	min-width: 150px;
}
.msg_ok{
	background: #589D05; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 	min-width: 210px; height:18px; padding-top:5px; margin-top:1px
}
.msg_error{
	background: red; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; 	min-width: 210px; height:18px; padding-top:5px; margin-top:1px
}

/* Estructura */
.main {margin:0 auto; width:960px}
.body1 {color:#fff; padding:30px 0px 10px 0px; }
.body2 {padding:20px 0px 20px 0px; color:#fff}
.body3 {padding:30px 0px; background:#111; color:#ccc; border-bottom:1px solid #222;}
.body4 {padding:20px 0px; background:#212121; border-bottom:1px solid #333; border-top:1px solid #111;}
.body5 {padding:10px 0px; background:#000; }
.corte {clear: both; height: 1px;}

/* Header */
#header{float:left; width:100%; }
#logo{width:300px; float:left}

/* Menu redes */
#menu_redes{float:right; width:340px; text-align:right; padding-top:5px}
.img-list {	margin:0px;}
.img-list li {float:right; margin-left:6px;}
.img-list .icon1 {background: url(img/icon.png) no-repeat 0% 0% transparent; display: block; height: 37px;	width: 37px;}
.img-list .icon1:hover {background: url(img/icon.png) no-repeat 0% -47px transparent;}
.img-list li .icon2 {background: url(img/icon.png) no-repeat -45px 0% transparent; display: block; height: 37px; width: 37px;}
.img-list .icon2:hover { background: url(img/icon.png) no-repeat -45px -47px transparent;}
.img-list li .icon3 {background: url(img/icon.png) no-repeat -91px 0% transparent; display: block; height: 37px; width: 37px;}
.img-list .icon3:hover {background: url(img/icon.png) no-repeat -91px -47px transparent;}
.img-list li .icon4 { background: url(img/icon.png) no-repeat -138px 0% transparent; display: block; height: 37px; width: 37px;}
.img-list .icon4:hover { background: url(img/icon.png) no-repeat -138px -47px transparent;}

/* Reproductor */
#reproductor {float:left; width:480px; height:295px; border:5px solid #000; box-shadow: 0px 0px 30px #000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline}
#speech {float:right; width:440px; min-height:295px; display:inline }
#logo_organizador {float:left; width:440px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #666; display:inline}
#texto_organizador {float:left; width:440px; display:inline}

/* Sponsors */
ul#sponsors {margin: 0; overflow: hidden; padding: 20px 0 0 0; opacity: 0.50;}
#sponsors li {display:inline; float:left; height: 50px; margin:0 70px 0 0; width: auto;}
#sponsors li:nth-child(3) {	margin-top:5px;}
#sponsors li:last-child {margin:0;}

/* Pre-Footer */
.col300{width:300px}
.col600{width:600px}

/* Footer */
#logo_footer{width:450px; float:left; font-family:Tahoma, Arial; font-size:11px; color:#666; margin-top:10px}
#fuxion_footer{width:250px;  float:right; text-align:right}

/* Contenedor */
.contenedor {float:left; width:960px}