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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}





/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a:hover{ text-decoration:underline}

a { color:#fff}

#all{ position:relative}

body { background-color:#000; font-family:Arial, Helvetica, sans-serif; }

#header{ width:990px; margin:0 auto; height:110px; position:relative; z-index:30}

#logo { float:left; margin-top:5px;}

#slogan{ float:right; padding-top:10px; width:280px; text-align:right; color:#484848; font-size:12px; }

#slogan p{ margin:10px 0; line-height:130%}

#contents{ width:990px; margin:10px auto; padding-top:10px;}

#column_1{ float:left; width:480px}

#column_2{ float:right; width:480px}

.box{ background-image:url(../images/bg-box.png); width:440px; background-repeat:no-repeat; background-position:top center; padding:25px 20px; margin:10px 0; clear:both} 



/*#unete{ height:80px; background-image:url(../images/box3.png)}*/

#unete{ height:80px; background-image:url(../images/box3.png); margin-bottom:156px;}

/* ------------------- eliminar equipo UP de la pagina de inicio ------------------------- */



#instafeed{
    margin-top: 44px;
}

#instafeed a {
    height: 115px;
    overflow: hidden;
    margin: 0px 6px;
    float: left;
    width: 22%;
}

#instafeed a img {
    height: 100%;
}

.mas-up-news a{  font-size:12px; text-decoration:none; text-transform:uppercase; color:#ccc }

.mas-up-news{ padding-bottom:5px; border-bottom:1px solid #ccc; width:430px; margin:0 auto; clear:both}

.listado .imagen { float:left; width:215px;}

.listado .info { float:left; width:230px}

.listado li {  padding-top:10px; border-bottom:1px solid #404040; margin-top:10px; height:150px; width:48%; float:left; margin-right:10px}



.listado h2 { font-size:16px; margin-bottom:10px }

.listado .ver-mas{ text-align:left; margin-top:10px}

.listado h2 a { text-decoration:none; color:#ff6500}



#gente_up h2 a { text-decoration:none}

.genteups li {  padding-top:10px; border-bottom:1px solid #404040; margin-top:10px; height:120px; width:48%; float:left; margin-right:10px; line-height:150%}

.genteups li h3{ font-size:16px; color:#ff6500; margin-bottom:10px}

.genteups li p{ font-style:italic; font-size:14px}

.genteups .imagen { float:left; width:150px;}

#redes{ z-index:1; position:absolute; text-align:center; width:100%}

#redes ul{ width:990px; margin:100px auto 0 }

#redes li{ float:right; display:block; width:244px; height:74px; clear:both; margin-top:5px}

#redes li a { display:block}

#slider{ margin:0 auto; width:100%; height:334px; text-align:center; z-index:0; overflow:hidden; height: 320px;}

#slider img { width:100%; height:335px; background-repeat:no-repeat; background-position:center top }



#menu { position:relative; z-index:20;  

background-image:url(../images/bg_trans.png); 

height:50px; border-top:1px solid black;}

#menu li ul{ position:absolute; background-image:url(../images/bg_trans.png);  margin-left:10px; display:none; width:150px; 

-moz-box-shadow: 0px 4px 5px #666;

-webkit-box-shadow:  0px 4px 5px #666;

box-shadow: 0px 4px 5px #666;

}

#menu li:hover > ul { display:block}

#menu li ul li{ display:block; float:none}

#menu-wrapper{  width:990px; margin:12px auto 0;  height:30px;  }

#menu ul{ float:left;}

#menu li{ float:left}

#menu li a { color:#fff; text-decoration:none; text-transform:uppercase; display:block; padding:7px 11px 15px; font-size: 14px}

#up_news ul{ margin-top:15px}

#up_en_vivo{ font-size:12px; }

#up_en_vivo p { line-height:120%}

#up_news a { text-decoration:none}

#button_2{ float:left; margin-right:10px}

#up_en_vivo h2 { float:right; width:200px; margin-bottom:10px}

.up-vivo-item{ padding:25px 20px; width:450px}

#up_en_vivo{ padding:0; height:200px; width:490px}



#caption_2{ color:#FFF; float:right; width:200px}

#caption_3{ color:#747474; float:right;  width:200px; margin:4px 0}



.box h2{ text-transform:uppercase; color:#ff6500; font-size:20px; font-weight:normal}

#up_news li { margin:5px 6px; height:180px;list-style:none; float:left; width:47%; text-align:left; font-size:12px; color:#CCC;}

#up_news li p { margin:5px 0 5px; line-height:120%}





#news_home li { margin:5px 6px; height:180px;list-style:none; float:left; width:47%; text-align:left; font-size:12px; color:#CCC;}

#news_home li p { margin:5px 0 5px; line-height:120%}

.mod_noticias{ margin-top:15px}



 .ver-mas{ font-size:11px;  text-align:right}

 .ver-mas a {color:#666; text-transform:uppercase; text-decoration:none }

#gente_up{ height:86px}

#gente_up ul{ margin:20px 0 0; width:450px}

#gente_up li{ float:left; width:100%; text-align:left}

#button_1{float:right}

#caption_1{font-size:12px; line-height:130%; color:#fff; margin:10px 0; width:250px; float:left}

#contenido_1{ padding:0 30px; float:left; width:550px; min-height:200px; width:930px !important}

#contenido_2{ float:right; width:230px}

.small_box{ background-image:url(../images/smallbox.png); width:189px; min-height:80px; background-repeat:no-repeat; padding:15px 20px; margin-bottom:20px}

.small_box #caption_1{ width:200px}

.small_box #button_1{ float:none; text-align:center}

.small_box h2{ text-transform:uppercase; margin-bottom:10px; font-size:16px}

#contenido_1 h1 a { text-decoration:none}

.persona_item  { width:400px}

.persona_item .imagen { float:left; width:140px}

.persona_item .frase { float:left; margin-left:10px; width:270px; color:#fff}

.persona_item .frase h3{ margin-bottom:10px; font-size:16px;}

.persona_item .frase p{ font-style:italic;font-size:14px; line-height:130%}



.nav li { float:left; width:50%; text-align:center}

.nav .der{ text-align:right; width:25%}

.nav .izq{ text-align:left; width:25%}

.nav{ height:20px; text-align: center;}



.nb{ border:none !important}

#productos li { width:265px; text-align:center; float:left; height:230px; border-right:1px solid #404040; margin-right:35px; margin-bottom:30px}

#productos li div { text-align:left; width:230px;  }

#productos .producto span{ float:right; color:#fff; font-weight:normal}

#productos .producto{ font-size:12px; color:#fff; line-height:130%}

#productos .producto .imagen{ margin:5px 0 }

#productos .producto h2{ font-size:14px; color:#ff6500; text-transform:uppercase; font-weight:normal}





#upvivofotos li { width:400px; text-align:center; float:left; height:230px; border-right:1px solid #404040; margin-right:60px; margin-bottom:30px}

#upvivofotos li div { text-align:left; width:400px;  }

#upvivofotos .producto span{ float:right; color:#fff; font-weight:normal}

#upvivofotos .producto{ font-size:12px; color:#fff; line-height:130%}

#upvivofotos .producto .imagen{ margin:15px 0 }

#upvivofotos .producto h2{ font-size:14px; color:#ff6500; text-transform:uppercase; font-weight:normal}







#contenido_1 h1{ text-transform:uppercase; color:#ff6500; font-size:20px; font-weight:normal}

#contenido_1 .contenido{ color:#ccc; margin:20px 0; font-size:12px; line-height:130%}

#contenido_1 .contenido .image{ float:left; margin:10px 20px 10px 0}

.clear{ clear:both}

#banner{ width:960px; margin:20px auto; padding:15px; background-color:#0d0d0d; font-size:12px; text-align:right; color:#666; clear:both}

#social{ width:990px; clear:both; text-align:left;  margin:0 auto; height:40px}

#social li { float:right; margin-right:10px}

#footer { width:945px;  margin:0 auto; text-align:center;  color:#4c4c4c; font-size:11px; padding-right:45px

; background-repeat:no-repeat; background-position: 100% 3px; clear:both; }

#footer a { color:#5c5c5c; text-decoration:none }

#footer a:hover{ text-decoration:underline}

#footer p{line-height:130%;}



.categoria h2 { font-size:14px; text-transform:uppercase; margin:10px 0; background-color:#161616; padding:10px}

.categoria li { margin:10px 0; border-bottom:1px solid #666; list-style:none; padding-bottom:10px}

.categoria li p { margin:5px 0}

.categoria li .imagen { background-color:#161616; padding:4px; width:165px; float:left}

.categoria li .no-imagen { background-color:transparent; padding:4px; width:165px; float:left}

.categoria li  .info{ float:left; margin-left:20px; width:550px}

.categoria li a.horario{background-color:#161616; padding:10px; margin:10px 0; display:block; font-size:12px; text-transform:uppercase; text-decoration:none; width:90px}

.categoria li a.horario:hover  { background-color:#404040}



.tabla_horario{ color:#fff; width:100%; border-collapse:collapse}

.tabla_horario th, .tabla_horario td{ background-color:#1a1a1a; border:4px solid #000; padding:5px; color:#666; font-weight:normal; width: 100px}

.tabla_horario td{ padding:2px}

.actividad { font-size:11px; margin:1px 0; border:1px solid #fff; padding:4px}





/*.actividad p span{ float:right}*/

.actividad p span{ float: left;}





.actividad p a span{ float:none; position:absolute; display:none}

.actividad p a{ position:relative; text-decoration:none }

.actividad p a:hover span{ display:block; background-color:#252525; border:1px solid #e5e5e5; top:-100px; width:200px; color:#999; padding:10px; font-size:11px}



.tabla_horario .center { text-align:center; width:50px !important}









.nav-horario { background-color:#1a1a1a; padding:10px; width:902px; height:16px; margin:10px 0; margin-left:4px}

.nav-horario li  { float:left; margin:0 8px; position:relative;font-weight:bold; font-size:14px }

.nav-horario li ul{ display:none; position:absolute; z-index: 100;background-color:#1a1a1a;}

.nav-horario li:hover > ul{ display:block}

.nav-horario li ul li { display:block; float:none; font-weight:normal; padding:5px 0; font-size:12px  }

.nav-horario li a { text-transform:uppercase; text-decoration:none; }

#galeria { padding:10px; background-color:#333; margin:20px 0; clear:both}

#galeria li{ float:left; margin:11px }



a.print { display:block; float:right; background-image:url(../images/print.gif); padding-left:15px; background-position:center left; text-decoration:none; font-size:12px; background-repeat:no-repeat;  }





a.tbc { display:block; float:right;  padding-right:80px; background-position:center left;  }

a.cycling { display:block; float:right;  padding-right:30px; background-position:center left;  }

a.actividades { display:block; float:right;  padding-right:30px; background-position:center left;  }

h1 {
    color: white;
    font-weight: normal;
    font-size: 12px;
    padding-top: 10px;
}

.title_promo {
    font-family: "Century Gothic", Helvetica;
    font-weight: 400;
    color: #cc5304;
}