HTML {
   overflow: -moz-scrollbars-vertical;
}

body {background:#336699;margin:0px 0px; 
      padding:0px;
      text-align:left;
	}

.zebodycontent {width:860px;
	margin:0px 0px 10px 5px;
/* 0px auto pour centrer */
	text-align:left;}

/* Inset 3D Curved */
.onset {background: transparent;}
.onset h1, .onset p {margin:0 10px;}
.onset h1 {font-size:2em; color:#000;}
.onset p {padding-bottom:0.5em;}

.onset .b1, .onset .b2, .onset .b3, .onset .b4, .onset .b1b, .onset .b2b, .onset .b3b, .onset .b4b {display:block; overflow:hidden; font-size:1px;}
.onset .b1, .onset .b2, .onset .b3, .onset .b1b, .onset .b2b, .onset .b3b {height:1px;}
.onset .b2 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b3 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b4b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b3b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.onset .b2b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}


.onset .b1 {margin:0 5px; background:#ccc;}
.onset .b2, .onset .b2b {margin:0 3px; border-width:0 2px;}
.onset .b3, .onset .b3b {margin:0 2px;}
.onset .b4, .onset .b4b {height:2px; margin:0 1px;}
.onset .b1b {margin:0 5px; background:#ccc;}

.onset .boxcontent {display:block; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}



/* Inset 3D Curved */
.inset {background: transparent;background: #336699;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#000;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b3 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b4 {background:#f13009; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b5 {background-image:url(http://www.cupidon.be/images/redhot.png); border-left:1px solid #ccc; border-right:1px solid #ccc;font-size:12px;font-family:verdana;color:#fff;font-weight:bold;}
.inset .b4b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b3b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.inset .b2b {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}


.inset .b1 {margin:0 5px; background:#ccc;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b5 {height:16px;}
.inset .b1b {margin:0 5px; background:#ccc;}

.inset .boxcontent {display:block; background:#fff; padding-left:3px; border-left:1px solid #ccc; border-right:1px solid #ccc;font-size:12px;font-family:verdana;color: #000;font-weight:normal;}


/* Photoset 3D Curved */
.artop {display:block;}
.artop * {
	display:block;
	font-size:1px;
	height:1px;
	overflow:hidden;
	border-style:solid;
	border-width:0pt 1px;
	}
.lx1    {
	border-right-width:5px;
	border-left-width:5px
	}
.lx2    {
	border-right-width:3px;
	border-left-width:3px;
	}
.lx3	{
	border-right-width:2px;
	border-left-width:2px;
	}
.lx4   {
	border-right-width:1px;
	height:2px;
	border-left-width:1px;
	height:2px;
	}
.lx1, .lx2, .lx3, .lx4  {
	border-color: #336699;
	}
.le1	{
	border-width:1px 0pt 0pt;
	height:0px !important;
	}
.le1, .le2, .le3, .le4 {
	border-color:#b6b5b5;
	}
.le2	{
	border-left-width:2px;
	}
.le2	{
	border-right-width:2px;
	}
.le4	{
	height: 2px;
	}
div.innercontent {
	border-left: 1px solid #b6b5b5;
	border-right: 1px solid #b6b5b5;
	}
div.innercontent, div.boxtitle {
	text-align: left;
	}

div.innercontent {
	padding: 0px 0px 0px 0px;
		}



div.dotted_line, .dotted_line, span.dotted_line {
	background-repeat: repeat-x;
	width: 100%;
	height: 1px;
	line-height :12pt;
	background-image: url(http://www.cupidon.be/images/dotted_line.png);
		}

.menu  {font-size:12px;font-family:verdana;color:#999;font-weight:bold;text-decoration: none;}
.normal  {font-size:12px;font-family:verdana;color:#000;}

td.normal   {font-size:12px;font-family:verdana;color:#000;}


.test_bar {
		background-color: #bababa;
		}

div.test_bar, div.test_bar_middle {
		background-repeat: repeat-x;
		width: 100%;
		height: 12px;
		}
div.test_bar {
		background-image: url(http://www.cupidon.be/images/red.png);
		}
div.test_bar_middle {
		background-image: url(http://www.cupidon.be/images/redo.png);
		}

.smallTCap {color: #ff0000;font-size: 14pt;font-variant: small-caps; font-family: "Trebuchet MS", TrebuchetMS;font-weight: bold; }

.lab  {
			font-family: verdana,arial,sans-serif;
			font-weight: bold;
			font-size: 9pt;
			color: #336699;
			DISPLAY: inline ; 
			FLOAT: left ;
			}

.formins  {
			font-family: verdana,arial,sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #336699;
			DISPLAY: inline ; 
			FLOAT: left ;
			WIDTH: 125px ;
			margin-left: 15px ;
			vertical-align:bottom;
			}

.labelpro  {
			font-family: verdana,arial,sans-serif;
			font-weight: normal;
			font-size: 12px;
			color: #000;
			DISPLAY: inline ; 
			FLOAT: left ;
			WIDTH: 140px ;
			margin-left: 10px ;
			vertical-align:bottom;
			}

.selectgris		 {
			border:1px solid black;
			background-color: #fff;
			font-family:"trebuchet ms",sans-serif;
			color:#ccc;	
			}
.select			 {
			border:1px solid black;
			background-color:#fff;
			font-family:"trebuchet ms",sans-serif;
			color:black;	
			}

div.itemselected 	{background-color:#f6f5d3;}
div.itemselected, div.item 	{margin: 3px 4px 0px 2px; float:left; width:9px; height: 9px}
div.item 		{ background-image:url(http://www.cupidon.be/images/menu_normal_red.png);}
div.itemselected 	{ background-image:url(http://www.cupidon.be/images/menu_selected_red.png);}
img.menuimage {height:9px; width:9px }

div.Bullet-green 	{margin: 0px 0px 0px 0px; float:left; width:9px; height: 9px; background-image:url(http://www.cupidon.be/images/bullet-green.png);}

/* inscription */

		.inputKO {
			border:1px solid black;
			background-color:red;
			font-family:"trebuchet ms",sans-serif;
			color:white;	
			}
		.selectKO, .optionKO {
			background-color:red;
			color:#fff;
			}
		.textareaKO {
			border:1px solid black;
			background-color:red;
			font-family:"trebuchet ms",sans-serif;
			color:#fff;
			}

		.bubble {
    			background: rgb(255, 255, 171);
    			border: 1px solid #888888;
    			padding: 5px;
    			text-align: left;
			}

		.bubblered {
    			background: rgb(250, 128, 114);
    			border: 1px solid #888888;
    			padding: 5px;
    			text-align: left;
			}

/* button */


.button-base-top-shadow {
background:#F8D187  none repeat scroll 0 0;
border-bottom:0.23em solid #F8D187;
height:0.692em;
left:0;
overflow:hidden;
position:absolute;
right:0;
top:0;
}	
.inline-block {
display:inline-block;
position:relative;
}
html, body {
border:0 none;
font-size:90%;
margin:0;
}
.button-base {
cursor:pointer;
letter-spacing:normal;
margin:0 1px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-align:center;
text-indent:0;
text-transform:none;
white-space:nowrap;
word-spacing:normal;
}
.button-float-left {
float:left;
}
.button-base-outer-box {
border-bottom:1px solid #D98C04;
border-top:1px solid #D98C04;
}
.button-base-inner-box {
background:#E7A429 none repeat scroll 0 0;
border-left:1px solid #D98C04;
border-right:1px solid #D98C04;
margin:0 -1px;
}
.button-base-pos {
height:100%;
position:relative;
}

.button-base-content {
color:#333333;
line-height:1.55em;
padding:0 0.461em;
position:relative;
text-align:center;
}
.button-tight .button-base-content {
line-height:1.4em;
}
.button-base:hover .button-base-content, .button-base:focus .button-base-content {
color:#333333;
}
.button-base:hover .button-base-outer-box, .button-base:hover .button-base-inner-box, .button-base:focus .button-base-outer-box, .button-base:focus .button-base-inner-box {
border-color:#D98C04;
}
.button-base:active .button-base-inner-box, .button-base-open .button-base-inner-box {
background:#F8D187  none repeat scroll 0 0;
}
.button-base:active .button-base-top-shadow, .button-base-open .button-base-top-shadow {
background:#E7A429 none repeat scroll 0 0;
}
.button-base:active .button-base-content, .button-base-open .button-base-content {
color:#000000;
}
.button-base-disabled {
cursor:default;
}
.button-base-disabled .button-base-inner-box, .button-base-disabled .button-base-top-shadow {
background:#EEEEEE none repeat scroll 0 0;
}
.button-base-disabled .button-base-top-shadow {
border-color:#EEEEEE;
}
.button-base-disabled .button-base-content {
color:#999999;
}
.ie6 .button-base-inner-box, .ie7 .button-base-inner-box {
left:-1px;
}
.ie6 .button-base-pos {
height:auto;
}
.ie6 .button-base-top-shadow {
height:auto;
line-height:0.692em;
position:static;
}
.ie6 .button-base-content {
display:inline-block;
}
.ie6 .button-base-content {
display:inline;
margin-top:-0.922em;
}
.button-base, .webkit .button-base-outer-box {
line-height:0;
}
.button-base-inner-box {
line-height:normal;
}
.button-base-content {
padding:0 1.23em 0 0.461em;
}

/* tagcloud */


#tagcloud div.tc_wrapper {padding:10px 5px 0;overflow-x:hidden;text-align:center; text-transform: lowercase; font: bold 2em/normal "Trebuchet MS", Trebuchet, sans-serif;
}
#tagcloud div.tc_wrapper a {text-decoration:none;vertical-align:baseline;}
#tagcloud div.tc_wrapper a.tc_c1 {color:#006fbb;}
#tagcloud div.tc_wrapper a.tc_c2 {color:#ff9600;}
#tagcloud div.tc_wrapper a.tc_c3 {color:#808080;}
#tagcloud div.tc_wrapper a.tc_c4 {color:#0af;}
#tagcloud div.tc_wrapper a.tc_wb {font-weight:bold;}
#tagcloud div.tc_wrapper a.tc_wn {font-weight:normal;}
#tagcloud div.tc_wrapper a.tc_s10 {font-size:10px;}
#tagcloud div.tc_wrapper a.tc_s11 {font-size:11px;}
#tagcloud div.tc_wrapper a.tc_s12 {font-size:12px;}
#tagcloud div.tc_wrapper a.tc_s13 {font-size:13px;}
#tagcloud div.tc_wrapper a.tc_s14 {font-size:14px;}
#tagcloud div.tc_wrapper a.tc_s15 {font-size:15px;}
#tagcloud div.tc_wrapper a.tc_s16 {font-size:16px;}
#tagcloud div.tc_wrapper a.tc_s17 {font-size:17px;}
#tagcloud div.tc_wrapper a.tc_s18 {font-size:18px;}
#tagcloud div.tc_wrapper a.tc_s19 {font-size:19px;}
#tagcloud div.tc_wrapper a.tc_s20 {font-size:20px;}
#tagcloud div.tc_wrapper a.tc_s21 {font-size:21px;}
#tagcloud div.tc_wrapper a.tc_s22 {font-size:22px;}
#tagcloud div.tc_wrapper a.tc_s23 {font-size:23px;}
#tagcloud div.tc_wrapper a.tc_s24 {font-size:24px;}
#tagcloud div.tc_wrapper a.tc_s25 {font-size:25px;}


* {margin:0px;padding:0px;}
a img {border:0}
a:link, a:visited, a:active {border:0px;color: #AE5A5A;text-decoration: none;}
a:hover {text-decoration: underline;}


/*TOP*/
.top{width:100%; text-align:left; height:60px;background:#010101;}


/*TOPNAV*/
.menuholder{width:100%; _clear:both; height:20px;background:#010101}
#menu{width:980px; _clear:both; height:auto;font-size: 10px; height:20px;/*font of menu text*/ }
#menu ul, #menu li{
	list-style-type: none;
	margin: 0;
	margin-left: 0; /*offset of first tab relative to page left edge*/
	background:#444444;
}
#nav, #nav ul{list-style-type: none;margin:0px auto; padding:0px; text-align:left;}
#nav li{float:left; background:#444444; border-left:1px solid #2F2E2E;}
#nav li a{ 
}
#nav li a span{
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    position: relative;
    display: block;
    padding:5px 24px 4px 12px;
    font-weight: normal;
    text-transform:uppercase;
    color: #C4C3C3;
    font-size:10px;
}
#nav li a:hover, #nav li a:active{
	background: #FFFFFF;
	top: 0;
	text-decoration:none;
}
#nav li a:hover span {
	background-position: 100% -24px;
	top: 0;
	color:#2F2E2E;
	background:#ffffff;
	position: relative;
}
#nav li a:active span{
	background-position: 100% -24px;
	top: 0;
	color:#2F2E2E;
	background:#ffffff;
	position: relative;
}
#nav li a span img{ position:absolute;
right:5px;
top:10px;}
/*tab seleccionado*/
#nav .selected a{
	background-position: 0 -24px;
	top: 0;
}
#nav .selected a span{
	background-position: 100% -24px;
	color:#fff;
	top: 0;
}
/*tab con etiqueta de nuevo en 3 idiomas*/
#nav .new a span{
	background-position: 100% -77px;
	padding: 6px 28px 5px 13px;*padding:  6px 28px 4px 13px;
	top: 0;
}
#nav .novo a span{
background-position: 100% -102px;
padding: 6px 28px 5px 13px;*padding:  6px 28px 4px 13px;
top: 0;
}
#nav .nuevo_es_MX a span{
background-position: 100% -52px;
padding: 5px 28px 5px 13px;*padding:  6px 28px 4px 13px;
top: 0;
}
#nav .nuevo_en_US a span{
background-position: 100% -78px;
padding:5px 27px 4px 12px;*padding:  5px 27px 3px 12px;
top: 0;
}
#nav .nuevo_pt_BR a span{
background-position: 100% -102px;
padding: 6px 28px 3px 13px;*padding:  6px 28px 4px 13px;
top: 0;
}
#nav .new a:hover span, #nav .nuevo a:hover span, #nav .novo a:hover span{
background-position: 100% -24px;
padding: 6px 28px 6px 13px;*padding: 6px 28px 6px 13px;
top: 0;
}
/*submenu dropdown*/
#nav li ul{margin:20px 0 0 -1px; _margin:20px 0 0 -1px; *margin:0 0 0 0; clear:both; font-weight:normal;left:-999em;  position:absolute; width:182px; z-index:4;text-transform:uppercase; font-size:10px; font-family: Arial, Helvetica, sans-serif; }
#nav li ul li{background:#444444;border-top:1px solid #2F2E2E;}
#nav li ul li:hover {background:#000;}
#nav li ul li:hover a{color:#fff;}
#nav li ul li a{color:#AFAFAF; background:none;  padding:0 0 0 8px; line-height:24px; width:174px; font-size:10px;font-weight:normal; display:block;}
#nav li ul li a:hover{ color:#fff; background:#020202;height:24px;}
#nav li li{color:white; height:24px; margin-bottom:0pt; padding-right:0px; width:182px; background-color:#020202 }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;display:block;}

#nav li a span {cursor:pointer;}
.invamigos{width:100px;text-align:center;}

.m1{width:100px;text-align:center;}
.m2{width:125px;text-align:center;}
.m3{width:100px;text-align:center;}
.m4{width:165px;text-align:center;}
.m5{width:100px;_width:100px;text-align:center;}