p{font-family:Georgia, Times, serif} 
 /* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/_layouts/images/WebsiteEsporao/btns/btns_large.png) no-repeat;
	display:block;
	width:20px;
	height:0px;/*30px;*/
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
	
}
.backscroll{
	width:10px;
	height:10px;
	background-color:red;
	position:relative;
	left: -40px;
	top:20px;
	z-index:9999;
	float:left;
}
/* right */
a.right 				{ position:relative; z-index:9999;background-position: 0 -30px; 
clear:right; right: 20px; margin-top:30px; float:right;top:0px;
}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ position:relative;
margin-left: -10px; top:20px;left: -20px;
	z-index:9999;
	float:left;
background-position: 0px 0px;} 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 915px;
	height:90px;

	/* custom decorations */
	border:0px;
	/*
	border:0px solid #ccc;

	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px 5px 5px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:167px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}
*/


/*
 
 override styling in external stylesheets 
 
*/
 
 
 
/* remove margins from the image */
.items img {
	margin:0;
}
 
/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:8px 4px;
} 
 
 
/* tooltip styling 
#tooltip {
position:relative;
	display:none;
	background:url(/_layouts/images/WebsiteEsporao/btns/background.png);
	font-size:12px;
	width:160px;
	padding:0px;
	color:#fff;
	z-index:99999;

}
 */
 
 
/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}
 
#gallery .inactive {
	visibility:hidden !important;
}

/*Menu*/
ul.dropdown {
 font-size:11px;
 width:500px;
}

	ul.dropdown li {
	 padding: 20px;
	/* border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;*/
	 margin:20px;
	 color: #000;
	 padding-right:20px;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	/* background-color: #eee;*/
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none;  }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	 
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 padding-right:30px;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0px;
 margin-right:20px;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 vertical-align: middle;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 white-space:nowrap;
 background-color:white;
 
}

ul.dropdown ul li {
 float: none;
 margin:8px;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*Common Textos*/

body{
	font-size:small;
	font-family:Georgia;
}

.titulo{
font-size:medium;
color:#CFBB7E;
text-align:left;
font-variant:small-caps;
}
.subtitulo{
font-size:small;
color:black;
font-weight:bold;
text-align:left;
margin-bottom:30px;

}
.texto{
font-size:11px;
color:black;
text-align:left;
line-height:16px;
}
.texto p{
	margin-top:10px;
}

.textoRodape{
font-size:small;
color:black;
text-align:left;
}

p{
	line-height:16px;
}

/*castas*/

#divMenuListagemCastas{ 
    text-align:center; 
    width:600px;
    text-align:left;
}

.MenuListagemCastas {
     list-style:none;
     width:600px;
}

.MenuListagemCastas li {
    display: table-cell;
	display: inline-block;
     margin:10px 20px 0 10px;
}
.MenuListagemCastas li a {
   
}
.tablecontentfull{
			margin-top:-100px;
}

/*menu paginas*/

.floatMenu{

/*	position: absolute;
display:inline-table;
	height:80px;
	max-height:80px;
	width:150px;
	max-width:150px;
	overflow:auto;
	padding:0;
	background-color:white;
	left:0px;
	
	
	*/
}
.divpaifloattop{
/*background-image: url('/images/round/menupaginas/fundo.png');
background-repeat:no-repeat;
background-position:right bottom;
background-color:#BDBDBD;
position:absolute;
*/
width:150px;
left:140px;

top:0px;
overflow:hidden;
}
.divpaifloatbottom{
/*
padding-top:10px;
background-image: url('/images/round/menupaginas/topo.png');
background-repeat:no-repeat;
background-position:right top;
background-color:#BDBDBD;
height:200px;
*/

}

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .divpaifloatbottom table table td a {
      margin-left:16px
   }
}

/*final menu*/

.castasActive{
background-color:#C9B674;
				color:#fff;
				font-weight:bold;
}

#divBarraLigacao{
position:absolute;
top:20px;
border-left:1px #C3C3C3 solid;
float:left;
z-index:1900;
width:1px;
height:1px;
}

#imgEntrar{
				right:23px;
				padding-right:23px;
}
#txtPesquisa{
				border:none;
				background-color:white;
				border-color:white;
margin-top:4px;
}
.imgsgrupo table{
				left:0px;
				padding:0px;
				
}
/*Controlo de idade*/


.controloidade_bgFundo{
background: url(/_layouts/images/WebsiteEsporao/round/controloidade/pixelBottom.png) repeat-x;}
.controloidade_bgTopo{
background: url(/_layouts/images/WebsiteEsporao/round/controloidade/pixelTop.png) repeat-x;}
.controloidade_bgEsquerda{

background: url(/_layouts/images/WebsiteEsporao/round/controloidade/pixelLeft.png) repeat-y;}
.controloidade_bgDireita{
background: url(/_layouts/images/WebsiteEsporao/round/controloidade/pixelRight.png) repeat-y;}
.controloidade_PreencherInterior{background-color:white;}
.controloidade_rodape{
				font-size:xx-small;
				color:gray;
}
/*Mapa site*/
.mapa{width:800px;}
.class0{
background-color:#353435;
min-width:200px;
width:200;
wrap:no-wrap;
}
.class1{
background-color:#414142;
}
.class2{
background-color:#58595B;
}
.class3{
background-color:#6D6F71;
}
.class4{
background-color:#808284;
}
.class5{
background-color:#808080;
}
.class6{
background-color:#999999;
}
.class7{
background-color:#B3B3B3;
}

.textoMapaSite{color:#FFF;
text-decoration:none;
}
#tooltip {
position:absolute;
top:500px;
	display:none;
z-index:9999;
font-size:12px;
	width:160px;
background-color:#fff;
}