/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: layout.css
 Gerardo Gonzalez Flores
gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
 --------------------------------------------------------------------------*/
/* Layout
 -------------------------------------------------------------------*/
html { background:#000000;	} /* es correcto? */

body {
	
}

#wrapper {
  margin:0px auto;
  width:990px;
  /*height:750px;*/
  height:702px;
  position:relative;
}

#end {
  margin:0px auto;
  width:990px;
  height:50px;
  position:relative;
  background: url(../img/piel-2.png) no-repeat bottom center; 
}

body #header {
	height:87px;
	background: url(../img/top-separador.png) no-repeat bottom center; 
}

#body #contenido{
    position:relative;
}

#body{
    height:555px;
    width:990px;
    background: url(../img/top-separador.png) no-repeat bottom center; 
	/*background:#000000;*/
  
}

#footer {
	position:relative;
	background: url(../img/top-separador.png) no-repeat bottom center;
	height:60px;
}

#footer p#derechosReservados {
	background: url(../img/aviso-copy-right.png) no-repeat bottom center;
	height:15px;
	width:122px;
	margin:0px auto;
	position:relative;
	top:36px;
}

#footer p#derechosReservados span{
	display:none;
}

body h1#logo {
    width:173px;
    height:32px;
    background: url(../img/jaime-ibiza-logo.png) no-repeat;
    padding: 0px;
    margin: 0px;
    position:absolute;
    top:22px;
    left:5px;
    z-index:20;
}

body h1#logo a{
     width:173px;
    height:32px;
	display:block;
}

body h1#logo a span {
    display:none;
}


/** Principal **/


/** Interior **/

body.paginas #body #contenido.colecciones {
    background-image:none;
    
}


	
	
/***** Menu Pie de Pagina ******/
/** MENU **/

#menuContainer {
    position: absolute;
    width: 690px;
	height:85px;
    left:152px;
	margin:0px auto;
	background: url(../img/piel.png) bottom center no-repeat;
} 

ul#menu {
    position: absolute;
    top:17px;
    left:102px;
	margin:0px auto;
}


ul.menu, ul.menu li
 {
    padding: 0px;
    margin: 0px
}

ul.menu li {
    list-style: none;
    background: none;
    float:left;
    padding:12px;
    border-right: 1px solid #A2824D;
}

ul.menu li.last {
	border:none;	
}

ul.menu a {
    display: block;
    width:auto;
    color:#A2824D;
}

ul.menu  a span {
	font-size:13pt;
	text-transform:lowercase;
	display:block;
}

ul.menu a:hover  {
	color:#ffffff;
}


/** Menu Idiomas */
ul#menuIdiomas {
	position:absolute;
	right:10px;
	top:17px;
}
	
ul#menuIdiomas  a span, ul#menuPie a span {
	font-size:11pt;
	text-transform:lowercase;
	display:block;
}
 

ul#menuIdiomas li,  ul#menuPie li {
    padding:0px 10px;
    
}


/* Menu Redes Sociales */
#redesSociales{
	position: absolute;
    height: 32px;
    width: 240px;
   top:13px;
    left: 5px;
    
}

#redesSociales h3{
	font-size:11pt;
	color:#A2824D;
	width:120px;
	padding-top:10px;
	text-transform: lowercase;
}

#menuRedesSociales li{
   float:left;
   border:none;
   padding:3px;
}


#menuRedesSociales {
  width: 103px;
  position:absolute;
  right:0px;
  top:0px;
  
}

#menuPie {
  position:absolute;
  left:335px;
  top:13px;
  
}


#menuRedesSociales a {
    display: block;
    width: 28px;
    height:28px;
}
/* #quickLinks a:hover { background: url(../img/home.gif) 50% 50% no-repeat #ff0000} */
#menuRedesSociales a span {
    display: none;
}

#menuRedesSociales li#facebook a {
    background: url(../img/botones-redes-sociales.png) 0px 0px no-repeat;
}

#menuRedesSociales li#facebook a:hover {
    background: url(../img/botones-redes-sociales.png) 0px 0px  no-repeat;
}

#menuRedesSociales li#twitter a {
    background: url(../img/botones-redes-sociales.png) -28px 0px  no-repeat;
}

#menuRedesSociales li#twitter a:hover {
    background: url(../img/botones-redes-sociales.png) -28px 0px   no-repeat;
}

#menuRedesSociales li#youTube a {
    background: url(../img/botones-redes-sociales.png) -56px 0px no-repeat;
}

#menuRedesSociales li#youTube a:hover {
    background: url(../img/botones-redes-sociales.png) -56px 0px   no-repeat;
}

/** Menu Header **/


/**** SCROLL BAR *****/
    #scrollbar_container {  
        position:absolute;  
        width:670px;
		right:5px;
		top:23px;
		/*border:1px #ff0000 solid;*/
		  
    } 
     
    #scrollbar_track {  
        position:absolute;  
        top:0;  
        right:0;  
        /*height:100%;*/
		height:420px;  
        width:10px;  
        background-color:transparent;  
        cursor:move;  
   } 
    
   #scrollbar_handle {  
       width:10px;  
       background-color:#B62917;  
       cursor:move;  
       -moz-border-radius: 5px;  
       -webkit-border-radius: 5px;  
       opacity:0.9;  
       -moz-opacity:0.9;  
   } 
    
   #scrollbar_content {  
       overflow:hidden;  
       width:650px;  
       height:420px;
   }  
   #texto { padding-left:15px; padding-right:15px;}
   #texto, .contacto, #texto li{
    color: #8B8B8B;
        text-decoration: none;
        word-spacing: normal;
        text-align: justify;
        letter-spacing: 0;
        line-height: 1.3em;
        font-size: 12pt;
		font-weight:bold;
		
   }
   
   #contenido h2 {
	    color:#E12D3F;
	    padding-top:10px;
	    padding-bottom:10px;
		font-size:130%;
    } 
	
	
	 #contenido h3, #contenido h3 a {
	    color:#E12D3F;
	    padding-top:10px;
	    padding-bottom:10px;
		font-size:120%;
    } 
	
	#contenido p:first-letter {
        color:#E12D3F;
		font-size:120%;
		margin-left:20px;
        
    }
	/*
	#contenido p:first-line{
		padding-right:10px;
	}*/
   
  /**** Scrollbarr para menuFamilias **/
 
    .colecciones #scrollbar_container_familias {  
        position:absolute;  
        width:249px;
        left:5px;
        top:25px;
        /*border:1px #ff0000 solid;*/
          
    } 
     
   .colecciones #scrollbar_track_familias {  
        position:absolute;  
        top:0;  
        right:0;  
        /*height:100%;*/
        height:420px;  
        width:10px;  
        background-color:transparent;  
        cursor:move;  
   } 
    
   .colecciones #scrollbar_handle_familias {  
       width:10px;  
       background-color:#7C6781;  
       cursor:move;  
       -moz-border-radius: 5px;  
       -webkit-border-radius: 5px;  
       opacity:0.9;  
       -moz-opacity:0.9;  
   } 
    
  .colecciones #scrollbar_content_familias {  
       overflow:hidden;  
       width:234px;  
       height:420px;
   }  
   
   /**sub**/ 
   .colecciones #scrollbar_container_familias.sub {  
        position:absolute;  
        width:235px;
        left:5px;
        top:25px;
        /*border:1px #ff0000 solid;*/
          
    } 
     
   .colecciones #scrollbar_track_familias.sub {  
        position:absolute;  
        top:0;  
        right:0;  
        /*height:100%;*/
        height:420px;  
        width:10px;  
        background-color:transparent;  
        cursor:move;  
   } 
    
   .colecciones #scrollbar_handle_familias.sub {  
       width:10px;  
       background-color:#7C6781;  
       cursor:move;  
       -moz-border-radius: 5px;  
       -webkit-border-radius: 5px;  
       opacity:0.9;  
       -moz-opacity:0.9;  
   } 
    
  .colecciones #scrollbar_content_familias.sub {  
       overflow:hidden;  
       width:220px;  
       height:420px;
   }  
   
   
   
 /*** Menus Colecciones **/
.menuTop,
.subMenuTop {
 position:absolute;
 width:300px;	
 left:400px;
}

.subMenuTop {
	left:600px;
}
   
    
 #cita { text-align:center;}
 p.firmaCita { text-align:right; font-size:80%;}

#musicaFrame { 
    position:absolute; left:10px;bottom:40px; width:80px; height:21px;
    z-index: 90250;
	border:none;
	
}
#contentFrame {
	/*background:  #ffffff url(../img/page_bg.png) repeat-x;*/
}

table#tDist tr td{ vertical-align:middle; text-align:center;}

h1#titleCufon, .paginas h1.title, #header h1.title{ 
    margin:0px; 
    padding:0px; 
    z-index:999;
    top:-2px;
    left:10px;
    position:absolute;
}


h1#titleCufon *, .paginas h1.title *, h1.title *{
    font-size:55pt;
	color:#989898;
}
h1#titleCufon  span, .paginas h1.title span, h1.title span{
    display:inline;
}

.message {
    padding: 10px;
    margin-top: 35px;
    background: #B5AAB7;
    width: 338px;
    text-align: center;
    border: 1px solid #C4BCC6;
	color:#FFFFFF;
}

/* VIDEOS */

.ibizaTv {
	margin:0px auto;
	width:425px;
	margin-bottom:10px;
}

.ibizaTv h1{
	color:#E12D3F;
	margin-bottom:10px;
	margin-top:25px;
}

.ibizaTv h1.first{
	
	margin-top:0px;
}

#formularioSuscripcion {
	width:233px;
	position:absolute;
	right:10px;
	text-transform: lowercase;
}

#formularioSuscripcion label {
	float:left;
	width:75px;
	padding-right:5px;
	padding-top:7px;
	color:#A1814C;
	text-align:right;
	font-size:11pt;
}

.suscripcion {
    background: #ffffff;
    border: none;
    border-radius: 3px 3px 3px 3px;
    
    overflow: hidden;
    width: 150px;
    margin:0px auto;
    position:relative;
    
}
	
.suscripcion input#s {
    border: 1px solid #ffffff;
    float: left;
    font-size: 9pt;
    padding: 4px;
    width: 100px;
    text-align:center;
}

  :focus { outline: 0 none;}

 .suscripcion input#submit {
  
    background: #A1814C;
    border: 0px;
    color: #FFFFFF;
    float: right;
    font-size: 11pt;
    font-weight: bold;
    padding: 4px;
  }
  
  .suscripcion input#submit:hover {
    background: #786138;
    color:#A1814C;
}