/* MAIN */

html, body
{
 position: relative;
 margin: 0;
 padding: 0;
 height: 100%;
 background-color: #fff;
 
 font: 12px Arial, Helvetica, sans-serif;
 color: #000;
 text-align: left;
}
.push_float{ display: block; height: 1px; clear: both; }


/* HEADER */

div#header
{
 position: relative;
 width: 1000px;
 margin: 20px auto 30px auto;
}
div#header h1
{
 width: 487px;
 height: 78px;
 margin: 0;
 padding: 0;
}
a#logo
{
 display: block;
 width: 487px;
 height: 78px;
 
 background: transparent url( '/templates/dorcel/imgs/logo_35y.png' ) no-repeat center;
}
div#links
{
 position: absolute;
 top: 0;
 right: 0;
 width: 440px;
 height: 27px;
 padding-top: 9px;
}
div#links a.contact
{
 float: right;
 display: block;
 width: 19px;
 height: 13px;
 margin-top: 14px;
 
 cursor: pointer;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left top;
}
div#links a.contact:hover{ background-position: -19px top; }
div#links a.facebook
{
 float: right;
 display: block;
 width: 13px;
 height: 27px;
 margin: 0 0 0 12px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -13px;
}
div#links a.facebook:hover{ background-position: -13px -13px; }
div#links a.twitter
{
 float: right;
 display: block;
 width: 17px;
 height: 21px;
 margin: 6px 0 0 12px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -40px;
}
div#links a.twitter:hover{ background-position: -17px -40px; }

div#links a.icon
{
 float: right;
 display: block;
 width: 28px;
 height: 28px;
 margin: 1px 7px 0 0;
 
 background: transparent url( '../imgs/network.png' ) no-repeat left top;
}
div#links a.icon.facebook{ background-position: 0 -28px; }
div#links a.icon.facebook:hover{ background-position: 0 0; }
div#links a.icon.twitter{ background-position: -28px -28px; }
div#links a.icon.twitter:hover{ background-position: -28px 0; }
div#links a.icon.tumblr{ background-position: -56px -28px; }
div#links a.icon.tumblr:hover{ background-position: -56px 0; }
div#links a.icon.instagram{ background-position: -84px -28px; }
div#links a.icon.instagram:hover{ background-position: -84px 0; }
div#links a.icon.googleplus{ background-position: -112px -28px; }
div#links a.icon.googleplus:hover{ background-position: -112px 0; }
div#links a.icon.youtube{ background-position: -140px -28px; }
div#links a.icon.youtube:hover{ background-position: -140px 0; }
div#links a.icon.dailymotion{ background-position: -168px -28px; }
div#links a.icon.dailymotion:hover{ background-position: -168px 0; }
div#links a.icon.pinterest{ background-position: -196px -28px; margin-right: 12px; }
div#links a.icon.pinterest:hover{ background-position: -196px 0; }

ul#languages
{
 float: right;
 width: 135px;
 margin: 3px 0 0 12px;
 padding: 0;
 
 list-style: none;
 background: #737373;
}
ul#languages li
{
 display: none;
 height: 18px;
 margin: 5px 5px 0 5px;
 padding: 2px 0 0 0;
 cursor: default; 
 
 border-top: 1px dotted #fff;
 background-color: #737373;
 
 font-size: 10px;
 text-align: center;
 text-transform: uppercase;
 line-height: 18px;
 color: #e0e0e0;
}
ul#languages li a{ cursor: pointer; color: #e0e0e0; text-decoration: none; }
ul#languages li a:hover{ color: #fff; }
ul#languages li.title
{
 position: relative;
 display: block;
 height: 15px;
 margin: 0;
 padding: 4px 5px 0 5px;
 cursor: pointer; 
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -70px top;
 
 color: #fff;
 font-size: 11px;
 text-align: left;
 text-transform: none;
 line-height: 15px;
}
ul#languages li.foot
{
 display: block;
 height: 5px;
 margin: 0;
 padding: 0;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -70px -23px;
 
 font-size: 0;
 line-height: 0;
}


/* MENU */

ul#menu
{
 width: 1000px;
 height: 15px;
 margin: 0 auto 10px auto;
 padding: 0;
}
ul#menu li
{
 float: left;
 width: 93px;
 height: 14px;
 margin: 0;
 padding: 0;
 
 list-style: none;
 border-left: 1px solid #fff;
 border-left-color: transparent;
 border-right: 1px solid #9c9b9b;
}
ul#menu li.first{ border-left: 1px solid #9c9b9b; }
ul#menu li.blog{ width: 86px; }
ul#menu li.vr{ width: 150px; }

ul#menu li a
{
 display: block;
 cursor: pointer;
 height: 12px;
 margin: 0 auto;
 padding: 1px 2px;
 
 background: transparent url( '/templates/dorcel/imgs/titles.png' ) no-repeat left -27px;
}
ul#menu li a.disabled{ cursor: default; }
ul#menu li a.welcome{ width: 58px; background-position: left -27px; }
ul#menu li a.welcome:hover{        background-position: -70px -27px; }
ul#menu li a.vod{ width: 32px; background-position: left -42px; }
ul#menu li a.vod:hover{        background-position: -38px -42px; }
ul#menu li a.club{ width: 34px; background-position: -177px -170px; }
ul#menu li a.club:hover{        background-position: -223px -170px; }
ul#menu li a.shop{ width: 47px; background-position: left 0; }
ul#menu li a.shop:hover{        background-position: -54px 0; }
ul#menu li a.tv{ width: 20px; background-position: left -84px; }
ul#menu li a.tv:hover{        background-position: -27px -84px; }
ul#menu li a.mag{ width: 32px; background-position: left -98px; }
ul#menu li a.mag:hover{        background-position: -39px -98px; }
ul#menu li a.livecam{ width: 71px; background-position: left -126px; }
ul#menu li a.livecam:hover{        background-position: -78px -126px; }
ul#menu li a.sexline{ width: 130px; background-position: -175px -154px; }
ul#menu li a.sexline:hover{         background-position: -314px -154px; }
ul#menu li a.blog{ width: 40px; background-position: left -141px; }
ul#menu li a.blog:hover{        background-position: -45px -141px; }
ul#menu li a.contact{ width: 71px; background-position: left -13px; }
ul#menu li a.contact:hover{        background-position: -76px -13px; }


/* SLIDE */

div#slide
{
 position: relative;
 z-index: 15;
 width: 1000px;
 height: 436px;
 margin: 0 auto;
}

div#slide a.nav_left,
div#slide a.nav_right
{
 position: absolute;
 display: block;
 z-index: 2;
 top: 154px;
 width: 34px;
 height: 98px;
 cursor: pointer;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -373px;
}
div#slide a.nav_left
{
 left: 0;
 background-position: 0px -173px;
}
div#slide a.nav_right
{
 right: 0;
 background-position: -68px -173px;
}
div#slide a.nav_left:hover{  background-position: -34px -173px; }
div#slide a.nav_right:hover{ background-position: -102px -173px; }

div#slide div.nav
{
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 20px;
 
 text-align: center;
 font-size: 0;
 line-height: 20px;
}
div#slide div.nav a
{
 cursor: pointer;
 margin: 0 10px;
}
div#slide div.nav a img
{
 width: 9px;
 height: 8px;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -136px -173px;
 
 vertical-align: bottom;
}
div#slide div.nav a:hover img,
div#slide div.nav a.active img{ background-position: -136px -181px; }

div#slide div.slides
{
 position: relative;
 z-index: 0;
 width: 1000px;
 height: 416px;
 overflow: hidden;
 
 background-color: #000;
}
div#slide div.mask
{
 position: absolute;
 z-index: 1;
 left: 0;
 bottom: 0;
 width: 449px;
 height: 226px;
 
 background: transparent url( '/templates/dorcel/imgs/slides_mask.png' ) no-repeat center;
}
div#slide div.slide
{
 position: absolute;
 z-index: 0;
 top: 0;
 left: 0;
 width: 1000px;
 height: 416px;
}

div#slide div.slide a.main_link img { border: 0; }

div#slide div.slide a.trailer
{
 position: absolute;
 display: block;
 z-index: 4;
 top: 166px;
 left: 462px; 
 width: 78px;
 height: 78px;
 cursor: pointer;
}

div#slide div.slide a.trailer img
{
 width: 78px;
 height: 78px;
 border: 0px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' )  no-repeat -210px -193px;
}

/* jacket */
div#slide div.slide div.jacket
{
 position: absolute;
 z-index: 3;
 left: 0;
 top: 0;
 width: 594px;
 height: 416px;
 
 background: transparent url( '/templates/dorcel/imgs/halo1.png' ) no-repeat top left;
}

div#slide div.slide div.photoJacket
{
 position: absolute;
 width: 164px;
 height: 230px;
 overflow: hidden;
 
 bottom: 12px;
 left: 56px;
 
 border: 3px solid #2e2e2e;
}

div#slide div.slide div.text
{
 position: absolute;
 z-index: 2;
 bottom: 0;
 left: 0;
 width: 1000px;
 height: 55px;
 
 font-size: 18px;
 color: #d4d3d3;
 
 background: transparent url( '/templates/dorcel/imgs/slides_bottom.png' ) no-repeat top left;
}
/* div#slide div.slide div.text p{ margin: 8px 0; } */
div#slide div.slide div.text p.title
{ 
 position: absolute;
 z-index: 50;
 left: 242px;
 bottom: 8px;
 margin: 0;
 line-height: 16px;
 font-weight: normal;
 bottom: 11px;
 
 vertical-align: middle; 
}

div#slide div.slide div.text p span.description
{
 display: block;
 font-size: 14px;
 color: #e7e7e7;
}

div#slide div.slide div.text p.see_movie
{
 position: absolute;
 top: -2px;
 right: 12px;
 height: 25px;
 
 vertical-align: middle;
}
div#slide div.slide div.text p.see_movie img.img_movie
{
 float: right;
 margin-top: 6px;
 width: 82px;
 height: 12px;
 border: medium none;
 margin-right: 7px;
 
 background: transparent url( '/templates/dorcel/imgs/dorcelvision.png' ) no-repeat 0px 0px;
}

div#slide div.slide div.text p.see_movie a.streaming
{
 display: block;
 width: 111px;
 height: 25px;
 
 float: right;

 background: transparent url( '/templates/dorcel/imgs/dorcelvision.png' ) no-repeat 0px -167px;
}
div#slide div.slide div.text p.see_movie a.streaming:hover{ background-position: 0 -192px; }

div#slide div.slide div.text p.see_movie a.vod
{
 display: block;
 width: 157px;
 height: 25px;
 float: right;

 background: transparent url( '/templates/dorcel/imgs/dorcelvision.png' ) no-repeat 0px -217px;
}
div#slide div.slide div.text p.see_movie a.vod:hover{ background-position: 0 -242px; }

div#slide div.slide div.text p.see_movie a.dvd
{
 display: block;
 width: 66px;
 height: 25px;
 
 float: right;

 background: transparent url( '/templates/dorcel/imgs/dorcelvision.png' ) no-repeat 0px -267px;
}
div#slide div.slide div.text p.see_movie a.dvd:hover{ background-position: 0 -292px; }

div#slide div.slide div.text p.see_movie a.streaming img,
div#slide div.slide div.text p.see_movie a.vod img,
div#slide div.slide div.text p.see_movie a.dvd img
{
 border: medium none;
}



div#slide div.slide div.text a{ color: #dfdfdf; }
div#slide div.slide div.text a:hover{ text-decoration: none; }
div#slide div.slide div.text span.sep
{
 display: block;
 overflow: hidden;
 
 color: #828282;
 font-size: 5px;
 font-weight: bold;
 white-space: nowrap;
}


/* CONTACT */

#contact
{
 position: absolute;
 display: none;
 /* z-index: 3; */
 z-index: 101;
 top: 0;
 left: 0;
 /* bottom: 0; */
 right: 0;
 padding: 45px 60px;
 
 background-color: #f0f1f4;
}
#contact .loading
{
 position: absolute;
 z-index: 1;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 display: none;
 cursor: wait;
 
 background: #fff url( '/templates/dorcel/imgs/loading.gif' ) no-repeat center;
 opacity: 0.75;
 filter: alpha(opacity=75);
}
#contact a.close
{
 position: absolute;
 top: 15px;
 right: 15px;
 display: block;
 width: 26px;
 height: 26px;
 
 cursor: pointer;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -44px -28px;
}
#contact h2
{
 margin: 0;
 padding: 0;
}
#contact h2 img
{
 display: block;
 width: 91px;
 height: 15px;
 
 background: transparent url( '/templates/dorcel/imgs/titles.png' ) no-repeat -140px -180px;
}
#contact p.intro
{
 margin: 0;
 padding: 20px 0 17px;
 
 background: transparent url( '/templates/dorcel/imgs/frame_bottom2.png' ) no-repeat center bottom;
 
 color: #787777;
}
#contact table
{
 margin-top: 30px;
}
#contact table th, 
#contact table td
{
 vertical-align: middle;
 font-weight: normal;
 color: #787777;
}
#contact table th{ width: 70px; height: 35px; }
#contact table td{ width: 330px; color: #c4429d; }
#contact table td.message
{
 width: auto;
 height: auto;
 padding-top: 10px;
 
 vertical-align: top;
 color: #787777;
}
#contact table td.button{ width: auto; height: auto; text-align: right; vertical-align: top; }
#contact table td.info{ width: 230px; padding-right: 100px; text-align: right; }
#contact input.text,
#contact select
{
 width: 220px;
 height: 23px;
 padding: 0 5px;
 
 border: none;
 
 line-height: 23px;
 color: #787777;
}
#contact select{ width: 230px; padding: 0; }
#contact .textarea
{
 display: block;
 width: 450px;
 height: 85px;
 margin-top: 10px;
 padding: 10px;
 
 border: 1px solid #c4c4c4;
 border-width: 1px 0 0 1px;
 
 line-height: 16px;
 color: #787777;
}
#contact .submit
{
 width: 129px;
 height: 27px;
 cursor: pointer;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -70px -28px;
}

#bg_contact
{
 position: fixed;
 display: none;
 z-index: 14;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 height: 100%;
 width: 100%;
 
 background: #fff;
 opacity: 0.85;
 filter: alpha(opacity=85);
}

/* Contact sponso */

#contact .sponso sup.left{ float: left; }

input.invalidInput,
textarea.invalidInput,
select.invalidInput{
 background-color: #faa;
}

#contact .sponso table {
 padding-top: 20px;
}

#contact .sponso table#asker_fields,
#contact .sponso table#project_fields,
#contact .sponso table#student_event
{
 padding: 15px 0 0 0;
 margin-top: 0;
}

#contact .block {
 padding: 6px;
 border: 1px solid #cacaca;
 margin: 0 0 10px 0;
}

#contact .sponso .sprite {
 background-image: url(../imgs/form/sprite.png);
 display: inline-block;
 font-size: 1px;
 color: transparent;
 text-indent: -9999px;
}
.sprite.sponsotitle{ background-position: 0 -400px; width: 413px; height: 15px; } 
.sprite.sponsoasker{ background-position: 0 0; width: 121px; height: 12px; } 
.sprite.sponsonext{ background-position: 0 -32px; width: 188px; height: 35px; } 
.sprite.sponsoproject{ background-position: 0 -87px; width: 83px; height: 13px; } 
.sprite.sponsosendpro{ background-position: 0 -120px; width: 302px; height: 57px; margin-bottom: 6px; } 
.sprite.sponsostudentnext{ background-position: 0 -232px; width: 351px; height: 57px; } 
.sprite.sponsostudent{ background-position: 0 -197px; width: 261px; height: 15px; } 
.sprite.sponsostudentsend{ background-position: 0 -309px; width: 326px; height: 71px; } 

#contact .sponso h2 {
 text-align: center;
 text-transform: uppercase;
 color: #c4429d;
 font-size: 17px;
 font-weight: normal;
}

#contact .sponso h2 img
{
 display: block;
 width: 413px;
 height: 15px;
 margin: 0 auto;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat left -400px;
}

#contact .sponso .description 
{
 text-align: center;
 color: #787777;
 margin: 20px 0 0 0;
}
#contact .sponso .error {
 color: #c4429d;
 font-size: 11px;
}
#contact .sponso .note 
{
 font-style: italic;
 text-align: center;
 color: #c4429d;
 margin: 28px 0 20px 0;
}
#contact .sponso .block sup 
{
 color: #c4429d;
}
#contact .sponso .block h3 {
 background: #dddee1 url(/templates/dorcel/imgs/form/toggle.png) 99% center no-repeat;
 padding: 10px 15px 2px 15px;
 margin: 0;
 
 font-size: 10px;
 line-height: 24px;
 height: 24px;
 color: #c4429d;
 /* font-weight: normal; */
 text-transform: uppercase;
 /* cursor: pointer; */
}
#contact .sponso .block h3:hover { background-color: #e3e3e8; }

#contact .sponso .block h3.asker{ cursor: pointer;}

#contact .sponso .block h3 img.asker,
#contact .sponso .block h3 img.project,
#contact .sponso .block h3 img.student
{
 margin-right: 10px;
 float: left;
}

#contact .sponso .block h3 img.project{ margin-right: 12px; }
#contact .sponso .block h3 img.student{ margin-right: 10px; }

#contact .sponso .block h3 img.sponsoasker
{
 display: block;
 width: 121px;
 height: 12px;
 float: left;
 margin-top: 3px;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat left top;
}

#contact .sponso .block h3 img.sponsoproject
{
 display: block;
 width: 83px;
 height: 13px;
 float: left;
 margin-top: 2px;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat left -87px;
}

#contact .sponso .block h3 img.sponsostudent
{
 display: block;
 width: 261px;
 height: 15px;
 float: left;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat left -197px;
}

#contact .sponso textarea {
 width: 392px;
 height: 100px;
}

#contact .sponso textarea.step2
{
 width: 374px;
 float: left;
 margin-right: 7px;
}

#contact .sponso textarea.step2.more{ width: 367px; }

#contact .sponso table th 
{
 width: 180px;
 text-align: left;
 padding-left: 12px;
}
#contact .sponso table td
 {
 width: 215px;
 padding-left: 12px;
 color: #787777;
}

#contact .sponso table td.separate
{
 height: 20px;
}

#contact .sponso table td.mini {
 width: 192px;
}

#contact .sponso table td.mrgleft,
#contact .sponso table th.mrgleft
{
 padding-left: 25px;
 width: auto;
}

#contact .sponso table td.mrgright
{
 padding-right: 8px;
}

#contact .sponso table td.file_right
{
 padding-right: 5px;
 width: auto;
}

#contact .sponso table td span.pink{ color: #c4429d; }

#contact .sponso input.text {
 width: 189px;
 margin-right: 4px;
}
#contact .sponso input.text.mini {
 width: 45px;
}

#contact .sponso select
{
 width: 200px;
}

#contact .sponso select.auto {
 width: auto;
}
#contact .sponso .white {
 float: right;
 width: 233px;
 background: #fff;
 padding: 20px;
 margin-right: 7px;
 color: #787777;
 font-size: 11px;
}
#contact .sponso em {
 font-size: 11px;
}
#contact .sponso a.go {
 display: block;
 background: transparent url('/templates/dorcel/imgs/dorcelvision.png') no-repeat left top;
 width: 117px;
 height: 25px;
 background-position: left -317px;
}
#contact .sponso .white a.go {
 float: right;
}
#sponso_send_student 
{
 width: 323px;
 height: 71px;
 margin: 0 auto;
 
 cursor: pointer;
}
#sponso_send_student img
{
 display: block;
 width: 211px;
 height: 34px;
 margin: 15px auto 30px;

 border: 0;
 
 background: transparent url( '../imgs/form/send-form.jpg' ) no-repeat center center;
}

#sponso_send_student:hover 
{
 opacity: 0.8;
 filter: alpha(opacity=0.8);
}

#contact .sponso table td.button
{
 width: auto;
 text-align: right;
}

#contact .sponso table td.button.center{ text-align: center; }
#contact .sponso table td.button.left{ text-align: left; }

a.sponso_next 
{
 cursor: pointer;
 width: 188px; 
 height: 35px;
}

a.sponso_next img.sponsonext
{
 display: block;
 width: 188px; 
 height: 35px;
 float: right;
 margin-right: 14px;
 margin-bottom: 3px;
 border: 0;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat 0 -32px;
}

a.sponso_next img.sponsosendpro
{
 display: block;
 width: 302px; 
 height: 57px;
 float: right;
 margin-right: 14px;
 margin-bottom: 6px;
 border: 0;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat 0 -120px;
}

a.sponso_next img.sponsostudentnext
{
 display: block;
 width: 351px; 
 height: 57px;
 float: right;
 margin-right: 14px;
 margin-bottom: 6px;
 border: 0;
 
 background: transparent url( '../imgs/form/sprite.png' ) no-repeat 0 -232px;
}

.sponso_next:hover 
{
 opacity: 0.8;
 -moz-opacity : 0.8;
 -ms-filter: "alpha(opacity=0.8)"; /* IE 8 */
}

.warning 
{
 padding: 0 0 0 34px;
 color: #787777;
 font-style: italic;
 font-size: 10px;
 text-transform: uppercase;
 background: url(/templates/dorcel/imgs/form/warning.png) no-repeat top left;
}

#contact .sponso table td div.left
{
 float: left;
 width: 185px;
}

div.attachment_content{ position: relative; float: right; width: 200px; }
div.container_attachment
{
 position: absolute;
 left: 0;
 top: 0;
 width: 199px;
 z-index: 1px;
}
#contact .sponso table td .attachment_content input.attachment
{
 opacity: 0;
 -moz-opacity : 0;
 -ms-filter: "alpha(opacity=0)"; /* IE 8 */
 filter: Alpha(Opacity=0);
 background-color: #fff;
 position: relative;
 width: 199px;
 height: 23px;
 z-index: 2;
}

#contact .sponso table td .attachment_content input.attachment_b
{
 float: left;
 width: 110px;
 height: 22px;
 padding: 0;
 margin: 0;
 border: 0;
 border-top: 1px solid #c4c4c4;
 border-left: 1px solid #cecfcf;
 background-color: #fff;
 z-index: 1;
 outline: none;
}

#contact .sponso table td .attachment_content input.attachment_b.invalidInput
{
 background-color: #FFAAAA;
}

#contact .sponso table img.file
{
 position: relative;
 float: right;
 width: 89px;
 height: 22px;
 margin-right: -2px;
 margin-top: 0px;
 z-index: 1;
 cursor: pointer;
 
 border: 0;
 background: transparent url( '/templates/dorcel/imgs/form/file.png' ) no-repeat left top;
}

#contact .sponso table td .attachment_content sup
{
 position: absolute;
 top: 0;
 right: 0;
}

/* FRAMES */

div#frames
{
 width: 1000px;
 margin: 0 auto;
 margin-top: 5px;
}
div#frames div.frame
{
 width: 486px;
 /* margin-top: 25px; */
 margin-top: 37px;
}
div#frames a.full
{
 position: absolute;
 /* z-index: 100; */
 z-index: 14;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 
 background: transparent url( '/templates/dorcel/imgs/blank.gif' ) repeat center;
}
div#frames div.left{ float: left; }
div#frames div.right{ float: right; }
div#frames div.center{ margin-left: 346px; }
div#frames div.small{ width: 328px; }
div#frames div.big{ width: 1000px; margin-top: 30px; }
div#frames div.right.small{ width: 308px; }
div#frames div.top_frame{ margin-top: 37px; }

div#frames div.frame h2
{
 margin: 0 0 1px 0;
 padding: 0 0 6px 0;
 
 border-bottom: 1px solid #d9d9d9;
}
div#frames div.frame h2 a.rss
{
 float: right;
 position: relative;
 top: 2px;
 display: block;
 width: 15px;
 height: 15px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -38px top;
}
div#frames div.frame h2.twitter{ margin: 0; padding: 0; border: none; }
div#frames div.frame h2 img
{
 display: block;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/titles.png' ) no-repeat -210px 0px;
}
div#frames div.frame .social h3{ margin: 0px; }
div#frames div.frame .social h3 img
{
 display: block;
 width: 328px;
 height: 25px;
 margin: 0px;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/sprite_titles.png' ) no-repeat;
}
div#frames div.frame h2.dorcelclub img{ width: 160px; height: 16px; background-position: -210px 0px; }
div#frames div.frame h2.dorcelvision img{ width: 184px; height: 18px; background-position: -210px -16px; }
div#frames div.frame h2.dorcelshop img{ width: 168px; height: 17px; background-position: -210px -34px; }
div#frames div.frame h2.dorceltv img{ width: 138px; height: 17px; background-position: -210px -52px; }
div#frames div.frame h2.dorcelcam img{ width: 153px; height: 16px; background-position: -210px -69px; }
/* div#frames div.frame h2.dorcelblog img{ width: 164px; height: 17px; background-position: -210px -85px; } */
div#frames div.frame h2.dorcelmag img{ width: 152px; height: 17px; background-position: -210px -102px; }
div#frames div.frame h2.dorcel3d img{ width: 132px; height: 16px; background-position: -210px -119px; }
div#frames div.frame h2.dorcelgirls img{ background-image: url( '/templates/dorcel/imgs/sprite_titles.png' ); width: 155px; height: 16px; background-position: 0px -34px; }
div#frames div.frame h2.dorceltoys img{ background-image: url( '/templates/dorcel/imgs/sprite_titles.png' ); width: 160px; height: 17px; background-position: 0px 0px; }
div#frames div.frame h2.social img{ background-image: url( '/templates/dorcel/imgs/sprite_titles.png' ); width: 83px; height: 17px; background-position: 0px -17px; }
div#frames div.frame h3.dorcelblog img{ background-position: 0px -50px; }
div#frames div.frame h3.twitter img{ background-position: 0px -75px }
/* div#frames div.frame h2.twitter img{ width: 308px; height: 34px; background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -61px; } */
div#frames div.dorcelblog  h2,
div#frames div.dorcelmag  h2
{
 border-bottom: none;
 background: transparent url( '/templates/dorcel/imgs/frame_bottom2.png' ) no-repeat center bottom;
}
div#frames div.frame h2.dorcelcam,
div#frames div.frame h2.dorcel3d
{
 margin-bottom: 0;
 border: none;
}

div#frames div.frame div.content
{
 background: #f6f6f6 url( '/templates/dorcel/imgs/frame_bottom.png' ) no-repeat center bottom;
}

div#frames div.frame div.dorcelclub
{
 position: relative;
 height: 239px;
}
div#frames div.frame div.dorcelvision
{
 position: relative;
 height: 296px;
 
 background: #f6f6f6 url( '/templates/dorcel/imgs/frame_bottom4.png' ) no-repeat center bottom;
}

div#frames div.frame div.dorcelclub img.title1,
div#frames div.frame div.dorcelclub img.title2,
div#frames div.frame div.dorcelclub a.go,
div#frames div.frame div.dorcelvision img.title2,
div#frames div.frame div.dorcelvision img.title3,
div#frames div.frame div.twitter img.title1
{
 display: block;
 position: absolute;
 
 background: transparent url( '/templates/dorcel/imgs/frames_content.png' ) no-repeat left top;
}

div#frames div.frame div.dorcelvision a.go
{
 display: block;
 position: absolute;
 
 background: transparent url( '/templates/dorcel/imgs/dorcelvision.png' ) no-repeat left top;
}

/* dorcel vision */
div#frames div.frame div.dorcelvision img.title1
{
 display: block;
 position: absolute;
 
 background: transparent url( '/templates/dorcel/imgs/texte_dorcelvision.png' ) no-repeat left top;
}
div#frames div.frame div.dorcelvision div.sep
{
 display: block;
 height: 1px;
 width: 1000px;
 position: absolute;
 top: 81px;
 left: 0;
 
 background: #f6f6f6 url( '/templates/dorcel/imgs/frame_bottom3.png' ) no-repeat center top;
}
div#frames div.frame div.dorcelvision div.frame_dorcelvision
{
 height: 188px;
 display: block;
 position: relative;
 margin-top: 95px;
 float: left;
}

div#frames div.frame div.dorcelvision div.day_movie
{
 width: 277px;
}

div#frames div.frame div.dorcelvision div.last_movies
{
 width: 555px;
 border-right: 1px solid #DDD;
}

div#frames div.frame div.dorcelvision div.day_promotion
{
 width: 277px;
 
 border-left: 1px solid #dddddd;
 border-right: 1px solid #dddddd;
}

div#frames div.frame div.dorcelvision div.top_sales
{
 height: 188px;
 /* width: 276px; */

}

div#frames div.frame div.dorcelvision div.last_movies h3,
div#frames div.frame div.dorcelvision div.day_movie h3,
div#frames div.frame div.dorcelvision div.day_promotion h3,
div#frames div.frame div.dorcelvision div.top_sales h3
{
 margin: 0 0 0 21px;
 padding: 0;
}

div#frames div.frame div.dorcelvision div.last_movies h3 img,
div#frames div.frame div.dorcelvision div.day_movie h3 img,
div#frames div.frame div.dorcelvision div.day_promotion h3 img,
div#frames div.frame div.dorcelvision div.top_sales h3 img
{
 height: 14px;
 background: url("/templates/dorcel/imgs/dorcelvision.png") no-repeat scroll 0px 0px transparent;
 border: medium none;
 display: block;
}

div#frames div.frame div.dorcelvision div.last_movies h3 img{ width: 145px; background-position: 0 -440px; }
div#frames div.frame div.dorcelvision div.day_movie h3 img{ width: 110px; background-position: 0 -14px; }
div#frames div.frame div.dorcelvision div.day_promotion h3 img{ width: 131px; background-position: 0 -28px; }
div#frames div.frame div.dorcelvision div.day_amateur h3 img{ width: 167px; background-position: 0 -411px; }
div#frames div.frame div.dorcelvision div.top_sales h3 img{ width: 138px; background-position: 0 -42px; }

div#frames div.frame div.dorcelvision div.day_movie a.videoOfDay_image{ float: left; }
div#frames div.frame div.dorcelvision div.day_movie a,
div#frames div.frame div.dorcelvision div.day_promotion a
{ color: #232323; font-size: 14px; text-decoration: none; }

div#frames div.frame div.dorcelvision div.day_movie div.descVideoOfDay,
div#frames div.frame div.dorcelvision div.day_promotion div.descPromotionOfDay
{ 
 float: left; 
 width: 123px; 
 position: absolute; 
 left: 152px;
 bottom: 0;
 margin-bottom: 25px; 
}
div#frames div.frame div.dorcelvision div.day_movie div.descVideoOfDay a.go,
div#frames div.frame div.dorcelvision div.day_promotion div.descPromotionOfDay a.go
{ 
 width: 117px; 
 height: 25px; 
 background-position: left -317px; 
}
div#frames div.frame div.dorcelvision div.day_movie h4,
div#frames div.frame div.dorcelvision div.day_promotion h4
{ 
 margin: 0; 
 padding: 0;
 font-weight: normal;
 font-size: 14px;
 color: #232323;
}
div#frames div.frame div.dorcelvision div.day_movie p,
div#frames div.frame div.dorcelvision div.day_promotion p
{ 
 margin-bottom: 20px; 
 margin-top:7px; 
 padding: 0; 
 color: #4b4b4b; 
 font-size: 11px; 
 width: 115px;
}

div#frames div.frame div.dorcelvision div.last_movies .content_last_movies
{
 margin: 10px 0 0 21px;
}

div#frames div.frame div.dorcelvision div.last_movies .photo
{
 position: relative;
 float: left;
 width: 116px;
 height: 162px;
 overflow: hidden;
 
 border: 1px solid #b2b2b2;
}
div#frames div.frame div.dorcelvision div.last_movies .photo + .photo { margin-left: 14px; }
div#frames div.frame div.dorcelvision div.last_movies .photo img
{
 width: 116px;
 height: 162px;
 
 border: none;
}

div#frames div.frame div.dorcelvision div.last_movies .download
{
 position: absolute;
 bottom: 0;
 left: 4px;
 width: 108px;
 height: 25px;
 
 background: transparent url('/templates/dorcel/imgs/dorcelvision.png') no-repeat left -317px;
}

div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales
{
 margin-top: 10px;
}
div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales div.top
{
 float: left;
 margin-left: 10px;
}
div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales div.top.first{ margin-left: 21px; }

div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales div.photo
{
 width: 127px;
 height: 162px;
 overflow: hidden;
}

div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales img.top_image
{
 width: 126px;
 height: 174px;
 border: 1px solid #b9b8b8;
}

div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales a.top_sales
{
 position: absolute;
 bottom: 0;
 height: 34px;
 width: 127px;
 background: url("/templates/dorcel/imgs/dorcelvision.png") no-repeat scroll 0px 0px transparent;
 border: medium none;
 display: block;
 
 line-height: 10px;
 font-size: 10px;
 font-weight: bold;
 color: #2e2e2e;
 text-decoration: none;
}
div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales a.top_0{ background-position: 0 -59px; }
div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales a.top_1{ background-position: 0 -94px; }
div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales a.top_2{ background-position: 0 -129px;}

div#frames div.frame div.dorcelvision div.top_sales div.content_top_sales a.top_sales table tr td
{
 height: 34px;
 padding-left: 35px;
 width: 90px;
 vertical-align: middle;
 
}
div#frames div.frame div.dorcelclub img.title1
{ 
 bottom: 1px; 
 left: 0; 
 width: 328px; 
 height: 238px;
}
/* div#frames div.frame div.dorcelclub img.title1{ top: 27px; left: 13px; width: 456px; height: 20px; background-position: left -108px; } */
div#frames div.frame div.dorcelclub img.title2{ top: 54px; left: 12px; width: 458px; height: 45px; background-position: left -128px; }
div#frames div.frame div.dorcelclub a.go{ bottom: 9px; left: 118px; width: 247px; height: 26px; background-position: left -173px; }
div#frames div.frame div.dorcelclub img.photo{ position: absolute; display: block; bottom: 52px; }
div#frames div.frame div.dorcelclub img.photo_0{ left: 16px; }
div#frames div.frame div.dorcelclub img.photo_1{ left: 109px; }
div#frames div.frame div.dorcelclub img.photo_2{ left: 202px; }
div#frames div.frame div.dorcelclub img.photo_3{ left: 295px; }
div#frames div.frame div.dorcelclub img.photo_4{ left: 388px; }

div#frames div.dorcelshop div.item
{
 float: left;
 width: 141px;
 padding: 0 10px;
 margin: 10px 0;
 
 border-left: 1px solid #ddd;
}
div#frames div.dorcelshop div.first{ border-left: none; }
div#frames div.dorcelshop a{ text-decoration: none; }
div#frames div.dorcelshop div.photo
{
 height: 107px;
 padding: 5px;
 margin: 0 10px 2px 10px;
 
 background-color: #fff;
}
div#frames div.dorcelshop div.photo img
{
 display: block;
 margin: 0 auto;
 
 border: none;
}
div#frames div.dorcelshop h3
{
 margin: 0;
 margin: 0 5px 0 15px;
 overflow: hidden;
 
 color: #b41484;
 font-size: 12px;
 text-transform: uppercase;
 white-space: nowrap;
}
div#frames div.dorcelshop h3 a{ color: #b41484; }
div#frames div.dorcelshop p
{
 height: 50px;
 margin: 2px 5px 2px 15px;
 padding: 0;
 overflow: hidden;
 
 font-size: 9px;
 line-height: 12px;
 color: #3b3b3b;
}
div#frames div.dorcelshop a.link
{
 display: block;
 margin: 0 15px;
 
 font-size: 9px;
 color: #c1419b;
}
div#frames div.dorcelshop a.link:hover{ font-weight: bold; }
div#frames div.dorcelshop a.link img
{
 position: relative;
 top: 3px;
 width: 17px;
 height: 14px;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -136px -189px;
}

div#frames div.frame div.dorcelvision img.drm
{ 
 position: absolute; 
 top: 0; 
 right: 0; 
 width: 101px; 
 height: 58px; 
 display: block;
 
 background: transparent url( '/templates/dorcel/imgs/drm.jpg' ) no-repeat left top; 
}

div#frames div.frame div.dorcelvision img.title1{ border: 0; top: 11px; left: 130px; width: 740px; height: 61px; background-position: left top; }
div#frames div.frame div.dorcelvision img.title2{ top: 91px; left: 24px; width: 176px; height: 16px; background-position: left -52px; }
div#frames div.frame div.dorcelvision img.title3{ top: 129px; left: 25px; width: 216px; height: 15px; background-position: left -68px; }
div#frames div.frame div.dorcelvision img.video{ position: relative; margin: 10px 0 0 21px; width: 116px; height: 162px; border: 1px solid #b2b2b2; }
div#frames div.frame div.dorcelvision p
{
}
div#frames div.frame div.dorcelvision p a{ color: #4b4b4b; text-decoration: none; }
div#frames div.frame div.dorcelvision p a:hover{ text-decoration: underline; }

div#frames div.frame div.dorceltv
{
 position: relative;
 width: 308px;
 height: 238px;
}
div#frames div.frame h2.dorceltv{ border: none; margin: 0px; }
div#frames div.frame div.dorceltv img.title1,
div#frames div.frame div.dorceltv img.title2,
div#frames div.frame div.dorceltv a.more_infos
{
 display: block;
 position: absolute;
 
 background: transparent url( '/templates/dorcel/imgs/dorceltv.png' ) no-repeat left top;
}
div#frames div.frame div.dorceltv img.title1{ top: 19px; left: 97px; width: 364px; height: 87px; background-position: left -221px; }
div#frames div.frame div.dorceltv img.title2{ bottom: 10px; left: 20px; width: 346px; height: 12px; background-position: left -308px; }
div#frames div.frame div.dorceltv a.more_infos{ bottom: 0; right: 0; width: 85px; height: 18px; background-position: right -221px; }
div#frames div.frame div.dorceltv img.photo{ position: absolute; display: block; top: 120px; }
div#frames div.frame div.dorceltv img.photo_0{ right: 213px; }
div#frames div.frame div.dorceltv img.photo_1{ right: 153px; }
div#frames div.frame div.dorceltv img.photo_2{ right: 93px; }
div#frames div.frame div.dorceltv img.photo_3{ right: 33px; }


div#frames div.dorcelcam div.dorcelcam
{
 position: relative;
 width: 328px;
 height: 241px;
 overflow: none;
}
div#frames div.dorcelcam div.dorcelcam img
{
 display: block;
 
 border: none;
}
div#frames div.dorcelcam div.dorcelcam img.show_live
{
 position: absolute;
 z-index: 1;
 display: block;
 bottom: 10px;
 left: 10px;
 width: 129px;
 height: 26px;
 
 background: transparent url( '/templates/dorcel/imgs/frames_content.png' ) no-repeat left -262px;
}


div#frames div.frame div.social
{
 height: 238px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 
 background-color: #f6f6f6;
}
div#frames div.frame h2.social,
div#frames div.frame div.social h3.dorcelblog
{
 border: none;
}

/* 
div#frames div.frame div.dorcelblog
{
 height: 214px;
 margin: 0;
 padding: 0 0 10px 0;
 
 background: transparent url( '/templates/dorcel/imgs/frame_bottom2.png' ) no-repeat center bottom;
 
 font-size: 10px;
 color: #838383;
}
*/
div#frames div.frame div.dorcelblog
{
 width: 286px;
 margin: 14px auto;
 
 background: #fff;
}
div#frames div.frame div.dorcelblog h4
{
 height: 12px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 
 font-weight: bold;
 font-size: 10px;
 color: #c4429d;
}
div#frames div.frame div.dorcelblog h4 a
{
 color: #c4429d;
 text-decoration: none;
}
div#frames div.frame div.dorcelblog h4 a:hover{ text-decoration: underline; }
div#frames div.frame div.dorcelblog span.date
{
 display: block;
 
 font-size: 9px;
 color: #2e2e2e;
}
div#frames div.frame div.dorcelblog p
{
 margin: 5px 0;
 padding: 0;
}
div#frames div.frame div.dorcelblog p a
{
 white-space: nowrap;
 text-decoration: none;
 color: #c4429d;
}
div#frames div.frame div.dorcelblog p a:hover{ text-decoration: underline; }
/*
div#frames div.frame div.twitter
{
 position: relative;
 height: 208px;
 padding: 10px;
 
 background-color: #f6f6f6;
}
*/
div#frames div.frame div.twitter
{
 position: relative;
 padding: 0 32px 28px;
}
div#frames div.frame div.twitter img.title1
{
 /* top: 20px;
 left: 22px; */
 position: relative;
 margin: 4px 0px;
 width: 125px;
 height: 14px;
 
 background-position: -130px -236px;
}
div#frames div.frame div.twitter p
{
 /* position: absolute;
 top: 38px;
 height: 80px; */
 margin: 3px 0px;
 padding: 0px;
 overflow: hidden;
 
 font-size: 11px;
 line-height: 14px;
}
div#frames div.frame div.twitter p a{ color: #565656; }
div#frames div.frame div.twitter p a:hover{ text-decoration: none; }
div#frames div.frame div.twitter p span.date
{
 display: block;
 margin-top: 4px;
 
 font-size: 10px;
 color: #ba1b89;
}
a#twitter
{
 position: absolute;
 display: block;
 bottom: 69px;
 width: 286px;
 height: 31px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -95px;
}
a#facebook
{
 position: absolute;
 display: block;
 bottom: 12px;
 width: 286px;
 height: 47px;
 
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat left -126px;
}
a#twitter img,
a#facebook img{ border: none; }

div#frames div.dorcelmag div.dorcelmag img
{
 float: left;
 margin-top: 4px;
 
 border: 1px solid #d9d9d9;
}
div#frames div.dorcelmag div.text
{
 position: relative;
 float: right;
 width: 160px;
 height: 209px;
 margin-top: 4px;
 padding-top: 15px;
 
 color: #4b4b4b;
 font-size: 10px;
}
div#frames div.dorcelmag div.text h3
{
 margin: 0;
 padding: 0;
 
 font-size: 17px;
 font-weight: normal;
}
div#frames div.dorcelmag div.text h3 a{ color: #4b4b4b; text-decoration: none; }
div#frames div.dorcelmag div.text h3 .highlight
{
 position: relative;
 top: 3px;
 
 color: #da428c;
 font-size: 20px;
 font-weight: bold;
}
div#frames div.dorcelmag div.text p
{
 height: 128px;
 margin: 15px 0;
 overflow: hidden;
}
div#frames div.dorcelmag div.text a.more
{
 position: absolute;
 display: block;
 bottom: 0;
 right: 0;
 width: 130px;
 height: 26px;
 
 background: transparent url( '/templates/dorcel/imgs/frames_content.png' ) no-repeat left -236px;
}

div#frames div.dorcel3d
{
 position: relative;
}
div#frames div.dorcel3d img.dorcel3d
{
 display: block;
 border: none;
}
div#frames div.dorcel3d div.dorcel3d
{
 position: relative;
 width: 324px;
 height: 64px;
 
 background-color: #f4f3f4;
}
div#frames div.dorcel3d img.title1,
div#frames div.dorcel3d img.play
{
 position: absolute;
 z-index: 0;
 top: 14px;
 left: 17px;
 width: 233px;
 height: 37px;
 
 border: none;
 background: transparent url( '/templates/dorcel/imgs/frames_content.png' ) no-repeat left -199px;
}
div#frames div.dorcel3d img.play
{
 z-index: 1;
 top: 80px;
 left: 137px;
 width: 49px;
 height: 49px;
 
 background-position: -393px -251px;
}
div#frames div.dorcel3d div.dorcel3d a.more
{
 position: absolute;
 z-index: 1;
 display: block;
 top: 0;
 right: 0;
 width: 78px;
 height: 21px;
 
 background: transparent url( '/templates/dorcel/imgs/frames_content.png' ) no-repeat -233px -199px;
}


div#frames div.autopromo
{
 width: 308px;
 height: 252px;
 overflow: hidden;
}
div#frames div.autopromo a
{
 display: block;
 text-decoration: none;
}
div#frames div.autopromo img
{
 display: block;
 margin: 0 auto;
 
 border: none;
}

div#frames div.frame div.dorcelgirls,
div#frames div.frame div.dorceltoys
{
 position: relative;
}
div#frames div.frame h2.dorceltoys{ border: none; }

/* FOOTER */

@font-face {
    font-family: 'thonburibold';
    src: url('../font/thonburi_bold/thonburibold-webfont.eot');
    src: url('../font/thonburi_bold/thonburibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/thonburi_bold/thonburibold-webfont.woff') format('woff'),
         url('../font/thonburi_bold/thonburibold-webfont.ttf') format('truetype'),
         url('../font/thonburi_bold/thonburibold-webfont.svg#thonburibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#footer
{
 height: 240px;
 clear: both;
 margin: 0 auto;
 padding: 28px 0 0 0;

 color: #A5A5A5;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-weight: bold;
 
 /* background: #fbfbfb; */
 background: #fff;
}

#footer .wrapper
{
 position: relative;
 width: 980px;
 height: 240px;
 margin: 0 auto;
}

div#footer h2 
{
 margin: 0 0 35px 0;
 
 color: #1b1b1b;
 font-size: 15px;
 line-height: 1;
 font-weight: normal;
 font-family: thonburibold;
}

div#footer h2 span
{
 color: #e20f7b;
}

#footer .logo
{
 position: absolute;
 height: 170px;
 width: 164px;
 left: 0;
 bottom: 0;
 
 background: transparent url('../imgs/footer.png') left top no-repeat;
}

#footer ul { margin: 0; list-style: none; }
#footer #footer_list
{
 float: left;
 width: 780px;
 padding: 0 0 0 200px;
}
#footer #footer_list > li
{
 float: left;
}

#footer #footer_list > li.separator
{
 width: 1px;
 height: 87px;
 margin: 30px 20px 0 25px;
 
 border-right: 1px solid #fff;
 background: #e7e8ee;
}

#footer #footer_list .footer_block { padding: 0; }
#footer #footer_list .footer_block.social{ width: 228px; }
#footer #footer_list .footer_block .title
{
 height: 16px;
 margin-bottom: 12px;
 padding-left: 18px;
 
 background: transparent url('../imgs/footer.png') -164px top no-repeat;
 
 color: #e20f7b;
 font-size: 14px;
 font-weight: normal;
 font-family: thonburibold;
}
#footer #footer_list .footer_block .title.news { background-position: -164px -16px; }
#footer #footer_list .footer_block .title.products { background-position: -164px -32px; }
#footer #footer_list .footer_block .title.social { background-position: -164px -48px; }

#footer #footer_list .footer_block li
{
 margin-top: 2px;
 
 color: #959595;
 font-size: 11px;
 font-weight: normal;
 line-height: 120%;
}
#footer #footer_list .footer_block li h3 { margin: 0; font-family: thonburibold; }

#footer #footer_list .footer_block h3.facebook,
#footer #footer_list .footer_block h3.twitter
{
 height: 14px;
 padding-top: 2px;
 padding-left: 14px;
 
 background: transparent url('../imgs/footer.png') -164px -64px no-repeat;
}
#footer #footer_list .footer_block h3.twitter { background-position: -164px -80px; }

#footer #footer_list .footer_block h3 a
{
 color: #1b1b1b;
 font-size: 11px;
 line-height: 15px;
 text-decoration: none;
 font-weight: normal;
}
#footer #footer_list .footer_block h3 a span { color: #e20f7b; }
#footer #footer_list .footer_block h3 a:hover { text-decoration: underline; }

#footer #footer_list .footer_block li.title.social{ margin-bottom: 14px; }
#footer #footer_list .footer_block li a.icon
{
 float: left;
 display: block;
 width: 28px;
 height: 28px;
 margin-bottom: 4px;
 
 background: transparent url( '../imgs/network.png' ) no-repeat left top;
}

#footer #footer_list .footer_block li a + a{ margin-left: 5px; }

#footer #footer_list .footer_block li a.icon.facebook{ background-position: 0 -28px; }
#footer #footer_list .footer_block li a.icon.facebook:hover{ background-position: 0 0; }
#footer #footer_list .footer_block li a.icon.twitter{ background-position: -28px -28px; }
#footer #footer_list .footer_block li a.icon.twitter:hover{ background-position: -28px 0; }
#footer #footer_list .footer_block li a.icon.tumblr{ background-position: -56px -28px; }
#footer #footer_list .footer_block li a.icon.tumblr:hover{ background-position: -56px 0; }
#footer #footer_list .footer_block li a.icon.instagram{ background-position: -84px -28px; }
#footer #footer_list .footer_block li a.icon.instagram:hover{ background-position: -84px 0; }
#footer #footer_list .footer_block li a.icon.googleplus{ background-position: -112px -28px; }
#footer #footer_list .footer_block li a.icon.googleplus:hover{ background-position: -112px 0; }
#footer #footer_list .footer_block li a.icon.youtube{ background-position: -140px -28px; }
#footer #footer_list .footer_block li a.icon.youtube:hover{ background-position: -140px 0; }
#footer #footer_list .footer_block li a.icon.dailymotion{ background-position: -168px -28px; }
#footer #footer_list .footer_block li a.icon.dailymotion:hover{ background-position: -168px 0; }
#footer #footer_list .footer_block li a.icon.pinterest{ background-position: -196px -28px; }
#footer #footer_list .footer_block li a.icon.pinterest:hover{ background-position: -196px 0; }

#footer .other_pages
{
 position: absolute;
 right: 0;
 bottom: 0;
 height: 33px;
 padding: 0 50px;
 
 background: #f4f4f4;
}

#footer .other_pages .corner
{
 position: absolute;
 top: 0;
 left: 0;
 width: 13px;
 height: 13px;
 
 background: transparent url('../imgs/footer.png') -164px -96px no-repeat;
}

#footer .other_pages a
{
 color: #a0a0a0;
 font-size: 11px;
 line-height: 33px;
 font-weight: normal;
 font-family: thonburibold;
 text-transform: uppercase;
 text-decoration: none;
}
#footer .other_pages a:hover { text-decoration: underline; }

#footer .copyright
{
 position: absolute;
 right: 0;
 bottom: 40px;
 margin: 0;
 
 color: #959595;
 font-size: 10px;
 font-weight: normal;
 line-height: normal;
}

/* VIDEO */

div#video_bg
{
 position: fixed;
 z-index: 20;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 
 background-color: #000;
 opacity: 0.85;
 filter: alpha(opacity=15);
}
div#video
{
 position: fixed;
 z-index: 21;
 top: 50%;
 left: 50%;
 width: 864px;
 height: 519px;
 margin-top: -259px;
 margin-left: -432px;
}
div#video a.close
{
 position: absolute;
 z-index: 10;
 top: -13px;
 right: -13px;
 display: block;
 width: 26px;
 height: 26px;
 cursor: pointer;
 
 background: transparent url( '/templates/dorcel/imgs/video_close.png' ) no-repeat center;
}
div#video_container
{
 height: 425px;
 
 background-color: #000;
}
#video_container_final{ position:relative; z-index: 0; }
div#playlist
{
 position: relative;
 height: 94px;
 
 background: transparent url( '/templates/dorcel/imgs/video_playlist_bg.png' ) repeat-x center;
}
div#playlist .nav_left,
div#playlist .nav_right
{
 position: absolute;
 top: 34px;
 display: block;
 width: 14px;
 height: 32px;
 cursor: pointer;
 
 background: transparent url( '/templates/dorcel/imgs/video_playlist_nav.png' ) no-repeat center;
}
div#playlist .nav_left{  left: 20px;  background-position: left center; }
div#playlist .nav_right{ right: 20px; background-position: right center; }
div#playlist .videos
{
 position: relative;
 height: 77px;
 padding: 11px 0 6px 0;
 margin: 0 50px;
 overflow: hidden;
}
div#playlist .video
{
 display: block;
 float: left;
 width: 239px;
 height: 69px;
 margin: 0;
 padding: 4px;
 cursor: pointer;
 
 background: transparent url( '/templates/dorcel/imgs/video_playlist_video_bg.png' ) no-repeat center;
}
div#playlist .title
{
 float: right;
 width: 100px;
 margin: 0;
 padding: 0;
 
 color: #c4c4c4;
}
div#playlist .thumb
{
 position: relative;
 float: left;
 width: 129px;
 height: 68px;
 overflow: hidden;
}
div#playlist .thumb .play
{
 position: absolute;
 top: 50%;
 left: 50%;
 display: block;
 width: 23px;
 height: 26px;
 margin-top: -13px;
 margin-left: -11px;
 
 background: transparent url( '/templates/dorcel/imgs/video_playlist_video_play.png' ) no-repeat center;
}

div#playlist .links
{
 position: absolute;
 width: 360px;
 height: 29px;
 margin: 0;
 padding: 0;
 top: 100%;
 right: 0;
 margin-top: 1px;
 
 background: transparent url( '/templates/dorcel/imgs/video_playlist_links.png' ) no-repeat center top;
}
div#playlist .links .vod
{
 position: absolute;
 top: 0;
 left: 146px;
 display: block;
 width: 108px;
 height: 29px;
 cursor: pointer;
}
div#playlist .links .dvd
{
 position: absolute;
 top: 0;
 left: 256px;
 display: block;
 width: 104px;
 height: 29px;
 cursor: pointer;
}
div#playlist .links .first{ border-left: none; }
div#playlist .links .last{ border-right: none; }

/*************/
/* ERROR 404 */
/*************/
div#frame_error
{
 position: relative;
 display: block;
 width: 1000px;
 height: 549px;
 
 margin: 0 auto;
 margin-top: 92px;
 margin-bottom: 30px;
 padding: 0;
 
 background: transparent url( '/templates/dorcel/imgs/error404/error404.png' ) no-repeat center top;
}

div#frame_error img{ border: none; }


div#frame_error a
{
 display: block;
 position: absolute;
 height: 225px;
 margin: 0;
 padding: 0;
}

div#frame_error a.dorcelvision
{
 width: 212px;
 left: 65px;
 top: 125px;
}

div#frame_error a.dorcelshop
{
 width: 206px;
 left: 277px;
 top: 125px;
}

div#frame_error a.dorceltv
{
 width: 226px;
 left: 483px;
 top: 125px;
}

div#frame_error a.dorcelblog
{
 width: 210px;
 left: 709px;
 top: 125px;
}

div#frame_error a.marcdorcel
{
 width: 250px;
 left: 360px;
 height: 145px;
 bottom: -15px;
}


/* LEGAL */
#page_legal
{
 width: 980px;
 margin: 0 auto;
 padding-bottom: 20px;
}
#page_legal #legal_title
{
 margin: 43px 0 30px;
 
 line-height: 1;
 font-size: 24px;
 font-family: thonburibold;
 text-transform: uppercase;
}


/* DEBUG */

a#debug_btn
{
 color: #FFFFFF;
 background: #000000;
 z-index: 1000;
 position: fixed;
 cursor: pointer;
 padding: 5px;
 left: 5px;
 bottom : 0px;
 opacity: 0.3;
 filter: alpha(opacity=30);
 text-decoration: none;
}
a#debug_btn:hover
{
 opacity: 1;
 filter: alpha(opacity=100);
}

div#debug_bg
{
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 999;
 overflow: hidden;
 
 background: #ff0000;
 opacity: 0.75;
 filter: alpha(opacity=75);
}

#debug
{
 position: fixed;
 /* bottom: 20px; */
 top:20px;
 left: 240px;
 right: 240px;
 height:88%;
 overflow: auto;
 background-color: #F0EFEF;
 padding: 25px 18px;
 z-index: 1000;
 
 font-size: 11px;
}

div#debug table
{
 margin: 3px 20px 5px 20px;
 
 border-collapse: collapse;
}
div#debug table tbody tr{ background: #dbdbdb; }
div#debug table tbody tr.even{ background: #f5f5f5; }
div#debug table tbody tr th,
div#debug table tbody tr td
{
 padding: 2px 20px 2px 5px;
}
div#debug table tbody tr th{ width: 150px; vertical-align: top; }
div#debug table tbody tr td{ font-family: monospace; }
div#debug table tbody tr td .var-content{ display: none; }
div#debug table tbody tr td:hover .var-type{ display: none; }
div#debug table tbody tr td:hover .var-content{ display: block; }
div#debug table tbody tr{ border-bottom: 1px dotted #000; }
div#debug table tbody tr.last{ border-bottom: none; }

div#debug pre{ margin: 0; }
div#debug p
{
 margin: 5px 0 0 0;
 
 font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #ff0000;
}
div#debug span.keyword1{ color: #0000ff; font-weight: bold; }
div#debug span.keyword2{ color: #ff8000; font-weight: bold; }
div#debug h2
{ 
 margin: 0;
 font-size: 11px; 
 color: #000000; 
 font-family: arial;
 line-height: 20px;
 height: auto;
}

#contact_send
{
 position: fixed;
 display: none;
 left: 50%;
 padding: 45px 60px;
 margin-left: -270px;
 width: 520px;
 
 background-color: #f0f1f4;
 box-sizing: border-box;
 z-index: 101;
}
#contact_send a.close
{
 position: absolute;
 top: 15px;
 right: 15px;
 display: block;
 width: 26px;
 height: 26px;
 
 cursor: pointer;
 background: transparent url( '/templates/dorcel/imgs/icons_buttons.png' ) no-repeat -44px -28px;
}
#contact_send h2
{
 margin: 0;
 padding: 0;
}

/* contact pop up demande formulaire */ 
#contact_popup
 {
  position: fixed;
  display: block;
  left: 50%;
  padding: 45px 60px;
  margin-left: -270px;
  width: 520px;
  height:auto;
  background-color: #f0f1f4;
  box-sizing: border-box;
  z-index: 101;
  color:#454444;
  line-height: 20px;
 }
  #contact_popup a.confirm-sponsoring
  {
  cursor: pointer;
  font-weight:bold;
  color: #FFF;
  text-decoration: none;
  display:inline-block;
  width: 200px;
  height: 37px;
  line-height: 37px;
  vertical-align:middle;
  padding: 5 10px;
  background: #db488f;
 }
 
 #contact_popup a.close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 26px;
  height: 26px;
  cursor: pointer;
  background: transparent url('/templates/dorcel/imgs/icons_buttons.png') no-repeat -44px -28px;
}
.wrapper-box
{
width:100%;
text-align:center;
}

.wrapper-box.link:hover 
{
opacity: 0.75;