body {
    background: #f5f5f5 url('../img/logo_trans.png') no-repeat top right;
    font: 0.625em "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
    color:#666;

}

    .clear {clear: both;}
    .error {font-size:0.85em; color:#E30000; font-style: italic;}
    .inicio {border-top: 5px solid #8dae67; }
    .presentacion {border-top: 5px solid #75A27B;}
    .expositores {border-top: 5px solid #74BEB1;}
    .inscripcion {border-top: 5px solid #62A1B2;}
    .noticias {border-top: 5px solid #546698;}
    .canaltv {border-top: 5px solid #4E3A81;}
    .plano {border-top: 5px solid #373434;}



table {font-size: 10px;}


#wrapper {width:960px; margin:0 auto;}


/**********************************************************************************************/
/* COL-1                                                                                      */
/**********************************************************************************************/

#col-1{float:left; width: 320px;}

    #header h1 {
        text-indent: -99999px;
        width:238px;
        height:102px;
        background: url('../img/logo.png') no-repeat;
        margin:26px 0px 0px 0px;
    }

    ul#nav {
        width:190px;
        height:268px;
        top:-20px;
        position:relative;
        margin-bottom:50px;
        
    }

        ul#nav li{
            display:block;
            height:94px;
            width:200px;
            position:absolute;
            background-repeat: no-repeat;
            background-position:0 0;
            z-index: 3;
        }


        ul#nav li.current, ul#nav li:hover {background-position:0 100%;}

        ul#nav li a {
            font-size:1.8em;
            text-decoration: none;
            color:#fff;
            padding-left:40px;
            position:absolute; top:64px;
            font-weight: bold;
        }

        ul#nav li a:hover {background-position:0 100%;}

        ul#nav li.home_t {top:0px; left:-30px;  background-image: url('../img/main-nav-t.png'); z-index: 99999;}
        ul#nav li.home_d {top:40px; left:-30px; background-image: url('../img/main-nav-d.png'); z-index: 89999;;}
        ul#nav li.home_m {top:80px; left:-30px; background-image: url('../img/main-nav-m.png'); z-index: 79999;}
        ul#nav li.home_f_c {top:120px;left:-30px; background-image: url('../img/main-nav-f-c.png'); z-index: 69999;}
        ul#nav li.home_w_r {top:160px;left:-30px; background-image: url('../img/main-nav-w-r.png'); z-index: 59999;}
        ul#nav li.home_v_a {top:200px;left:-30px; background-image: url('../img/main-nav-v-a.png'); z-index: 49999;}
        

    .plano-col-1 {
        height:30px;
        background: url('../img/bullet.gif') no-repeat 0% 50%;
        padding-left: 15px;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        line-height:30px;
        width:210px;
        margin:5px 0px;
        font-size: 16px;
    }
    
        .plano-col-1 a {color:#373434; text-decoration: none;}

        .plano-col-1 a:hover {color:#5AC7FA;}


     .titulo {font-size:1.8em; margin:60px 0px 10px 0px;}

     .enum {margin-bottom: 15px; }
     .enum li {height:30px; background: url('../img/bullet.gif') no-repeat 0% 50%;  padding-left: 15px;  }
      .enum li a {color:#666; font-size: 1.3em; text-decoration: none; line-height: 30px;}
      .enum li a:hover {color:#5ABDFE;}

/**********************************************************************************************/
/* CONTENIDO                                                                                  */
/**********************************************************************************************/
#col-2 {
    float:right;
    width:630px;
    margin-top:26px;
    font:normal 13px/20px "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
    color:#373434;
}
#col-2 h2{
   
    font-size:24px;
    font-weight:normal;
    line-height:29px;
    margin-bottom:35px;
    letter-spacing:0.03em;
}

 .article {margin-top:1px;}
    .article p{margin-bottom:20px;cursor:auto;}
   

 .bg-datos-feria{width:600px; background:#DBE7C8; padding:12px; margin:0px 0px 20px 0px;}

    .datos_feria {
        border:3px solid #4F6234;
        background:#FAFFF3;
        width:250px;
        padding:10px;
        float:left;
        margin-left: 15px;
    }


 .bg-datos-expositores{width:600px; background:#74BEB1; padding:12px; margin:0px 0px 20px 0px;}

    .datos_expositores {
        border:3px solid #51847b;
        background:#e1fdf9;
        width:250px;
        padding:10px;
        float:left;
        margin-left: 15px;
    }


    a.external {
        background: url('../img/external.png') 0 50% no-repeat;
        padding-left:16px;
        color:#373434;
        text-decoration: none;
    }

        a.external:hover {text-decoration: underline; }
   
 #video {
     
     width:540px;
     height:307px;
     margin:100px 0px 10px 0px;
     position:relative;
     padding-bottom:28px;
     background: url('../img/img_effect.png') no-repeat right bottom;
      

 }


 #galeria {

     width:630px;
     height:200px;
     position:relative;
     padding-bottom:30px;
     background: url('../img/img_effect.png') no-repeat right bottom;


 }


 .nota {
     font-size:0.85em;
     margin-top:32px;
     border-top:1px dotted #e1e1e1;
     padding-top: 10px;
 }

 .not_wrapper {
     width:580px;
     height:175px;
     padding:10px;
     /*border-left:1px solid #f1f1f1;
     border-top:1px solid #f1f1f1;
     border-bottom:1px solid #f1f1f1;*/
     position:relative;
     margin-bottom:50px;
 }
.not_shadow {position:absolute; bottom:-42px; right:0px;}
    .not_wrapper h3 a {font-size:1em; color:#546698; text-decoration: none;}
        .not_wrapper h3 a:hover{color:#373434;}
        
    .not_wrapper p {margin:5px 0px 20px 0px;}
    .not_wrapper img {float:left; margin: 10px 10px 10px 0px;}



/* AMPLIA NOTICIA */

#caja_noticia {width:580px; text-align: justify;}

.texto_noticia {width:580px; text-align: justify;}

#caja_noticia h2 {color:#546698;}
    .imagen_not {float:left; margin:0px 10px 10px 0px;}
    .caja_not_desc{margin:10px 0px;}
    .caja_volver {
        margin-top:25px;
        border: 2px solid #546698;
        background: #e8eeff;
        height:30px;
    }

    .caja_volver a {
        text-decoration: none;
        line-height: 30px;
        color:#666;
        font-weight: bold;
        margin-left:15px;
    }
       .caja_volver a:hover {text-decoration: underline;}


/* TABS */


    .tabs {margin:30px 10px;}

        .tabs li {float:left; width:100px; border:1px solid #373434; margin-right:12px; text-align:center;}
        .tabs li a {color:#373434; font-weight: bold;  text-decoration: none;}
        .tabs  li a:hover {color:#5ABDFE;}

    .panes {clear:left; padding:25px 10px;}


/* CANAL- TV */


/********************************************************************************************************************/

.portfolio_item {
float:left;
width:150px;
height:285px;
background:url('../img/bg_portfolio_item.png') center bottom  no-repeat;
overflow:hidden;
padding:0 0 27px 0;
margin-right:5px;
}

.portfolio_item:last-child {margin-right: 0px;}

.portfolio_item .item_data{
border:1px solid #ccc;
background: #fff;
padding:6px;
width:150px;
height:285px;

}

.portfolio_item .entry {font-size: 10px;  width:135px;}


.portfolio_item img, .portfolio_item a img{
border: none;
display: block;
margin-bottom: 5px;
}

.portfolio_item h3{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
padding:1px 1px 3px 1px;
border: none;
}


/**********************************************************************************************/
/* SUB - CONTENIDO                                                                            */
/**********************************************************************************************/

#sub-content {border-top:1px solid #e1e1e1; padding:25px 0px 0px 45px; clear: both; }

  .colum {width:230px; float:left; position:relative; margin-bottom: 50px; }

    .colum h3 {font-size:1.8em; padding-bottom: 15px;}
        
        .colum h3.flickr {
            background:url('../img/flirck.png') no-repeat;
            display:block;
            height:26px;
            text-indent: -999999px;
        }
        .fli {border:5px solid #fff; float:left; margin:0px 10px 10px 0px;}
        .colum h3.twitter {color:#5abdfe;}
        .twitter-logo {position:absolute; top:-35px; right:0px;}
    .colum p {font-size:1.3em;}
         .colum p a {color:#5ABDFE; text-decoration: none;}
         .colum p a:hover {text-decoration: underline;}
  .derecha-90 {margin-right:90px;}

  .cont li {height:20px; font-size: 1.3em;}
  .cont li span {color:#5ABDFE; font-weight: bolder;}

  #social {background: url('../img/front_social.png') no-repeat; width:204px; height:50px; margin:10px;}

    #social a.social_mail , a.social_rss , a.social_twitt, a.social_facebook {
        text-indent:-99999px;
        display: inline-block;
        width:28px;
        height:25px;
        margin-top: 14px;
        margin-left:15px;
    }

/**********************************************************************************************/
/* FOOTER                                                                                     */
/**********************************************************************************************/
#footer {
    clear:left;
    position: relative;
    width:100%;
    background:#343736 url('../img/bg_top_bar.jpg') top repeat-x;
    margin-top:25px;
}

    .head-footer {width:960px; margin:0 auto; height:100px; position: relative;}
        .head-footer img {position:absolute; top:-25px; left:0px;}
        .head-footer h3 {font-size:1.4em; color:#666; padding:28px 0 0 185px;}
            .head-footer h3 strong {color:#5ABDFE;}

    .sub-footer {width:960px; margin:0 auto; height:100px;}
    .copy {float:right; padding-top: 30px;}
        .copy a {color:#5AC7FA; text-decoration: none;}
        .copy a:hover {color:#fff;}

    .sub-footer a img {margin-right:10px; float:left;}



/**********************************************************************************************/
/* FORMULARIO DE INSCRIPCION                                                                  */
/**********************************************************************************************/

form{margin:5px; padding:0;}
fieldset{border:0px;}
label{margin:3px 0px;}

input.text-input{ margin:4px 8px 4px 0px; width: 280px; height:15px; padding:5px 2px; border:solid 1px #e4e4e4; vertical-align:middle}
textarea.text-input{ margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #e4e4e4; vertical-align:top; width:280px;}

input.button{border:1px solid #666; background-color:#f6f6f6; background-image:url(../img/bg_readmore.gif); background-repeat:no-repeat; background-position:right; color:#333333 !important; padding:5px 10px 8px 13px; width:100px; text-align:left; height: 30px; display:block; margin-top:10px; cursor:pointer;}





/**********************************************************************************************/
/*	INDEX SLIDE-SHOW + NAVIGATOR															  */
/**********************************************************************************************/


        .slideshow {
             width:540px;
             height:304px;
             overflow:hidden;
        }

         .slideshow2 {
             width:630px;
             height:200px;
             overflow:hidden;
        }

	div.navi {
		left:10px;
		bottom:30px;
		width:200px;
		height:20px;
		position:absolute;
		z-index:200;
	}


		/* items inside navigator */
		div.navi a {
			width:8px;
			height:8px;
			float:left;
			margin:3px;
			background:url(../img/navigator.png) 0 0 no-repeat;
			display:block;
                        text-indent:-99999em;
		}

			/* mouseover state */
			div.navi a:hover {
				background-position:0 -8px;
			}

			/* active state (current page state) */
			div.navi a.activeSlide {
				background-position:0 -16px;
			}

/**********************************************************************************************/
/*	PAGINACION                                                                            */
/**********************************************************************************************/

#pagination {position:relative; left:40%; height:100px;}

#pagination a, #pagination strong {

	background: #e3e3e3;

	padding: 4px 7px;

	text-decoration: none;

	border: 1px solid #cac9c9;

	color: #36599C;

	font-size: 13px;

	}



	#pagination strong, #pagination a:hover {

	 font-weight: normal;

	 background: #cac9c9;

	}