/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font:14px "Myriad Pro", Verdana, sans-serif; line-height: 17px;
background-color: #ffffff; background-image: url(../csn-img/csn-fondo.png); cursor : url(../csn-img/mic1.cur);
/* cursor : url("find.cur") */
 }
#hrighttop {text-align:center; color: #444444; margin:5px auto; width:870px; clear: both;}
#wrapper { margin:1px auto; width:900px; padding:0; background:#ffffff; min-height:550px;
border: 1px solid #00ce45;
border-radius: 10px 10px 10px 10px;
	-ms-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;

	}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#00ce45; text-decoration: underline;background:none; }
a:hover { color:#009933; background:none; text-decoration:underline; }
p { margin:0;padding-top:2px;text-align:justify;}
h1 {
  font-size:24px;
  font-weight:bold;
  padding:0px 0 4px 0px;
  margin: 0 0 2px 0;
  color:#7eb742;
  text-align:center;
  text-shadow: 1px 1px 1px #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

h2 { font-weight:bold; font-size:16px; padding:4px 0 4px 0px; margin: 2px 0 2px 0; color:#7eb742; background:none; border-bottom: 2px dotted #00ce45; }
h3 { font-weight:bold; font-size:14px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#7eb742; background:none; text-align:center;}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

.header { text-align:center;}

.header_left{
    float: left;
    padding: 10px;
}
.header_right{
    float: right;
    padding: 35px 10px 10px 10px;
}
.header_center{
    padding: 35px 10px 10px 10px;
   display:inline-block
}


#title {float:left; width:280px; padding: 20px 0 10px 20px;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444444;}
#hright {float:right; width:580px; height: 60px; margin:15px 15px 0 0;}

#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}


/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:320px; margin:30px 10px 10px 0; text-align:center;}

#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}
#bottomcontent{width:898px; height:300px;border-right:1px solid #ffffff;border-left:1px solid #ffffff;}
#bottomcontentbtm{width:900px;height:40px;padding-top:40px;}
.left {float: right; width: 270px; margin: 0 6px 5px 0; padding:10px; color:#333333; line-height: 20px;}
.left_por {text-align:left; width:860px;font-size:13px;height:auto;padding:35px 5px 15px 20px; margin-top:80px;color:#666666}
.middle {float: right;width: 270px;  margin: 0 6px 5px 0; padding:10px; color:#333333; line-height: 20px;}
.right {float: right;width: 270px; margin: 0 6px 5px 0; padding:10px; color:#333333; line-height: 20px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #00ce45;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#like { clear: both; text-align:center; color: #444444;  padding: 4px 0;
margin:10px 0 0 0;}

#footer { clear: both; text-align:center; line-height: 1.8em; color:#00ce45; padding: 4px 0;
margin:5px 0 0 0;}


#cuerpo{
   margin: 20px 0px 10px 0px;
}
#lateral{
   width: 300px;
   height:241px;
   float:left;
   margin-left:285px;
   padding:15px;
   border:1px solid #94A3C4;

}
#principal{
   margin-left: 200px;
   padding: 0px 4px 4px 4px;
}


/* roll hover */
.facebook a {
   background:#ffffff url(../ba-img/bunker-audio-facebook-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   display: inline-block;
   width: 20px;
   height:20px;
   text-align:center;
   margin:0;
   white-space:nowrap;
   margin-left:100px;
}

.facebook a:hover {
   background-image: url(../ba-img/bunker-audio-facebook.png);
   color: #67A1D6;
   white-space:nowrap;
}



.twitter a {
   background:#ffffff url(../ba-img/bunker-audio-twitter-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   display: inline-block;
   width: 20px;
   height:20px;
   text-align:center;
   margin:0;
   white-space:nowrap;
   margin-left:125px;
}

.twitter a:hover {
   background-image: url(../ba-img/bunker-audio-twitter.png);
   color: #67A1D6;
   white-space:nowrap;
}

.youtube a {
   background:#ffffff url(../ba-img/bunker-audio-youtube-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   display: inline-block;
   width: 20px;
   height:20px;
   text-align:center;
   margin:0;
   white-space:nowrap;
   margin-left:125px;
}

.youtube a:hover {
   background-image: url(../ba-img/bunker-audio-youtube.png);
   color: #67A1D6;
   white-space:nowrap;
}


.redes a {
   background:#ffffff url(../ba-img/bunker-audio-redes-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   display: inline;
   width: 20px;
   height:20px;
   text-align:center;
   margin:0;
   white-space:nowrap;
   margin-left:75px;

}

.redes a:hover {
   background-image: url(../ba-img/bunker-audio-redes.png);
   color: #67A1D6;
   white-space:nowrap;
}


.suscripcion a {
   background:#eeeeee url(../ba-img/bunker-audio-rss-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   text-align:left;
   white-space:nowrap;
   outline:0;

}

.suscripcion a:hover {
   background-image: url(../ba-img/bunker-audio-rss.png);
   color: #67A1D6;
   white-space:nowrap;
}


.linkedin a {
   background:#eeeeee url(../ba-img/bunker-audio-linkedin-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   text-align:left;
   white-space:nowrap;
   outline:0;

}

.linkedin a:hover {
   background-image: url(../ba-img/bunker-audio-linkedin.png);
   color: #67A1D6;
   white-space:nowrap;
}

.blogger a {
   background:#eeeeee url(../ba-img/bunker-audio-blogger-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   text-align:left;
   white-space:nowrap;
   outline:0;

}

.blogger a:hover {
   background-image: url(../ba-img/bunker-audio-blogger.png);
   color: #67A1D6;
   white-space:nowrap;
}


.foursquare a {
   background:#eeeeee url(../ba-img/bunker-audio-foursquare-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   text-align:left;
   white-space:nowrap;
   outline:0;

}

.foursquare a:hover {
   background-image: url(../ba-img/bunker-audio-foursquare.png);
   color: #67A1D6;
   white-space:nowrap;
}

.google a {
   background:#eeeeee url(../ba-img/bunker-audio-google-off.png) no-repeat top left;
   color: #666666;
   text-decoration: none;
   text-align:left;
   white-space:nowrap;
   outline:0;

}

.google a:hover {
   background-image: url(../ba-img/bunker-audio-google.png);
   color: #67A1D6;
   white-space:nowrap;
}



/* fin roll hover */



/* SLIDE SHOW */
#container {
	width:860px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	z-index:1;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:860px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:860px;
	height:270px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-2px;
	width:24px;
	height:43px;
	display:block;
	z-index:5;
}

#slides .next {
	left:838px;
}

/*
	Pagination
*/

.pagination {
	margin:16px auto 0;
	width:180px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:15px;
	height:0;
	padding-top:20px;
	background-image:url(../ba-img/pagination.gif);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -20px;
}

/*
	Caption
*/

.caption {
	z-index:1;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#333333;
	background:rgba(0,0,0,.5);
	width:860px;
	font-size:13px;
	line-height:1.33;
	color:#ffffff;
	border-top:1px solid #333333;
	text-shadow:none;
}

/* FIN SLIDE SHOW */



/* MENU 2013*/

#nav {
 border-bottom: none;
 z-index: 2;
 text-align: left;
}
.menu_on {
font-weight:bold;
 z-index: 2;
}

#nav li a, #nav li {
 float: left;
 outline:0;
 z-index: 2;

}

#nav li {
 list-style: none;
 position: relative;
 z-index: 2;

}

#nav li a {
 padding: 5px;
 text-decoration: none;
 color: #444444;
 _color: #444444;  /* for IE6 */
 background: #ffffff;
 border: solid 1px #ffffff;
 font-size:16px;
 outline:0;
 z-index: 2;
}

#nav li a:hover {
    background: -moz-linear-gradient(#ffffff,#009933);
    background: -webkit-linear-gradient(#ffffff,#009933);
    background: -o-linear-gradient(#ffffff,#009933);
    background: -ms-linear-gradient(#ffffff,#009933);
    background: linear-gradient(#ffffff,#009933);
	outline:0;
	color:#fff;
	z-index: 2;
	background-color:#009933\9 /* Sin punto y coma!! */	;
	color: #444444\9   /* Sin punto y coma!! */	;
}

.lin {
 padding: 5px;
 text-decoration: none;
 color: #444444;
 background: #ffffff;
 border: solid 1px #ffffff;
 font-size:12px;
 outline:0;
}

/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	background: black;
	right : 0;
	bottom: 0;
	z-index: 2;
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 z-index: 2;
}

#nav li:hover > ul {
 display: block;
 z-index: 2;
}

#nav li ul li, #nav li ul li a {
 float: none;
 z-index: 2;

}

#nav li ul li {
 _display: inline; /* for IE6 */
 z-index: 2;
}

#nav li ul li a {
 width: 180px;
 display: block;
 outline:0;
 z-index: 2;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
 margin-left:0px;
 z-index: 2;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
 z-index: 2;
}

#nav li ul
/* Fin Menu */

/* Inicio Tooltips */
p#vtip {
display: none;
position: absolute;
padding: 3px;
left: 5px;
font-size: 14px;
color:#ffffff;
background-color: #009900;
border: 1px solid #ffffff;
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px; */
z-index: 3; }
p#vtip #vtipArrow {
position: absolute;
top: -10px;
left: 5px; }

/* Fin Tool Tips*/

/* Tablas */



		.highlight			{ background:#ffffff;color:#FFFFFF;font-weight:bold; }
		.list-table th		{ padding:5px; background:#7eb742; border-bottom:1px solid #ffffff;  font-weight:bold; }
		.list-table td		{ padding:5px; border-bottom:1px solid #dddddd; }
		.list-table  {		border: solid 1px #ffffff;}


/* Fin Tablas */



/* Testimonios scroll*/

.marqueecontainer{
position: relative;
width: 270px; /*marquee width */
height: 440px; /*marquee height */
overflow: hidden;
background-color: white;
padding: 2px;
padding-left: 4px;
}

.marqueecontainer2{
position: relative;
width: 270px; /*marquee width */
height: 150px; /*marquee height */
overflow: hidden;
background-color: white;
padding: 2px;
padding-left: 4px;
}


.tes_fot img{
height: 60px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.tes_con {
text-align: left;
width: 250px;
margin: auto;
}
/* Fin Testimonios */

/* Cpanel */
.div_sel {
color:#666666;
font-size:12px;
}
.edit_sel {
background-color:#F6F9FC;
color:#666666;
font-size:12px;
width:200px;
}

.edit_sel_foco {
background-color:#00ce45;
color:#ffffff;
font-size:12px;
width:200px;
}

.edit_sel1 {
background-color:#F6F9FC;
color:#666666;
font-size:12px;
width:40px;
}

.edit_sel_foco1 {
background-color:#00ce45;
color:#ffffff;
font-size:12px;
width:40px;
}

/* Fin Cpanel */



/* Formularios */

.consu{
background-color:#F6F9FC;
color:#666666;
font-size:12px;
visibility:visible;
}
.consu_inv{
background-color:#F6F9FC;
color:#666666;
font-size:12px;
visibility:hidden;
}
.foco_consu{
background-color:#00ce45;
color:#ffffff;
font-size:12px;
}

.butt
{
border: 1px solid #99CCFF;
background: #00ce45;
color: #ffffff;
text-transform: uppercase;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
width: 156px;
font-size: 14px;
font-weight: bold;
padding: 8px 0;
text-align: center;
display: block;
cursor:pointer;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;


text-shadow: 1px 1px 1px #666;
-moz-box-shadow: 0 1px 3px #99CCFF;
-webkit-box-shadow: 0 1px 3px #99CCFF;
box-shadow: 0 1px 3px #99CCFF;
}

/* Fin Formularios */

/* Pagos*/
.pay_butt{
border: 1px solid #009900;
background: #00ce45;
color: #ffffff;
text-transform: uppercase;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
width: 70px;
size: 9px;
font-size:10px;
padding: 10px;
text-align: center;
display: block;
cursor:pointer;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;


text-shadow: 1px 1px 1px #666;
-moz-box-shadow: 0 1px 3px #99CCFF;
-webkit-box-shadow: 0 1px 3px #99CCFF;
box-shadow: 0 1px 3px #99CCFF;
}
/*  FinPagos*/


/*  Cursos de Sonido Profesional*/
.son_con {
text-align: justify;
width: 840px;
margin: auto;
}
.cur_fot img{
height:100px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
/*  Fin Cursos de Sonido Profesional*/

/*  Testimonios pagina*/
.tes_pag_con {
text-align: justify;
width: 840px;
margin: auto;
}
.tes_pag_fot img{
height:60px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/*  Fin Testimonios*/


/*  Becas*/
.bec_con {
text-align: justify;
width: 840px;
margin: auto;
}
.bec_fot img{
height:112px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/*  Fin Becas*/


/*  Promos*/
.pro_con {
text-align: justify;
width: 840px;
margin: auto;
}
.pro_fot img{
height:110px;
float:left;
margin:10px 100% 110px 220px;
margin-top:5px;
margin-bottom:10px;
display:block;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
/*  Fin Promos*/

/*  Horarios*/
.hor_con {
text-align: justify;
width: 840px;
margin: auto;


}
.hor_fot img{
width:200px;
height:133px;
float:left;
margin-right:10px;
margin-left:10px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.hor_cont{
   margin-left: 220px;
    padding: 10 10 4 4px;
    width: 630px;
	line-height:20px;
}

/*  FIN Horarios*/



/*  Mini Horarios*/
.hor_min_con {
text-align: justify;
width: 840px;
margin: auto;


}
.hor_min_fot img{
width:195px;
height:130px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.hor_min_cont{
   margin-left: 215px;
    padding: 10 4 4 4px;
    width: 630px;
	line-height:20px;
}

/*  FIN Horarios*/

/*  portal*/
.por_sec {
float:left;height:250px;width:860px;padding:20px;
}
.por_tit {
color:#color:#6699FF; font-weight:bold;text-align:justify;font-size:13px;
}
.por_parr {
height:50px; padding-bottom:10px;padding-right:10px;text-align:justify;font-size:12px;color:#666666;
}

.por_piso {
color:#00ce45;font-weight:bold;text-align:justify;font-size:10px;
}

.por_con {
text-align: justify;
width: 840px;
margin: auto;

color: #666666; padding:5px;  width : auto; height : 200px; overflow : auto;border-bottom: 2px dotted #67A1D6;

}
.por_fot img{
height:112px;
float:left;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

}

/*  Fin portal*/


/*  secciones*/
.sec_sec {
height:auto;width:860px;padding:0px 20px 20px 20px;
}
.sec_tit {
color:#6699FF; font-weight:bold;text-align:justify;font-size:16px;
}

.sec_parr {
padding-bottom:10px;padding-right:10px;text-align:justify;font-size:12px;color:#666666;
}
.sec_piso {
color:#00ce45;text-align:justify;font-size:10px;
}

.sec_con {
text-align: justify;
width: 840px;
margin: auto;
color: #666666;
padding:5px;
font-size:14px;
height : auto;
border-bottom: 2px dotted #009900;
}


.sec_fot img{
height:112px;
margin:10px 10px 1px 10px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #00ce45;
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

}


/*  Fin portal*/



#pasos{
width: 850px;
}

#paso1{
width: 450px;  /*Este ser� el ancho que tendr� tu columna*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
text-align: right;

}

#paso2{
float:left;
margin-left:10px;
width:380px;
margin-bottom:20px;
}


select#curso option
{
    background-repeat: no-repeat;
	height:20px;
	margin:2px;
	color:#666666;
}

option#ing
{
    background-image: url(../ba-img/mini-ing.gif);
}
option#ingm1
{
    background-image: url(../ba-img/mini-ing.gif);
}

option#ingm2
{
    background-image: url(../ba-img/mini-ing.gif);
}
option#ingm3
{
    background-image: url(../ba-img/mini-ing.gif);
}
option#ingm4
{
    background-image: url(../ba-img/mini-ing.gif);
}

option#ptp1
{
    background-image: url(../ba-img/mini-post-st.gif);
}

option#son
{
    background-image: url(../ba-img/mini-sonido.png);
}

option#mixstd
{
    background-image: url(../ba-img/mini-mixstd.gif);
}

option#mixliv
{
    background-image: url(../ba-img/mini-mixliv.gif);
}

option#mixbro
{
    background-image: url(../ba-img/mini-mixbro.gif);
}

option#pt
{
    background-image: url(../ba-img/mini-pt.png);
}

option#al
{
    background-image: url(../ba-img/mini-live.png);
}

option#res
{
    background-image: url(../ba-img/mini-reason.png);
}

option#lp
{
    background-image: url(../ba-img/mini-logic.png);
}

option#tra
{
    background-image: url(../ba-img/mini-traktor.png);
}

option#fm
{
    background-image: url(../ba-img/mini-musica.png);
}

option#fa
{
    background-image: url(../ba-img/mini-audio.gif);
}


option#sin
{
    background-image: url(../ba-img/mini-sin.png);
}


select#medio option
{
    background-repeat: no-repeat;
	height:20px;
	margin:2px;
	color:#666666;
}


option#gg
{
    background-image: url(../ba-img/mini-gg.png);
}

option#fb
{
    background-image: url(../ba-img/mini-fb.png);
}

option#hs
{
    background-image: url(../ba-img/mini-hs.png);
}

option#tar
{
    background-image: url(../ba-img/mini-tar.png);

}

option#redes
{
    background-image: url(../ba-img/mini-redes.png);

}




/* esto es para el color de los botones de talleres */
#lateral li{
   background-color: #CCCCCC;
   padding: 10px;
   font-weight: bold;
           font-weight:bold;
           color:white;
           background:#999999;
           border:0px;
           height:17px;
	border: 1px solid #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00ce45));
	background: -moz-linear-gradient(top,  #ffffff,  #6699FF);

   }
.col_tab {
color:#ffffff;font-size:13px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#00ce45), to(#99CCCC));
background: -moz-linear-gradient(top,  #ffffff,  #99CCCC);
}
.col_reason {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FF9900));
background: -moz-linear-gradient(top,  #ffffff,  #FF9900);
}

.tit_nuevo {
color:#F7931E;
font-size:10px;
text-decoration: blink;
}

.col_live {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00CC00));
background: -moz-linear-gradient(top,  #ffffff,  #00CC00);
}

.col_pt1 {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CC33FF));
background: -moz-linear-gradient(top,  #ffffff,  #CC33FF);
}


.col_ing1 {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#0066CC));
background: -moz-linear-gradient(top,  #ffffff,  #0066CC);
}

.col_fis {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999900));
background: -moz-linear-gradient(top,  #ffffff,  #999900);
}

.col_arq {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#99331A));
background: -moz-linear-gradient(top,  #FF9999,  #99331A);
}


.col_ing2 {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#333399));
background: -moz-linear-gradient(top,  #ffffff,  #333399);
}

.col_pt2 {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#660066));
background: -moz-linear-gradient(top,  #ffffff,  #660066);
}

.col_sin {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#009999));
background: -moz-linear-gradient(top,  #ffffff,  #009999);
}

.col_dj {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FF3333));
background: -moz-linear-gradient(top,  #ffffff,  #FF3333);
}

.col_pt3 {
color:#ffffff;font-size:15px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#663399));
background: -moz-linear-gradient(top,  #ffffff,  #663399);
}

.col_ho {
font-size:13px;color:#ffffff;text-align:justify;background-color:#00ce45;border: thin solid #999999;margin-top:3px;margin-bottom:2px;width:248px; color:#ffffff;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00ce45));
background: -moz-linear-gradient(top,  #ffffff,  #00ce45);
}


.info_hor {
font-size:13px;color:#ffffff;text-align:justify;background-color:#00ce45;border: thin solid #999999;margin-top:3px;margin-bottom:2px;width:268px;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00ce45));
background: -moz-linear-gradient(top,  #ffffff,  #00ce45);
}

.info_hor_foco {
font-size:13px;color:#ffffff;text-align:justify;background-color:#00ce45;border: thin solid #999999;margin-top:3px;margin-bottom:2px;width:268px; color:#ffffff;
text-align:center;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00ce45));
background: -moz-linear-gradient(top,  #ffffff,  #00ce45);
color: #00ce45\9   /* Sin punto y coma!! */	;
}


/* Fin horarios */
/* DB */
.db_centrar_objeto {text-align:center}
.db_bordes_curvos {-webkit-border-radius:10px; -moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);border:0;}
.db_listas {margin-left:20px;}
/* FIN DB */

		/*** FB COUNTER ***/
		.counter {
			height: 19px;
			max-height: 19px;
			max-width: 80px;
			min-width: 20px;
			padding: 0 80px 0 0;
		}


		.counter #fbcount {
			border-top: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
			border-bottom: 1px solid #eeeeee;
			border-left: 0px solid #eeeeee;

			color: #333333;
			font: 11px/11px "lucida grande",tahoma,verdana,arial,sans-serif;
			height: 14px;
			max-width: 20px;
			overflow: hidden;
			padding: 2px 10px 2px 4px ;

			text-align: center;
			display:inline;
			position:absolute;
		}

		/*** FB COUNTER ***/

/*** INICIO FAN BOX TWITTER ***/

.follow_box_widget{overflow: hidden; padding: 5px 10px 0px 10px; background-color: #ffffff transparent; position: relative; margin: 5px 10px 0px 10px; }.follow_box{font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333333; line-height: 1.28; text-align: left; direction: ltr;}.follow_box .follow_top{padding: 5px 10px 0px 5px; margin-bottom: 8px; min-width: 230px; overflow: hidden;}.follow_box .profileimage{float: left; width: 40px; height: 40px; padding: 0px; margin: 0 10px 4px 0;}.follow_box img{border: 0;}.follow_box a{cursor: pointer; color: #3B5998; text-decoration: none;}.follow_box a:hover{text-decoration: underline;}.follow_action{padding: 0 0 0 8px;}.follow_box .follow_action .name{line-height: 15px; font-size: 14px; font-weight: bold;}.follow_box .follow_button{margin: 5px 0 0;}.follow_box .total{min-width: 230px; overflow: hidden; display: block;}.follow_box .connections{padding: 5px 0 0px 0px; border-top: solid 1px #D8DFEA; border-bottom: 1px solid #cccccc; min-height: 150px;}.follow_box .connections .connections_grid{padding-top: 5px; overflow: hidden;}.follow_box .clearfix{zoom: 1;}.follow_box .connections .connections_grid .grid_item{float: left; margin:0px; margin-right: 5px; margin-bottom: 8px; overflow: hidden; width: 50px;}.follow_box .connections .connections_grid .grid_item .name{font-size: 9px; color: gray; overflow: hidden; padding-top: 2px; text-align: center; white-space: nowrap;}.follow_box .connections .connections_grid .grid_item img{width: 44px; height: 44px;}.follow_box .follow_widget_footer{ cursor: default; width: 100%; min-width: 230px; overflow: hidden;}.follow_box .footer_border{ margin-top: 5px;}.follow_box{line-height: 14px;}.follow_box .follow_widget_footer{float: left; margin-right: 5px;}.follow_box .follow_widget_footer {cursor: default; color: #808080; font-size: 9px; float: left;}.follow_box .follow_widget_footer {color: #808080;}.follow_box .titlecase{text-transform:capitalize;}.dark{background: #333333;}.dark a,.dark .total, .dark .connections .connections_grid .grid_item .name, .dark .follow_widget_footer {color: #808080;}.dark .connections{border-bottom: 1px solid #444444;}

/*** FIN INICIO FAN BOX TWITTER ***/

.comillas {
font-size:18px;color:#00ce45;font-family:Geneva, Arial, Helvetica, sans-serif;padding-top:10px;
}
/*** Cambiar cuando se arregle FAN BOX TWITTER ***/
.follow-box-container {display: block; height:250px;}

.admin_lista {

width: 100%;

color: #666666; padding:5px;  height : 200px; overflow : auto;border-bottom: 2px dotted #67A1D6;

}


.inicio_sesion {
	text-align: center;
	font-size: 14px;
	padding: 10px;
	margin: 30px 10px 5px 2px;
	text-decoration: none;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	color:#ffffff;
}
.inicio_sesion {
	background: rgba(126, 183, 66, 1);
	color:#ffffff;
}

.inicio_sesion:hover {
	background: rgba(0, 206, 69, 0.8);
	color:#ffffff;
}


/*  Inicio PACE */

.pace.pace-inactive {
  display: none;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  height: 60px;
  width: 100px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pace .pace-progress {
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;

  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:before {
  content: attr(data-progress-text);
  text-align: center;
  color: #fff;
  background: #999;
  border-radius: 50%;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 1;
  padding: 20% 0 7px;
  width: 50%;
  height: 40%;
  margin: 10px 0 0 30px;
  display: block;
  z-index: 999;
  position: absolute;
}

.pace .pace-activity {
  font-size: 15px;
  line-height: 1;
  z-index: 2000;
  position: absolute;
  height: 60px;
  width: 100px;

  display: block;
  -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
  -moz-animation: pace-theme-center-atom-spin 2s linear infinite;
  -o-animation: pace-theme-center-atom-spin 2s linear infinite;
  animation: pace-theme-center-atom-spin 2s linear infinite;
}

.pace .pace-activity {
  border-radius: 50%;
  border: 5px solid #666;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 100px;
}

.pace .pace-activity:after {
  border-radius: 50%;
  border: 5px solid #666;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}

.pace .pace-activity:before {
  border-radius: 50%;
  border: 5px solid #666;
  content: ' ';
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 60px;
  width: 100px;

  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

@-webkit-keyframes pace-theme-center-atom-spin {
  0%   { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(359deg) }
}
@-moz-keyframes pace-theme-center-atom-spin {
  0%   { -moz-transform: rotate(0deg) }
  100% { -moz-transform: rotate(359deg) }
}
@-o-keyframes pace-theme-center-atom-spin {
  0%   { -o-transform: rotate(0deg) }
  100% { -o-transform: rotate(359deg) }
}
@keyframes pace-theme-center-atom-spin {
  0%   { transform: rotate(0deg) }
  100% { transform: rotate(359deg) }
}
/*  Fin PACE */

/* Modal windows*/
			* {
				margin:0;
				padding:0;
			}

			#overlay {
				position:fixed;
				top:0;
				left:0;
				width:100%;
				height:100%;
				background:#000;
				opacity:0.5;
				filter:alpha(opacity=50);

			}

			#modal {
				position:absolute;
/*				background:url(tint20.png) 0 0 repeat; */
				background:rgba(0,0,0,0.2);
				border-radius:14px;
				padding:8px;
			}

			#content {
				border-radius:8px;
				background:#fff;
				padding:20px;
				width:300px;
			}

			#close {
				position:absolute;
				background:url('../app-img/cerrar.png') 0 0 no-repeat;
				width:44px;
				height:47px;
				display:block;
				text-indent:-9999px;
				top:-7px;
				right:-7px;
				outline:0;
			}

/* Fin Modal windows*/

/* menu desplegable  en link */

#menu_down_1 {  text-align: right;
font-size: 12px;
width: 60px;
display:inline;
}
#menu_down_1 ul { list-style-type: none;display:inline;}
#menu_down_1 ul li.nivel_down_1 { float: right;
padding-right:100px;
}
#menu_down_1 ul li a {display: block;
text-decoration: none;
color: #666666;
padding:3px;
border: solid 1px #fff;
position: relative;
}
#menu_down_1 ul li:hover {position: relative;
}
#menu_down_1 ul li a:hover, #menu_down_1 ul li:hover a.nivel_down_1 {background-color: #fff;
color: #009900;
position: relative;
}
#menu_down_1 ul li a.nivel_down_1 {display: block!important;display: none;
position: relative;
}
#menu_down_1 ul li ul {display: none;background-color: #eee;
}
#menu_down_1 ul li a:hover ul, #menu_down_1 ul li:hover ul {display: block;
position: absolute;left: 0px;
z-index:10;
margin-left:75px;
}
#menu1 ul li ul li a {width: 100px;
border-top-color: #fff;padding:5px 0 5px 0;
}
#menu1 ul li ul li a:hover {border-top-color: #fff;
position: relative;
}
ul#up {top: -125px!important; top: -125px;width:100px;}
/* FIN menu desplegable  en link */