/*
___ ____ _  _ ___  ____ 
 |  |___ |\/| |__] |  | 
 |  |___ |  | |    |__| 
©2008 www.tempointeractiu.com 

*/

/* reset.css */
* { margin:0px; padding:0px; }
/**/
body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px; color:#474339; background:#eaebe6 url('../img/body_bg.jpg') repeat-y top center; }

#bg_body { background:url('../img/bg_body.jpg') repeat-x top left; float:left; width:100%; }
#bg_web { background:url('../img/body_bg.jpg') repeat-y top center; float:left; width:100%; }

#wrapper { margin:0 auto; width:970px; margin-top:6px;}

ul {list-style:none;}
h1 {font-size:22px;}
h2 {font-size:19px;}
h3 {font-size:16px; font-weight:normal;}
h4 {font-size:13px;}
h5 {font-size:10px;}

img {border:none;}
a { text-decoration: none; outline:none; color: #1a1717; border:none;}
a:hover { text-decoration: none; }

input.camp {width:300px; line-height:18px; border:1px solid #5c1f1d; color:#474339; background:#ffffff; font-size:11px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
/*input.camp {border:1px solid #0065b7;}*/
textarea.tcamp {border:1px solid #5c1f1d; color:#474339; background:#ffffff;  font-size:11px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; line-height:18px; margin-bottom:20px; width:300px; min-height:150px; height:auto !important; height:150px;}

input.error {border: 1px solid Red; }

/************ GENÈRICS ***********/
.db {border:1px solid red;}
.cl {clear:both;}
.lft {float:left;}
.rgt {float:right;}
.nobg {background:none;}
.dnone {display:none;}
.nobr {border:none;}
.mauto {margin: 0px auto;}

/***WIDTHS***/
.w100 {width:100%;}
.w192 {width:192px;}

.w210 {width:210px;}
.w230 {width:230px;}
.w255 {width:255px;}
.w300 {width:300px;}
.w330 {width:330px;}
.w350 {width:350px;}
.w389 {width:389px;}
.w566 {width:566px;}
.w290 {width:290px;}

.w644 {width:659px;}
.w646 {width:646px;}
.w660 {width:660px;}

.w690 {width:682px;}
.w906 {width:906px;}
.w955 {width:955px;}

/***Paddings***/
.pt5 {padding-top:5px;}
.pt9 {padding-top:9px;}
.pt11 {padding-top:11px;}
.pt17 {padding-top:17px;}

.pr11 {padding-right:11px;}
.pr13 {padding-right:13px;}
.pr16 {padding-right:16px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr35 {padding-right:35px;}

.pb11 {padding-bottom:11px;}

.pl14 {padding-left:13px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl25 {padding-left:25px;}
.pl35 {padding-left:35px;}

/***Margins***/
.mr10 {margin-right:10px;}

.mt5 {margin-top:11px;}
.mt24 {margin-top:24px;}
.mt68 {margin-top:62px;}

.ml1 {margin-left:1px;}

.mh600 {min-height:550px; height:auto !important; height:600px;}

/***Borders***/
.brwhite {border-left:1px solid white; border-right:1px solid white;}
.br2white {border-top:1px solid white; border-bottom:1px solid white;}
/*.brbrown{border-left:1px solid #b5b5b2; border-right:1px solid #b5b5b2;}*/
/*********************************/
div.sup { margin: 0px auto;}
 
/******* MENU DE LA PAGINA ******/
ul#menu {background:url('../img/menu_fil.gif') repeat-x; min-height:52px; height:auto !important; height:52px; padding-left:33px;}

ul#menu li {float:left; padding-right:14px; font-size:12px; padding-top:15px;}
ul#menu li a {float:left; color:#5c1f1d; padding: 3px 5px 5px 5px; }
ul#menu li a.act {background:#822c29 url('../img/pasti_fil.gif') repeat-x top left; color:#f0ead7;}
ul#menu li a:hover {background:#822c29 url('../img/pasti_fil.gif') repeat-x top left; color:#f0ead7;}
/********************************/

/******* SUBMENU INTERIOR ******/
ul#submenu {padding-left:16px; font-size:12px; padding-top:5px;}
ul#submenu li {width:194px;}
ul#submenu li a {display: block; color:#5c1f1d; border-bottom:1px solid white;}

ul#submenu a {display:block; padding:7px 5px 7px 5px;  }
ul#submenu a.act {background:#f9eed3 url('../img/submenu_pasti_fil.gif') repeat-x top left;}
ul#submenu a:hover {background:#f9eed3 url('../img/submenu_pasti_fil.gif') repeat-x top left;}
ul#submenu li a {padding-left:8px; }
ul#submenu li ul li a {padding-left:18px; }
ul#submenu li ul li ul li a {padding-left:28px; }
ul#submenu li ul li ul li ul li a {padding-left:38px; }
ul#submenu li ul li ul li ul li ul li a { padding-left:48px; }


/********** CAPSES *********/
.logo_top {background:url('../img/logo_top.gif') no-repeat; min-height:14px; height:auto !important; height:14px; margin-left:2px; }

.cleft_bt {background:url('../img/cleft_bt_bg.gif') no-repeat; min-height:16px; height:auto !important; height:16px; width:228px;}
.cleft_top {background:url('../img/cleft2_top_bg.gif') no-repeat; min-height:28px; height:auto !important; height:28px;  width:228px;}


.menu_rgt {background:#000 url('../img/menu_rgt.gif') no-repeat; min-height:52px; height:auto !important; height:52px; width:17px;}

.cimg_top {background:url('../img/cimg_top.jpg') no-repeat; min-height:18px; height:auto !important; height:18px;}
.cimg {background:url('../img/cimg_bg.gif') repeat-x; height:320px;}
.cimg ul {float:left;}
.cimg ul li {float:left; padding:5px 5px 0px 0px;}

.c_bt {background:url('../img/c_bt_bg.gif') no-repeat; min-height:16px; height:auto !important; height:16px; width:228px;}
.c_top {background:url('../img/c_top_bg.gif') no-repeat; min-height:28px; height:auto !important; height:28px; width:228px;}

.cright_bt {background:url('../img/cright_bt_bg.gif') no-repeat; min-height:16px; height:auto !important; height:16px; width:228px;}
.cright_top {background:url('../img/cright_top_bg.gif') no-repeat; min-height:28px; height:auto !important; height:28px; width:228px;}

.cbig {background:url('../img/cbig_bg.gif') repeat-x; }
.cbig div.img {padding-right:40px;}

.cbig_bt {background:url('../img/cbig_bt.gif') no-repeat; min-height:18px; width:942px; height:auto !important; height:18px;}
.cbig_top {background:url('../img/cbig_top2.jpg') no-repeat; min-height:36px; width:942px; height:auto !important; height:36px;}

.cleft2_top {background:url('../img/cleft_top_bg.gif') no-repeat; min-height:28px; height:auto !important; height:28px; width:228px;}

.peu {background:url('../img/peu_bg.gif') no-repeat; text-align:center; min-height:52px; height:auto !important; height:52px;}
/********************************/


/********** ALRES *********/
.menu2 {background:#fcfcf8 url('../img/menu2_fil.gif') repeat-x;}

div.item {background:url('../img/cleft_bg.gif') repeat-x;}
/*div.item img {padding-bottom:25px;}*/
div.item h3 { color:#5c1f1d; font-weight:bold; padding-top:25px; font-size:14px;}

div.col {height:385px;}
div.col p {padding-top:13px; line-height:16px;}

.text h3 {color:#5c1f1d; font-weight:bold;}
.text p {color:#474339; padding-top:13px; line-height:16px;}
.text b {color:#5c1f1d;}
.text a {color:#5c1f1d; text-decoration:underline;}
.text a:hover {color:#5c1f1d; text-decoration:none;}
.text ul,
.text ol {padding-top:10px;}
.text ol li,
.text ul li {padding-left:10px; padding-top:5px; list-style:none; }



div#langs {z-index:2; width:126px; min-height:21px; height:auto !important; height:21px; position: absolute; background:url('../img/langs_bg.jpg') no-repeat; text-align:center; padding-top:3px; color:#63211f; margin-left:800px;}
div#langs a{color:#63211f;}
div#langs a.act{color:#cf4641;}
div#langs a:hover { text-decoration:underline; }


/**********INNTERIOR 2 **************/

div#player2 {float:left; width:646px; padding:11px 0px 11px 11px; margin-top:24px; background:#e1dcca;}
div#player2 ul {float:left; margin-left:11px; width:10px;}
div#player2 img {float:left;}
div#player2 ul li {float:left; cursor:pointer; padding-top:5px;}
div#player2 ul li a {float:left;  margin:0;}

ul#pdfs {padding-top:14px; padding-bottom:40px; margin-top:9px;}
ul#pdfs li {float:left; width:200px; background:url('../img/ico-pdf2.gif') no-repeat; padding: 0 0 5px 20px;}
ul#pdfs li a{color:#474339;}

/*ul#pdfs2 {padding-top:14px; padding-bottom:40px;}
ul#pdfs2 li {float:left; width:626px; background:url('../img/ico-pdf2.gif') no-repeat; padding: 0 0 5px 0;}
ul#pdfs2 li a{color:#474339; padding: 0 0 0 20px; margin:0; text-decoration:none; }*/

ul#pdfs2 {padding-bottom:40px;}
ul#pdfs2 li { background:url('../img/ico-pdf2.gif') no-repeat; padding:0 0 10px 0; margin:0;}
ul#pdfs2 li a{color:#474339; padding: 0 0 0 20px; text-decoration:none;}



div#txtContact {float:left; width:295px;}
div#txtContact p {float:left; padding-top:10px;}
div#player {float:left; width:295px;}
div#player img {margin-top:10px;}

.play li {cursor:pointer;}