﻿/* CSS Document */
/* Basics */
	body {margin:0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; text-align:justify; color:#000; font-size:12px; background-color:#fff;/*background-color:#f8d548;*/ line-height:1.5em;}
	html , head{ margin: 0; padding: 0; }
	/* Lists */
	ul{ padding: 0; margin:0; list-style:none; }
	li{margin:0 0 10px 20px;}
	
	@font-face {
  font-family: "calibri";  
  src: url( fonts/FontFileName.eot ); /* IE */  
  src: url( fonts/calibri.ttf ) format("truetype");  /* non-IE */ 
  }


	/* Links */
	a:link,  a:visited { text-decoration: none; color: #000; }
	a:hover,  a:active { color: #b50000; text-decoration:underline; }

	img {margin:0; padding: 0; border:none;}
    p{margin:0; padding: 0; }
	
	/* Headings */
	h1{font-size:1.5em;}
	h2{font-size:1.6em; }
	h3{font-size:1.4em; }
	h1,h2,h3,h4{font-family:"calibri"; font-weight:normal; }
	h1,h2{ color: #000080; /*color: #f8d548;*/ margin:0 0 5px 0; padding:0; }
	h4{margin:0; padding:0; }

	/* */	
	.invisible{display:none;}
	


	.inputbox2{font-size:1em; background-color:#d4d9e3; border:none; }
	

.int{ padding: 2px 5px; margin-bottom: 10px; text-transform: uppercase;
  background-color: #D4D9E3;
}

.shadow{
 border: #ededed solid 1px;
-moz-box-shadow: 2px 5px 5px #ddd; /* Firefox */
-webkit-box-shadow: 2px 5px 5px #ddd; /* Safari and Chrome */
box-shadow: 2px 5px 5px #ddd; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(css/PIE.htc);
}
.corners{
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}


/*-------------------------------------------------
  Container
-------------------------------------------------*/
	#container{ width:970px; margin:0 auto; padding:0;  }

/*-------------------------------------------------
  header
-------------------------------------------------*/
	#header{ width:100%; height:150px; margin:0; padding:0;}
    #logo{ float: left;width:550px;}
    .texto{ margin:10px 0 0; font-size: 1.5em; line-height: 1.1em;}

    .catalog{float:right;width: 350px;  margin: 10px 0 0 0; font-size: .9em; text-align: right;}

    #follow{ float: right; width:275px; margin:10px auto; padding:5px 5px 2px; background-color:#dedede; text-align: right;}
	#follow img{vertical-align:middle;}

    #search{ float: right;width:300px;  margin:0; text-align: right;}
   	.caja{ margin:0; width:227px; height: 20px;}
    .searchbtt{width:26px; height:26px; border:none; margin:0; padding:0; background: url(../images/design/search.png) center no-repeat;cursor:pointer;}


	/*  menutop */
	#menu_top{width:100%; height:25px; margin:0 auto; padding:7px 0 0 0; font-size:1.1em; text-align:center; border-bottom: #000000 solid 2px; border-top: #000000 solid 2px; font-weight: bold; /*font-family: Verdana;*/}

	#menu_top a:link , #menu_top a:visited{color:#000; text-transform:  uppercase; }
	#menu_top a:hover , #menu_top a:active {color:#b50000; }
		.active{color: #b50000; font-weight:bold; text-transform:  uppercase; }
	#menu_top ul{margin:0px; padding:0px;}
	#menu_top li{display:inline; margin:0; padding:0 10px; }

	/* CSS del menu desplegable */
	.anylinkcss{ position:absolute; visibility: hidden; border:1px solid black; z-index:100; background-color: #fff; width: auto; text-align:left; margin:0 0 0 20px; padding:0 10px 5px;}
	.anylinkcss li{line-height:5px; margin:0; padding: 0;}
	.anylinkcss a{display: block; margin:0; padding: 10px 0; }


    #home_pics{ width: 100%; height: 420px; padding: 0; margin: 0 0 0 -2px;}
    #home_pics iframe{width: 100%; height: 100%; padding: 0; margin: 0; }



	.browse{ float:left; padding:10px 0 0 100px;}

    .btt , .bttsearch{border:none; background-color:#fff; color: #000080; font-weight:bold; cursor: pointer; padding:0; margin:0; }



/*-------------------------------------------------
  maincol
-------------------------------------------------*/
#maincol , #dailywrap{ clear: both; width:100%; padding:0; }
#maincol{ margin:10px auto 1px;}
#dailywrap{margin:0 auto;}
.catalog , #wrapup{ padding: 0; }
#wrapup{margin: 5px 0 0; width: 100%;}
.daily{margin:8px 10px 0 0; float: left; }
.daily a{color: #000080;}
#dailywrap img{ vertical-align: middle; }

.peli{float:left; margin:0 0 0 -15px; padding: 11px 0 0 32px  }

#wrapup li{ float:left; /*display: inline;*/ margin:1px; padding: 0; }

.center_in_holder {
position: relative;
display: table-cell;
vertical-align:middle;
text-align:center;
margin:-120px 0 0 -200px;
}
#artistas_holder {
   width: 155px;
   height: 155px;
   overflow: hidden;
   z-index: 10;
   /*margin: 0 auto; */

}

.negrohead{color: #000; font-size:0.9em;}
.purpose li{margin:0 30px 20px 35px; list-style-image: url(../images/design/arrow.png); list-style:square; }
#contenido{margin:0 20px;}

/*LEFT*/
#col_left{float:left; width:280px; margin:0; padding:0 5px;}
#ganadores{float:right; width:670px; margin:0 0 20px; padding:0;   }
#ganadores h4{ font-weight: bold; }
#ganadores ul{ margin:0 0 0 10px; padding:0; }
#ganadores li{ float: left; width: 212px; /*height: 100px;*/ margin: 0 2px; text-align: left;}
.awa{ width: 212px;}

#subscribe{margin:10px 0 20px; }
#subscribe2{background-color:#dedede; padding: 10px;  }

.inputbox{font-size:1.1em; /*background-color:#d4d9e3; border: #314862 solid 1px;*/ width:250px; padding:2px 5px; }
.btt_subsc{border:none; background-color:#dedede; /*color: #000080;*/ font-weight:bold; cursor: pointer; padding:0; margin:0; font-size: 1.1em;}


/*CENTER*/
	#col_center{float:left; width:420px; margin:0 0 10px; padding:0;}
	/*#videohome{width:360px; margin:20px auto 0; border: #314862 solid 1px; }*/
	/*#previouseditions , #expo{width:350px; margin:10px auto 0; padding:5px 5px 1px; border: #314862 solid 1px;}*/
	#previouseditions img {border:#FFF solid 1px;}

	#previouseditions h3, #expo h3{  margin:0; padding: 0;}
    #previouseditions ul{ margin: 0 0 10px; padding: 0; }
    #previouseditions li{ margin: 0 0 10px; padding: 0; }
    #expo p{font-style: italic; text-align: center;}

	
/*RIGHT*/
#col_right{float:right; width:223px; margin:0 5px 0 0; padding:0; text-align:left;}

#special{border: #314862 solid 1px; padding: 10px 5px 0;}
#special h3{margin:0 0 10px; padding:0; text-align:right;}
.young{color: #000080; font-size:.9em;}

#awards{ margin-top: 10px;  }



    #miscelaneas{ margin: 20px 0 0 25px; }
    #miscelaneas li{ float:left; margin: 0 5px; width:220px; height:70px; list-style: none; text-align: center; }

	#call{background: url(../images/design/siluetas.png) center bottom no-repeat; }

	#involved{background: url(../images/design/claquetas.png) center bottom no-repeat; }




    table{margin:20px auto; border:none; width:85%;  }
	td{border:none; padding:10px 5px;}
	.datos{width:40%; text-align:right;}


	.daily img {vertical-align:text-top;}


    .daily_wrap{
      width: 90%; text-align:center; margin:0 auto;
    }


    .daily_wrap li{
      display: inline; margin-left: 25px; font-weight:bold;

    }


	/*news*/
	#sidebar { color: #AFB0B1;  margin:0; padding:0; width:95%; text-align:left; font-size:0.9em; background: #d4d9e3 url(../images/design/news-reel.png) bottom left no-repeat; border-top:#bfbfc4 solid 1px; border-bottom:#bfbfc4 solid 1px;}
	#sidebar li {margin:10px 10px 20px 5px; overflow: hidden; line-height:1.3em;}
	#sidebar li .info { color:#3E4548; }
		#sidebar li a:link , #sidebar li a:visited { color:#000; }
		#sidebar li a:hover , #sidebar li a:active { color:#b50000; }

	#marqueecontainer{position: relative; width:100%; height: 245px;  /*background-color: #f4ecc4;*/ overflow: hidden; padding: 2px; padding-left: 4px;}

	/*youTube home*/
	.pie{font-style:italic; font-size:0.9em; }
	
	#ytvideo {margin: 15px 0 0 0; }
	.yt_holder { margin: 0 auto 15px;}
	.yt_holder ul {margin: 10px 0; padding: 0;}
	.yt_holder ul li { margin:0 0 5px 0; padding:0; width:360px; text-align:left; }
	.yt_holder ul li img { float:left; width: 100px; margin:0 5px 10px 0; padding:0; border: 1px solid #999;}
	.yt_holder ul li a {text-decoration: underline; font-weight:normal;/*display: block;*/ }
	.currentvideo {	background: #d4d9e3; color:#000; height:77px; }
	.currentvideo a{color:#000;}
	
	/*Videos section*/
	.paginationstyle{ width: 100%; text-align: center; padding: 5px 0; margin: 0; }
	.paginationstyle a{ padding:2px 5px; text-decoration: none; border: 1px solid black; color: navy; background-color: white; }
	.paginationstyle a:hover, .paginationstyle a.selected{ color: #000; background-color: #FEE496; }
	#leftvideo{float:left; width:48%;  margin:0; padding:0;}
	#rigthvideo{float:right;  width:48%; margin:0; padding:0;}


	/*Images section*/
	#pict li{ float:left; width:32%; margin:0 0 0 1px; padding:10px 5px; list-style:none; text-align:center; }
	.picture{ font-size:0.8em; line-height:1.2em; margin-top:5px;}
	.left_pict{width:25%; float:left; margin:5px 0; text-align:right; }
	.right_pict{width:70%; float:right; margin:0;}
	
	
	/*program*/
	.feature{margin-left:40px; font-style:italic;}
	dd{margin:20px 0; margin-left:20px; clear:both;}
	dt{font-weight:bold; margin-bottom:5px;}
	dt img{float:left; margin-right:5px;}
	.program_foto{float:left; margin:5px;}

    .pdf{
      margin: 5px 5px 0 0; float:left;
    }

	
	/*tickets*/
	.place{font-style:italic; font-weight:bold; }
	.byday{padding:0; font-size:1.2em; width:95%; margin:5px 0 0 0;}
	.fecha{ font-size:1.5em; color: #B50000;}

	.info{font-style:italic;}
    .download{
      font-size: 0.9em; font-style: italic;
    }
    .download a{
     font-weight: normal;
    }


    #ticket table{margin:5px auto; width:85%; border: none;  }
	#ticket td{margin:0; padding:5px;}
    #ticket form{
      margin:0; padding:0;
    }


   .ficha{
    position:absolute; display:none; border: 1px solid #fff; background-color: #314862; width: 600px; padding: 20px; color:#fff; text-align:justify;
   }
   .ficha1{
    position:absolute; display:none; border: 1px solid #fff; background-color: #314862; width: 550px; padding: 20px; color:#fff; text-align:justify;
   }
   .ficha a{
     color: #fff; font-weight: bold; text-decoration: none;
   }
   .infoticket{
     border-bottom:#a5b2c9 dashed 1px; border-top:#a5b2c9 dashed 1px; width:95%; padding-bottom: 10px;
   }

	.press {font-size:1.5em;  }
    .press a:link , .press a:visited{    color: #B50000;   }

	
	#videos{margin:0 auto; text-align:center; border:#fff solid 1px; padding:0; width:425px; height:344px; }
	
	.centro{text-align:center;}

    #paypal table{
      margin-top: 0;
    }
    #paypal form{
      margin-top:0;
    }

.emphasis{
  font-weight: bold; background-color: #FFFF33; padding:2px 5px;
}


/*search*/
.searching img{ float: left; vertical-align: top; border: #FFF solid 1px; width: 80px; height: 60px; margin: 0 10px 0 0;}
.piefoto{ font-size:.9em}

/*EXPO*/
#galleria{ border: #330000 solid 1px; padding: 10px 5px 5px; }


#galleria ul{text-align: center; }
#galleria li{display: inline; margin:10px 5px; }

.activi{ font-size: 1.5em; background-color: #F4ECC4; padding: 5px 10px; font-weight: bold;}
.subactivi{font-size: 1.3em;  padding: 15px 0 0;}


#video1 , #video2 , #video3 ,  #video4 , #video5 , #video6{
  float: left; margin: 0 10px; text-align: center;
}
#video1 , #video3 , #video5{
  margin-left: 100px;
}

/*-------------------------------------------------
  footer
-------------------------------------------------*/
	
	#footer{width:100%; clear:both; text-align: center; color:#333;  }
	#sponsors h2{margin:0; padding:20px 0; color:#333; }
	#sponsors ul{ margin:0 auto; width:95%;  }
	#sponsors li{display:inline; margin:20px 10px; padding:0; }
	#sponsors img{vertical-align:middle;}
	
	/*#footer a:link, #footer a:visited { color: #000; padding:0 5px; }
	#footer a:hover, #footer a:active { color: #fff; padding:0 5px; }*/
	
	#copyright{height:60px; padding:10px; margin:20px 0;  }
	
/*--------------------------------------------------
	Tooltips
---------------------------------------------------*/

	.stickytooltip{
	box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	display:none;
	position:absolute;
	display:none;
	border:5px solid black; /*Border around tooltip*/
	background:white;
	z-index:3000;
	}
	
	
	.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
	background:black;
	color:white;
	padding-top:5px;
	text-align:center;
	font:bold 11px Arial;
	}

/* Daily*/

/*  UTILITY STYLES  */

.floatLeft 	{ float: left; margin-right: 10px;}
.floatRight { float: right; }
.clear { clear: both; }
a { outline: none; }


/*  PAGE STRUCTURE  */
#page-wrap { width: 500px; margin: 10px auto; position: relative; min-height: 500px; }

 /* SLIDER */
.slider-wrap								{ width: 419px; margin: 10px auto; }
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 315px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ /*border: 1px solid white;*/ margin-right: 5px; }
#movers-row									{ margin: 5px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data { background: url(../images/daily/17092010/transpBlack.png); padding: 5px; height: 20px; margin: -31px 0 0 1px; position: relative; z-index: 9999; color: white; width: 310px; font-size: 11px;}
.photo-meta-data span { font-size: 11px; }
.cross-link { width: 65px; margin-top: -10px;  position: relative; padding-top: 10px; z-index: 9999; }
/*.active-thumb 								{ background: transparent url(../images/daily/17092010/icon-uparrowsmallwhite.png) top center no-repeat; } */

.activepage{ font-size: 1.8em; }