/* Site : Tablado Andaluz - Porto Alegre
   design: Studio Websapiens  */

   
/*  styles généraux
---------------------------------------------------------------------------------------- */
   
body { 	
	padding: 0; 
	margin: 0; 
	font: 0.6em verdana, sans-serif; 
	line-height: 1.5em;
	background-image : url("background.gif");
          	background-repeat : repeat-y;
          	background-position : top center; 
	color: #454545; 
}

a { color: #000000; background: inherit;}
a:hover { color: #6C757A; background: inherit; }

h1 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 10; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }

p { margin: 0 0 5px 0;}

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 10px; }


/*Contenu
---------------------------------------------------------------------------------- */

.content { 
	background: #000000; 
	margin: 0 auto;
	width: 780px;
	padding: 0px; 
}

.header { 
	height: 181px;
	background:  none;
	color: #808080;
	margin: 0px 0;
	padding: 0 0 0 0;
	border-bottom: 0px solid #ccc;
}

/*Menu horizontal
--------------------------------------------------------------------------------------- */

#menuh ul {margin:0em; padding:0; list-style-type:none; background:#000000; height:-2em;}
#menuh li {display:block; float:left;}
#menuh {display:block; position:relative; background:#eee;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:1em; padding-bottom:0.7em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#B04352; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xcontenu {display:block; background:#962030; border:0 solid #fff; border-width:0 1px 1px 1px;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:10em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xcontenu {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}

.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}



/* gallerie centrale
------------------------------------------------------------------------------------------------------------------ */
#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}



/* côté gauche
--------------------------------------------------------------------------------------------------------------------- */

.gauche {
	float: left;
	width: 65%;
	background: #f5f5f5 ;
	margin: 0 0 10px 0;
}

.gauche table {background: #f5f5f5 ; margin: 0 10px 0px 15px; text-align: center; font: 10px Tahoma, Georgia, Verdana, Arial;}
.gauche table td.entete {background: #6C757A; color: #fff}

.gauche h3 {
	clear: both;
	background: #962030 url(corner.gif) no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 15px;
	font: bold 1.1em Verdana, Arial, Sans-Serif;
	margin: 0 0 1px 0;
}

	.gauche_cote {
		float: left;
		width: 220px;
		background: #fff;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}

	.droite_cote {
		float: right;
		width: 250px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}

	.droite_cote p, select, option, input  {font-size: 1em;}
	.gauche_cote p, select, option, input  {font-size: 1em;}
		
	.gauche_cote a, .droite_cote a { color: #414141; background: #ffffff; }
		
	.gauche_boite { background: #f5f5f5 ; margin: 0 0 0px 0; color: #000 ; padding: 3px 0; }
	.gauche_boite h2 {font-size: 1.5em; margin-bottom: 5px; color: #000; background: none }
	.gauche_boite  p { margin: 0 5px 5px 5px; padding:0 15px 8px 15px; text-align:justify;}
	.gauche_boite p.nota {margin : 6px 15px 6px 15px; padding : 5px 10px; border: 1px dashed #ccc; background: #952030;color: #fff;}
	.gauche_boite img {border: none}


	.gauche_gallerie {
		float: left;
		width: 450px;
		background: #f5f5f5;
		padding: 0 0 0 15px;
		margin: 5px 0;
	}

	.gauche_gallerie a {text-decoration: none; color: #E0691A;}

	.gauche_gallerie a:hover {color: #6C757A; background: none; }

	.gauche_gallerie a span {display: none;}

	.gauche_gallerie a:hover span {
	display: inline;
	position: absolute;
	bottom: 10px;
	left: 30%;
	width: 200px;
	height: 100px;
	text-align: center;
	border:2px solid #ffffff;
	}
	
		
/* cõté droit
--------------------------------------------------------------------------------------------------- */
		
.droite {
	float: right;
	width: 34.6%;
	margin: 0 0 10px 0;
}

.droite h3 {
	background: #6C757A  ;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.droite_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}


/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 1.1em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(http://www.tabladoandaluz.com.br/images/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tabladoandaluz.com.br/images/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/



/* Pied de page
------------------------------------------------------------------------------------------------------- */

.piedpage { 
	clear: both;
	height: 100px;
	background:  url(topos/footer.jpg) no-repeat;
	text-align: center;
	color: #ffffff;
	padding: 20px 0 0px 0;
	margin: 0;
	border-top: 0px solid #ccc;
	line-height: 1.8em;
}
.piedpage a { color: #ffffff; }