@import url(tooltips.css);
@import url(suckerfish.css);

/* IE7 HACKS */
*:first-child+html {
}

*{
margin:0;
padding:0;
}

html {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#e7fcff;
}

body{
	margin:0px;
	padding:0px;
	background-color:#e7fcff;
	background-image:url(../img/fo/bgs/bg-body.gif);
	background-position:center top;
	background-repeat:repeat-x;
	color:#333333;	
}

h1{font-size:24px;}
h2{font-size:18px;font-weight:bold;}
h3{font-size:16px;}
h4{font-size:14px;font-weight:bold;}
h5{font-size:12px;}
h6{font-size:10px;}

#main_content {
margin-top:2px;
}
#main_content a.forgotPass{
	display:block;
	padding:1px 0 0 5px;
	clear:both;
	color:#0099FF;
	font:12px Arial, Helvetica, sans-serif;
}
.login_box {
padding:10px;
width:731px; 
height:40px; 
background:url(../img/fo/login_box.jpg);
}

.content_header {
width:751px; 
height:33px; 
background:url(../img/fo/content_header.jpg);
}

.content_bg {
padding-left:20px;
padding-right:20px;
width:711px; 

background:url(../img/fo/content_bg.jpg);
}

.content_footer {
width:751px; 
height:22px; 
background:url(../img/fo/content_footer.jpg);
}

.chat_content {
float:left; 
height:250px; 
width:350px
}

.membres_content {
padding:5px;
float:left; 
height:250px; 
width:360px
}

.parties_content {
padding:5px;
float:left; 
height:250px; 
width:360px
}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Algunos ajustes basicos */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

/* Links Bases */
a, a:link, a:visited {
color:#66c3e0;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#66c3e0;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;

}


.clear {
clear:both;
}

.clear2 {
clear:both;
height:30px;
}

.clear3 {
clear:both;
height:10px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.center {
text-align:center;
}

span{
padding:3px;
}

.celeste{
color:#66C3E0;
}

.chico{
font-size:11px;
}


#header{
margin:0px auto;
padding:0px;
width:750px;
height:57px;
}

#logo{
margin:4px 0px 0px 0px;
padding:0px;
position:absolute;
z-index:2;
width:229px;
}

#menu{
margin:14px 0px 0px 0px;
padding:0px;
float:right;
width:495px;
}

#content{
width:750px;
margin:0px auto;
padding:0px;
}

#featured{
margin:0px auto;
padding:0px;
}

.foot{
background-color:#bbe2e8;
width:100%;
height:450px;

padding:0px;
border-top:1px dotted #66c3e0;
color:#66c3e0;
}

.footer{
margin:15px auto;
margin-left:auto;
margin-right:auto;
padding:0px;
width:750px;
color:#585858;
}
.footer a { color:#585858; font-weight:normal;}
.copyright{
margin:0px;
padding:0px;
text-align:left;
margin-bottom:10px;
}

.actu_box {
float:left;
width:250px;
}

#dibusoft{
margin:0px auto;
padding:10px;
text-align:center;
}

/* Bloques */
.bloque1,
.bloque2,
.bloque3,
.bloque4{
float:left;
width:355px;
line-height:1.5;
}

.bloque1{
margin:0px 20px 0px 0px;
padding:0px;
}

.bloque2{
margin:0px 0px 0px 0px;
padding:0px;
}

.bloque3{
margin:0px 0px 0px 0px;
padding:0px;
}

.bloque4{
padding:0px 0px 0px 0px;
margin:0px;
}

.bloque5{
float:left;
width:480px;
line-height:1.5;
padding:0px 20px 0px 0px;
margin:0px;
}

#tophead{
margin:0px;
padding:0px;
color:#FFFFFF;
}

.error{
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txterror{
padding:20px 0px;
width:370px;
}

.home{
background-image:url(../img/fo/home.png);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txthome{
float:left;
padding:20px 0px;
width:320px;
}
.imghome{
float:right;
padding:0px;
margin:50px 0px 0px 0px;
width:380px;
}
.homeizq{
float:left;
width:40px;
text-align:center;
padding-top:30px;
}
.homeimg{
float:left;
width:236px;
padding:0px 0px 0px 24px;
}
.homeder{
float:left;
width:35px;
text-align:center;
padding-top:30px;
}
.homedesc{
padding:45px 0px 0px 80px;
color:#666666;
font-weight:bold;
}

.about{
background-image:url(../img/fo/about.png);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txtabout{
padding:20px 0px;
}

.chkobba{


}

.chkobba2{
background-position:top left;
background-repeat:no-repeat;
height:125px;
}
.txtchkobba{
margin-top:25px;
float:left;
padding:20px 0px;
width:190px;
}
.imgchkobba{
float:right;
padding:48px 0px 0px 0px;
width:503px;
position:relative;
}
.bandita2{
float:right;
position:absolute; 
top:33px; 
right:15px;
}

.contact{
background-image:url(../img/fo/contact.png);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txtcontact{
padding:20px 0px;
width:230px;
}

/* Links */
#tophead a, #tophead a:link, #tophead a:visited,
#ser-contenedor a, #ser-contenedor a:link, #ser-contenedor a:visited,
#blanco a, #blanco a:link, #blanco a:visited{
color:#ffffff;
}

#tophead a:hover, #tophead a:active,
#ser-contenedor a:hover, #ser-contenedor a:active,
#blanco a:hover, #blanco a:active {
color:#ffffff;
}

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

.btnlnk3{
margin:10px 0px 0px 0px;
padding:5px 0px 0px 25px;
border:none;
background-image:url(../img/fo/btn3.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
width:200px;
height:28px;
cursor:pointer;
display:block;
}

.content li{
list-style:none;
background-image:url(../img/fo/icones/bullet_blue.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}

#ser-contenedor li{
list-style:none;
background-image:url(../img/fo/icones/bullet_white.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}


#total{
margin:0px auto;
padding:0px;
position:relative;
width:750px;
}

#subir{
width:30px;
height:30px;
position:absolute;
z-index:10;
}

.btnlnk{
margin:2px 0px 0px 0px;
padding:2px 0px 0px 25px;
border:none;
background-image:url(../img/fo/btn.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
width:200px;
height:28px;
cursor:pointer;
display:block;
font-weight: bold; color:#0099FF;
padding-top:7px;
}

.separador{
background-image:url(../img/fo/bgs/bg-separador.gif);
background-position:top left;
background-repeat:no-repeat;
height:10px;
}

#metodo{
margin:0px;
padding:0px;
width:750px;
height:239px;
background-image:url(../img/fo/metodo.gif);
background-position:top left;
background-repeat:no-repeat;
}
.txtmetodo{
padding:0px;
width:370px;
}

.caso{
background-repeat:no-repeat;
background-position:top left;
padding:0px 0px 0px 0px;
width:355px;
position:relative;
}

.caso a:hover{
text-decoration:none;
}

.bandita{
float:right;
position:absolute; 
top:0px; 
right:8px;
}

.casoimg{
width:355px;
height:123px;
overflow:hidden;
position:relative;
cursor:pointer;
}

.desc_caso{
filter:alpha(opacity=90);	/* Transparency */
opacity:0.9;	/* Transparency */
background-color:#000000;
color:#FFFFFF;
/* opacity:0.9; */
position: absolute;
top:200px;
left:0px;
height:123px;
width:355px;
padding:5px;
}

#popupContainer,.popupContainer{ position:relative; top:120px; width:500px; min-height: 200px; margin-left:auto; margin-right:auto; z-index:100; }
#popupClose {position:absolute; z-index:21; right:3px; top:3px;}
#popup,.popup {position:absolute; width:100%; height:100%;}
#blackout, .blackout {position:absolute; width:100%; height:3000px; 


	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	border:0px solid red;
	background-color:#000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);

	}
	#app { height:0px; width:100%; position:absolute; top:0px; left:0px;}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{
  background:#ffffff;
  padding:10px;
  min-height:200px;

  }
.spiffyfg, .spiffy5, .spiffy4 , .spiffy3, .spiffy2, .spiffy1, .spiffy {  }
		#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 0px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-opera-border-radius: 3px;
			-moz-border-radius: 3px;
		}

		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }
		
		.suggest
		{
			position : relative;
			top : 0px;
			right : 0px;
			z-index: 100;
			border:1px solid black;
			display:none;
			background-color: #ECECEC;
		}
		
.suggestElement { font-size: 14px; line-height:15px; padding:2px; padding-left:10px; padding:0px; cursor:pointer; border-bottom: 1px solid gray; list-style-type:none; color: #8e0045; text-transform: uppercase}
.suggestElement ul { margin:0px 0px 0px 0px ;}
.suggestElement:hover{ background-color:black; color:white;}
.suggestContainer{ position:absolute;  }

.mediumTextH { border:1px solid #cccccc; color:#0099FF;  margin:0px 5px 0px 0px; font-size:18px; padding-left:5px; width:200px; height:28px;   float:left;}
.mediumText { border:1px solid #cccccc; color:#0099FF;  margin:0px 5px 0px 0px; font-size:18px; padding-left:5px; width:200px; height:28px;}

.enregistrer ,.enregistrerH { background-image:url(../img/fo/send.gif); cursor:pointer; width: 200px;  color: white; font-weight:bold; text-align:center; border:0px;height:28px;   margin:0px 0px 0px 0px; line-height: 28px;}
.enregistrerH { border:0px solid black; float:left;}
.error{  text-align:center; vertical-align:middle; height:250px; font-size: 24px}
.fBlue { background-color : #fbfdfd; border:1px solid #cccccc; height:40px; padding:5px; }
.tdBlue:hover {background-color : #1cb8e9;border:1px solid #0e89b0; } 
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
#message {

background-image: url('img/fo/bgMessage.gif');

background-repeat: repeat-x;

background-color: #f7e7c8;

padding:10px;

width:655px;

margin-left:4px;

border:1px solid #e3cfb3;

margin-bottom:10px; 

}

#message h2 {}
.thd {border-top:1px solid #585858; border-bottom:1px solid #585858; }
.input_form { font-weight:bold; line-height:20px; color: #0099FF; font-size:16px; }

.statPartieg h2 , .statPartiep h2, .statPartien h2 { font-size: 12px; margin:2px 2px 2px 2px; color:#829f4b; display:inline;}
.statPartieg, .statPartiep, .statPartien  { border:#60841b; background-color:#ffffff; padding:5px; margin-bottom:10px;}
.statPartiep { background-color:#ffffff; border: 1px solid #FF0033; }
.statPartieg { background-color:#ffffff; border: 1px solid #60841b; }
.statPartiep h2 { color: #c3000a;}
.score {width:80px; background-color:#3366FF; color:#FFFFFF; height:20px; text-align:center; vertical-align:middle; margin:20px}