/* CSS Document */
body{margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;
color:#656565; background-color:#F0F0F0;
background-image: url(/images/background.gif);background-repeat: repeat-x; cursor:default;}
.wrapper{width:1000px; height: auto; margin-left:auto; margin-right:auto; padding:0px;}
.clear{clear:both;}

.right_aligner{float:right;}
.center_aligner{text-align:center;}
.text{font-size:13px; padding:10px 15px 5px 0px;}
.spacer{padding:2px}

.small{font-size:11px;}
.big{font-size:14px;}

.normal{font-weight:normal;}
.bold{font-weight:bold;}

.black{color:#000;}
.white{color:#FFF;}
.lightgreen{color:#a3cf44;}
.green{color:#87a13e}
.blue{color:#0065ad;}
.red{color:#b10000;}
.lightblue{color:#0ac6f3;}

.pointer{cursor:pointer;}
.link{text-decoration:underline;}
a.link{text-decoration:none;}
/* HEADER */
.header{margin:0px; padding:0px;}
.logo{width:317px; height:100px; background-image: url(/images/logo.gif); float:left;}
.botonera{width:667px; height:42px; margin:56px 0px 0px 0px; padding:8px 0px 0px 16px;
background-image: url(/images/botonera_background.gif);float:left;}
.mainbuttons{float:left; margin:0px 0px 0px 4px; cursor:pointer;}

/* LOGINBAR */
.loginbar{width:1000px; height:42px; background-image: url(/images/login_bar.gif);}
.online{font-size:11px; font-weight:bold; color:#444; padding:5px 0px 5px 5px;}
.online a {text-decoration:none; font-size:11px; font-weight:bold; color:#444;}
.map{font-size:12px; font-weight:bold; color:#444; padding:7px 0px 0px 5px; text-decoration: none;}
.map a{font-size:12px; font-weight:bold; color:#656565; text-decoration: none;}
.loginbar .login_label {font-size:10px; font-weight:bold; color:#343434; padding:14px 4px 0px 10px; float:left;}
.loginbar .login_label a {font-size:10px; font-weight:bold; color:#1E8DDC;}
.center_panel .login_label{font-size:10px; font-weight:bold; color:#343434;
padding:14px 4px 0px 10px;//padding:14px 4px 0px 15px; float:left;}
.login_input{width:125px; height:16px; margin:11px 0px 0px 0px; padding: 2px 0px 0px 2px;
float:left; font-size:10px; border:1px solid #8c8c8c;}

.loginbar .button_gray{width:65px; height:20px; margin:11px 0px 0px 10px; padding:0px 0px 0px 1px;
font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none;
background-color:#e4e4e4; background-image: url(/images/button_gray.gif); background-repeat:no-repeat; float:left; cursor:pointer;}
.loginbar .button_blue{width:65px; height:20px; margin:11px 0px 0px 10px; padding:4px 0px 0px 0px;
font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none;
background-color:#e4e4e4; background-image: url(/images/button_blue.gif); background-repeat:no-repeat; float:left; cursor:pointer;}
.center_panel .button_gray{width:65px; height:20px; margin:11px 0px 0px 10px; padding:0px 0px 0px 0px;
font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none;
background-color:#FFF; background-image: url(/images/button_gray_white.gif); background-repeat:no-repeat; float:left; cursor:pointer;}
.center_panel .button_blue{width:65px; height:20px; margin:11px 0px 0px 10px; padding:0px 0px 0px 0px;
font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none;
background-color:#FFF; background-image: url(/images/button_blue_white.gif); background-repeat:no-repeat; float:left; cursor:pointer;}

.search_input{width:140px; height:16px; margin:11px 0px 0px 0px; padding: 2px 0px 0px 2px;
float:left; font-size:10px; border:1px solid #8c8c8c;}
.search_button{width:63px; height:19px; margin:11px 10px 0px 4px;border:none; float:left;
background-color:#c9c9c9; background-image: url(/images/button_search.gif);
cursor:pointer; color:#FFFFFF;}

.freecursor_banner{width:728px; height:auto; margin:7px 5px 0px 3px;//margin:7px 5px 0px 1px; float:left;}
.panel_small{position:relative; width:264px; height:98px; margin:4px 0px 0px 0px;
background-image: url(/images/panel_small.gif);float:left;}
.addus_button{position:relative; width:177px; height:31px; top:10px; left:15px; cursor:pointer;}
.bookmark_button{position:relative; width:177px; height:31px; top:20px; //top:5px; left:15px;
cursor:pointer;}
.panel_small .separator{position:relative; width:239px; top:15px;//top:13px; left:12px;
border-top:1px solid #c9c9c9;}

/* STRUCTURE */
.leftbar{width:258px; height:auto; float:left;}
.center{width:574px; height:auto; float:left;}
.rightbar{width:168px;//width:165px; height:auto; float:left;}

/* LEFT BAR */
.layouts_panel{width:258px; height:auto; margin:0px 0px 5px 0px;}
.layouts_panel .header{width:258px; height:49px; background-image: url(/images/layouts_header.gif);}
.layouts_panel .content{width:258px; height:auto; background-image: url(/images/layouts_content.gif);
background-repeat:repeat-y;}
.layouts_panel .layout_select{width:248px; height:24px; margin:0px 0px 0px 5px;
background-image: url(/images/layout_select.gif);}
.layouts_panel .select_text{padding:4px 0px 0px 10px; font-size:13px; font-weight:bold; color:#355f85;cursor:pointer; float:left; text-transform: Capitalize; text-decoration: none;}
.layouts_panel .footer{width:258px; height:16px; background-image: url(/images/layouts_footer.gif);}

.partner_panel{width:258px; height:auto; margin:0px 0px 5px 0px;}
.partner_panel .header{width:258px; height:43px; background-image: url(/images/partner_header.jpg);}
.partner_panel .content{width:258px; height:auto; background-image: url(/images/partner_content.jpg);
background-repeat:repeat-y;}
.partner_panel .partner_select{width:248px; height:24px; margin:0px 0px 0px 5px;}
.partner_panel .select_text {padding:4px 0px 0px 15px; font-size:14px; font-weight:bold; color:#ffffff;cursor:pointer; float:left; text-transform: Capitalize; text-decoration: none;}
.partner_panel .footer{width:258px; height:12px; background-image: url(/images/partner_footer.jpg);}

.graphics_panel .header{width:258px; height:49px; background-image: url(/images/graphics_header.gif);}
.graphics_panel .content{width:258px; height:auto; background-image: url(/images/graphics_content.gif);
background-repeat:repeat-y;}
.graphics_panel .graphic_select{width:248px; height:24px; margin:0px 0px 0px 5px;
background-image: url(/images/graphic_select.gif);}
.graphics_panel .graphic_subselect{width:248px; height:24px; margin:0px 0px 0px 5px;
background-image: url(/images/graphic_subselect.gif);}
.graphics_panel .select_text{padding:4px 0px 0px 10px; font-size:13px; font-weight:bold; color:#448535;cursor:pointer; float:left; text-transform: Capitalize; text-decoration: none;}
.graphics_panel .subselect_text{padding:4px 0px 0px 30px; font-size:12px; font-weight:bold; color:#448535;cursor:pointer; float:left; text-decoration: none;}
.graphics_panel .footer{width:258px; height:16px; background-image: url(/images/graphics_footer.gif);}

.gens_panel .header{width:258px; height:49px; background-image: url(/images/gens_header.gif);}
.gens_panel .content{width:258px; height:auto; background-image: url(/images/gens_content.gif);
background-repeat:repeat-y;}
.gens_panel .gen_select{width:248px; height:24px; margin:0px 0px 0px 5px;
background-image: url(/images/gen_select.gif);}
.gens_panel .select_text{padding:4px 0px 0px 10px; font-size:13px; font-weight:bold; color:#853535;cursor:pointer; float:left; text-transform: Capitalize; text-decoration: none;}
.gens_panel .footer{width:258px; height:16px; background-image: url(/images/gens_footer.gif);}

.leftbar .banner{margin:0px 0px 5px 5px;}

/* CENTER */
.center_banner{margin:6px 0px 5px 0px;}
.center_panel{width:574px; height:auto; margin:0px 0px 5px 0px;}
.center_panel .header{width:574px; height:36px; background-image: url(/images/center_header.gif);
background-repeat:no-repeat;}
.center_panel .header_blind{width:574px; height:14px;//margin:0px 0px -1px 0px;
background-image:url(/images/center_header_blind.gif); background-repeat:no-repeat;}
.center_panel .content{width:574px; height:auto; background-image: url(/images/center_content.gif); background-repeat:repeat-y;}
.center_panel .footer{width:574px; height:14px; background-image: url(/images/center_footer.gif); background-repeat:no-repeat;}

.center_panel .title{font-size:18px; font-weight:bold; color:#333; padding:9px 0px 0px 12px; float:left;}
.center_panel .addtitle{font-size:12px; font-weight:bold; color:#455c13; padding:13px 12px 0px 0px; float:right;}

.center_panel .graphic_aligner{padding:0px 0px 0px 27px;}
.center_panel .panel_aligner .graphic_aligner{padding:0px 0px 0px 0px; margin:0px 0px 0px 7px;}
.center_panel .graphic_container{position:relative; width:100px; height:auto; float:left; margin:10px 2px 0px 2px; text-align:center;}
.graphic_container .graphic_thumb{position:relative; width:78px; height:80px; padding:2px; border:1px solid #bfbfbf;}
.graphic_container .graphic_thumb:hover{//filter: alpha(opacity=20); opacity: .2; border:1px solid #000;//behavior:url(/iehoverfix.htc);}
.graphic_container .graphic_description{height: 13px; width:95px; font-size:12px; font-weight:bold; color:#333; overflow:hidden; text-align:center; padding:0px 2px 0px 2px;}
.graphic_thumb_leyend{text-align:center; cursor:pointer; position:absolute; width:78px; height:15px; bottom:17px; left:3px; //left:11px;
display: none; background-color: black; color:white; font-size: 10px; padding-top: 3px;}

.center_panel .layout_aligner{padding:0px 0px 0px 7px;}
.center_panel .panel_aligner .layout_aligner{padding:0px 0px 0px 0px; margin:0px 0px 0px -8px;}
.center_panel .layout_container{position:relative; width:182px; height:auto; float:left; margin:10px 2px 0px 2px; text-align:center;}
.center_panel .layout_container_view{width:182px; height:auto; float:left; margin:10px 2px 0px 10px; float: right;}
.layout_container .layout_thumb, .layout_container_view .layout_thumb{position:relative; width:160px; height:111px; padding:2px;
border:1px solid #bfbfbf;}
.layout_container .layout_thumb:hover{//filter: alpha(opacity=20); opacity: .2; border:1px solid #000; //behavior:url(iehoverfix.htc);}
.layout_container .layout_description{height:14px; width:182px; font-size:12px; font-weight:bold; color:#333; overflow:hidden; text-align:center; padding:0px 2px 0px 2px;}
.layout_thumb_leyend{text-align:center; cursor:pointer; position:absolute; width:160px; height:15px; bottom: 16px; //bottom:20px; left:3px; //left:11px;
display: none; background-color: black; color:white; font-size: 10px; padding-top: 3px;}

.center_panel .panel_aligner{padding:0px 0px 0px 15px;}

.center_panel .gen_aligner{padding:0px 0px 0px 20px;}
.center_panel .gen_container{position:relative; width:112px; height:auto; float:left; margin:10px 10px 0px 10px; text-align:center;}
.gen_container .gen_thumb{position:relative; width:90px; height:90px; padding:2px; border:1px solid #bfbfbf; z-index:3;}
.gen_container .gen_description{font-size:12px; font-weight:bold; color:#333;}

.addhere_leyend{margin:10px 0px 0px 0px;}
.gen_thumb_leyend{position:absolute; width:90px; height:90px; top:3px; left:11px; z-index:2; background-image: url(/images/add_gen.gif);}


/* RIGHT BAR */
.right_banner{margin:6px 0px 5px 4px;}

.tiny_panel{width:165px; height:auto;}
.tiny_panel .header{width:165px; height:10px; background-image: url(/images/tiny_header.gif);
background-repeat:no-repeat; //margin:0px 0px -5px 0px;}
.tiny_panel .content{width:165px; height:auto; background-image: url(/images/tiny_content.gif); background-repeat:repeat-y;}
.tiny_panel .footer{width:165px; height:10px; background-image: url(/images/tiny_footer.gif); background-repeat:no-repeat;}
.tiny_panel .panel_aligner{padding:0px 0px 0px 10px;}

/* FOOTER */
.mainfooter{height:175px; color:#FFF; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; background-color:#565656; clear:both;
background-image: url(/images/footer_background.gif); background-repeat:repeat-x; text-align:center;}


/* SUBPANELS */
.sortbar{width:574px; height:44px; background-image: url(/images/sortbar.gif);}
.sort_alpha{position:relative; top:12px; left:15px; float:left;}
.sort_date{position:relative; top:12px; right:16px; float:right;}
.sort_select{position:relative; top:1px; width:200px; height:17px;//height:20px; border:1px solid #a9a9a9;}

.pagination{width:574px; height:45px; background-image: url(/images/pagination.gif);
background-repeat:no-repeat;}
.pagination .numbers{position:relative; top:17px; text-align:center; text-decoration:none;}

/* FORMS */
.label{width:125px; text-align:right; margin-top:10px; float:left; color:#87a13e; font-weight:bold;}
.input_med{width:175px; height:13px; font-size:10px; margin:8px 0px 0px 5px; float:left;}
.input_large{width:325px; height:13px; font-size:10px; margin:8px 0px 0px 5px; float:left;}
.textarea_contact{width:325px; height:150px; font-size:11px; margin:8px 0px 0px 5px; float:left; font-family:Tahoma;}
.button_contact{position:relative; width:65px; height:20px; left:384px;//left:386px;
margin:11px 0px 0px 10px; padding:0px 0px 0px 0px; font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none; background-color:#FFF; clear:both;
background-image: url(/images/button_gray_white.gif); background-repeat:no-repeat; cursor:pointer;}
.button_user{position:relative; width:65px; height:20px; left:234px;//left:236px;
margin:11px 0px 0px 10px; padding:0px 0px 0px 0px; font-weight:bold; font-size:11px; color:#FFF; text-align:center; border:none; background-color:#FFF; clear:both;
background-image: url(/images/button_gray_white.gif); background-repeat:no-repeat; cursor:pointer;}

/* ELEMENTS */
/* rank */
.rank{padding:10px 0px 0px 0px;}
.rank_full{width:29px; height:28px; float:left;
background-image:url(/images/rank_full.gif); background-repeat:no-repeat;}
.rank_mid{width:29px; height:28px; float:left;
background-image:url(/images/rank_mid.gif); background-repeat:no-repeat;}
.rank_empty{width:29px; height:28px; float:left;
background-image:url(/images/rank_empty.gif); background-repeat:no-repeat;}
.rank_empty:hover, .rank_mid:hover, .rank_full:hover{background-image:url(/images/rank_selected.gif);
//behavior:url(iehoverfix.htc);}
.vote { cursor:pointer;}


.layout_element{padding:2px; margin:10px 5px 5px 0px; border:1px solid #bfbfbf; float:left;}

.preview{width:160px; height:20px; margin:0px 0px 10px 0px; cursor:pointer;
background-image:url(/images/preview.gif);}
.preview2{width:160px; height:20px; margin:0px 0px 0px 0px; cursor:pointer;
background-image:url(/images/preview2.gif);}
font-weight:bold; color:#666666; text-decoration:none;}
.layout_banner{float:left;}
.codebar{width:535px; height:15px; margin:5px 0px 0px 0px; padding:3px; font-size:9px; color:#000; border:1px solid #8c8c8c; background-color:#f2f2f2;}
.secondtitle{width:535px; padding:0px 0px 5px 0px; border-bottom:1px solid #666; font-size:14px;
font-weight:bold; color:#666;}
.promotitle{width:535px; padding:0px 0px 5px 0px; font-size:14px;
font-weight:bold; color:#666;}
.versiontitle{width:535px; padding:0px 0px 5px 0px; font-size:16px;
font-weight:bold; color:red;}
.comments{width:530px; margin:10px 0px 0px 5px; padding:0px 0px 5px 0px;
border-bottom:1px solid #8c8c8c;}

.element_aligner{text-align:center;}
.graphic_element{padding:2px; margin:10px 5px 5px 0px; border:1px solid #bfbfbf;}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 78px;
    height: auto;
}


.jcarousel-skin-tango.jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFFFFF;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 450px;
    padding: 20px 40px;
}

.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  440px;
    height: auto;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 78px;
    height: auto;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #FFFFFF;
    color: #000;
}

/* add favorites big leyend */
.bigaddleyend{
	position:absolute;
	width:100%;
	top:45%;
	left: 0px;
	height:65px;
	background-color:#a3cf44;
	color:#FFF;
	font-size:56px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	border-top:10px solid #F0F0F0;
	border-bottom:10px solid #F0F0F0;
	z-index:10;
	display:none;
}

.addfavelement{
	float: right; margin:0px 10px 0px 0px;
}
.addfavelay{
	float: right; margin:0px 10px 0px 0px;
}