/* @override 
	http://localhost/hh/css/style.css
	http://tenemosunaidea.com.ar/css/style.css
*/
/* Css by Buda 2010 */
@import url("reset.css");
@import url("grid_12.css");
/* @group general */
body { font: 12px "“Trebuchet MS”", "“Lucida Sans Unicode”", "“Lucida Grande”", "” Lucida Sans”", Arial, sans-serif; position: relative; margin: 0; padding: 0;}
h2 { font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #f00; letter-spacing: -1px;}
h3 { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #000; letter-spacing: -1px;}
p { font-size: 12px; line-height: 150%;}
/* @end */
/* @group Provincia select */
#bienvenido { width: 544px; height: 68px; background: url(../img/bienvenido.gif) no-repeat; margin: 30px auto 10px; text-indent: -5000px;}
#elegi-provincia { width: 775px; height: 26px; background: url(../img/elegi-provincia.gif) no-repeat; text-indent: -5000px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
#provincia-select-menu {}
#provincia-select-menu li { display: inline; float: left;}
#baires { display: block; height: 180px; width: 186px; background: url(../img/main-menu.gif) no-repeat -10px 0; text-indent: -5000px; border-style: none; float: left;}
#baires:hover { background-position: -10px -180px;}
#mardel { display: block; height: 180px; width: 193px; background: url(../img/main-menu.gif) no-repeat -196px 0; text-indent: -5000px; border-style: none; float: left;}
#laplata { display: block; height: 180px; width: 190px; background: url(../img/main-menu.gif) no-repeat -389px 0; text-indent: -5000px; border-style: none; float: left;}
#litoral { display: block; height: 180px; width: 190px; background: url(../img/main-menu.gif) no-repeat -579px 0; text-indent: -5000px; border-style: none; float: left;}
#litoral:hover { background-position: -579px -180px;}
#tuc { display: block; height: 180px; width: 181px; background: url(../img/main-menu.gif) no-repeat -769px 0; text-indent: -5000px; border-style: none; float: left;}
#tuc:hover { background-position: -769px -180px;}

/* @end */
/* @group Header - slideshow */
#slideshow { margin-bottom: 40px; margin-top: 20px; position: relative;}
.inscribite-ya { text-decoration: none; color: #999; display: block; margin-bottom: 5px; clear: both; height: 10px; padding: 5px 5px 10px; width: 95px; position: absolute; top: 1px; right: 100px; z-index: 3; text-align: center;}
.inscribite-ya:hover { background-color: #f00; color: #fff;}
/* @group controles */
.slider.js { position: relative; width: 940px; height: 300px;}
.carousel-pagination { position: absolute; bottom: 0; left: 0;}
.carousel-pagination a { background-color: black; font-weight: bold; color: #fff; padding: 5px 8px; cursor:pointer;}
.carousel-pagination a:hover { color: #f00; background-color: #333;}
.carousel-pagination a.active { background-color: red;}
.carousel-pagination a.active:hover { background-color: red; color: #fff;}
.carousel-next { text-indent: -5000px; display: block; width: 30px; height: 30px; background: url(../img/controles-next.gif) no-repeat; position: absolute; top: 50%; right: 0; z-index: 10;cursor:pointer;}
.carousel-next:hover { background-position: 0 bottom;}
.carousel-previous { text-indent: -5000px; display: block; width: 30px; height: 30px; background: url(../img/controles-previous.gif) no-repeat; position: absolute; top: 50%; left: 0; z-index: 10;cursor:pointer;}
.carousel-previous:hover { background-position: 0 bottom;}

/* @end */

/* @end */
/* @group helpers */
#ribbon{ width: 258px; height: 420px; display: block; position: absolute; top: -20px; right: 0; background: url(../img/ribbon.gif) no-repeat right top; z-index: 10000;}
#ribbon-charlaInf{ width: 258px; height: 420px; display: block; position: absolute; top: -20px; right: 0; background: url(../img/ribbon.png) no-repeat right top; z-index: 10000;}
#ribbon-2 { width: 258px; height: 420px; display: block; position: absolute; top: -20px; right: 0; background: url(../img/ribbon-litoral.gif) no-repeat right top; z-index: 10000;}
.ilustracion { margin-bottom: 10px;}
.padding-15 { padding: 15px;}

/* @end */
/* @group que es */
#que-es h1 { width: 645px; height: 27px; display: block; background: url(../img/que-es-title.gif) no-repeat center center; text-indent: -5000px; margin-right: auto; margin-left: auto; margin-bottom: 15px;}
.numero-1 { display: block; width: 41px; height: 41px; float: left; background: url(../img/numero-1.gif) no-repeat; margin-right: 10px; margin-bottom: 10px; text-indent: -5000px;}
.numero-2 { display: block; width: 41px; height: 41px; float: left; background: url(../img/numero-2.gif) no-repeat; margin-right: 10px; margin-bottom: 10px; text-indent: -5000px;}
.numero-3 { display: block; width: 41px; height: 41px; float: left; background: url(../img/numero-3.gif) no-repeat; margin-right: 10px; margin-bottom: 10px; text-indent: -5000px;}
#que-es-explicacion { margin-bottom: 20px;}

/* @end */
/* @group JLC */
.jlc-bot { display: block; width: 300px; height: 300px; text-indent: -5000px; background: url(../img/boton-juan-carlos-lucas.gif) no-repeat 0 bottom;}
.jlc-bot:hover { background-position: 0 top;}
#jlc { margin-top: 40px; margin-bottom: 40px;}
#jlc h3 { color: #fff;}
#jlc p { color: #fff; font-size: 13px; line-height: 180%;}
#jlc-bg { height: 300px; background-color: #f00; margin-bottom: 20px;}
#jlc a { font-weight: bold; text-decoration: underline; color: #fff;}
#jlc a:hover { color: #000; text-decoration: underline;}

/* @end */
/* @group creamos */
#creamos { margin-bottom: 20px;}
#capital-humano { width: 382px; height: 83px; background: url(../img/capital-humano.gif) no-repeat; text-indent: -5000px;}
#creamos h1 { color: #000; font-size: 25px;}
#creamos-lista { margin-top: 10px;}
#creamos-lista li { font-size: 14px; margin-bottom: 15px; background: url(../img/bullet1.gif) no-repeat 0 4px; padding-left: 18px;}
#desafio-educativo { background: url(../img/desafio-educativo.gif) no-repeat; width: 424px; height: 28px; text-indent: -5000px;}
.desafio-educativo-text { line-height: 160%; font-size: 120%; color: #f00;}
#desarrollamos-destrezas { background: url(../img/desarrollamos-destrezas.gif) no-repeat; width: 412px; height: 22px; text-indent: -5000px; margin-bottom: 20px; margin-top: 20px;}
.destrezas-text { font-size: 11px; line-height: 150%; color: #4c4c4c;}
#perfil { background-color: #000; margin-top: 20px;}
.destrezas-title { color: #b3b3b3; margin-bottom: 6px;}
.perfil-participante-title { width: 229px; height: 69px; background: url(../img/perfil-participante.gif) no-repeat; text-indent: -5000px; margin-right: auto; margin-left: auto;}
#perfil p { color: #fff; line-height: 200%;}
.banner-bligoo { margin-top: 20px;}

/* @end */
/* @group El programa */
#programa { margin-bottom: 60px; margin-top: 50px; border-bottom: 1px dashed #000; border-top: 1px dashed #000; padding-top: 20px; padding-bottom: 20px;}
#programa h1 { font-size: 18px; letter-spacing: -2px; font-weight: bold;}
#programa h2 { font-weight: normal; font-style: normal; letter-spacing: -2px;}
#el-programa-title { width: 142px; height: 80px; text-indent: -5000px; background: url(../img/el-programa.gif) no-repeat;}
#el-programa-title-anio { width: 142px; height: 120px; text-indent: -5000px; background: url(../img/el-programa.gif) no-repeat;}
.boton-ver-mas { background: url(../img/boton-ver-mas.png) no-repeat 0 top; display: block; width: 100px; height: 27px; text-indent: -5000px; clear: both;}
.boton-ver-mas:hover { background-position: 0 bottom;}

/* @end */
/* @group interest */
/* @group twitter box */
.tweet_list { background-color: black; color: #fff; font-size: 11px; line-height: 13px;}
.tweet_list a { color: #f00; text-decoration: none;}
.tweet_list a:hover { color: #ff5b60;}
.tweet_first { font-size: 14px; line-height: 16px;}
.tweet_text {}
.tweet_odd { margin-bottom: 10px; padding: 10px;}
.tweet_even { background-color: #191919; margin-bottom: 10px; padding: 10px;}

/* @end */
#nuestro-twitter { width: 220px; height: 77px; background-image: none; text-indent: -5000px; margin: 0;}
#nuestro-twitter a { width: 220px; height: 77px; background-image: url(../img/nuestro-twitter.gif); text-indent: -5000px; margin: 0; display: block;}
#nuestro-twitter a:hover { background-position: 0 bottom;}
#interest { margin-top: 20px; margin-bottom: 20px;}
#interest strong { font-weight: bold;}
.inscribite p { font-size: 14px; line-height: 150%;}
.inscribite a { font-weight: bold; color: #f00; text-decoration: none;}
.inscribite a:hover { color: #960000;}
#google-map { border: 1px solid #000;}
#donde-se-realiza { background: url(../img/donde.gif) no-repeat; width: 282px; height: 26px; text-indent: -5000px;}
#queres-incribirte { background: url(../img/queres-inscribirte.gif) no-repeat; width: 217px; height: 53px; text-indent: -5000px;}
.boton-inscribirse { background: url(../img/boton-inscribirse.png) no-repeat left top; width: 220px; height: 60px; display: block; text-indent: -5000px; margin-top: 66px; margin-bottom: 20px;}
.boton-inscribirse:hover { background-position: 0 bottom;}
.direccion { margin-bottom: 10px; font-size: 11px; line-height: 13px; color: #fff; background-color: black; padding: 10px;}

 .fbk { width: 220px; height: 106px; background-image:url(../img/facebookHHtuc.jpg);}
#nuestro-fbk { width: 220px; height: 82px; background-image: none; text-indent: -5000px; margin: 0;}
#nuestro-fbk a { width: 220px; height: 82px; background-image: url(../img/facebookHHtuc.jpg); text-indent: -5000px; margin: 0; display: block;}
#nuestro-fbk a:hover { background-position: 0 bottom;}

.boton-proximamente { background: url(../img/boton-proximamente.jpg) no-repeat left top; width: 220px; height: 60px; display: block; text-indent: -5000px; margin-top: 20px; margin-bottom: 20px;}
.boton-proximamente:hover { background-position: 0 bottom;}
/* @end */
/* @group seminarios */
.seminario p { margin-bottom: 20px; font-size: 12px; line-height: 170%;}
.seminario strong { font-weight: bold; color: #f00;}

/* @end */
/* @group Sponsors */
#sponsors { margin-top: 20px; margin-bottom: 20px;}

/* @end */
/* @group pie */
#pie { margin-bottom: 10px;}
#pie p { font-size: 10px; color: #999;}
#pie p a { color: #f00; font-weight: bold;}
#pie p a:hover { color: #ff5b60;}

/* @end */


/*HHTUC MODIFICACIONES INSCRIPCION Y FACEBOOK*/
#porque-apoyarnos{ background: url(../img/porqueApoyarnos.jpg) no-repeat; width: 225; height: 53px; text-indent: -5000px;}
#apoyarnos{
	float:left;
	height:200px;
	width:75%;
}
#inscripcion{
	float:left;
	height:180px;
	width:75%;
}
#boton-inscripcion{
float:right;
	height:180px;
	width:25%;
}
#boton-apoyarnos{
float:right;
	height:180px;
	width:25%;
}
.boton-apoyarnos { background: url(../img/boton-apoyarnos.png) no-repeat left top; width: 220px; height: 60px; display: block; text-indent: -5000px; margin-top: 66px; margin-bottom: 20px;}
.boton-apoyarnos:hover { background-position: 0 bottom;}