/* CSS Mimetik */

/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;} /* remember to define focus styles! */
ins {text-decoration:none;} /* remember to highlight inserts somehow! */
del {text-decoration:line-through;} 
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* source: http://sonspring.com/journal/clearing-floats */

/* ------------------website -----------------------*/

body  { font-family:Futura, Arial, Helvetica, sans-serif; font-size:15px; color:#727272; background:#fff; margin:0px; padding:0px; border-top:7px solid black; line-height:130%;}

span.none {display:none;}
a img {border:none;}
span.tik {color:#ff9c00}

#marca { border-bottom:1px solid black; }

#content { width:970px; margin-left:-487px; left:50%; position:absolute; margin-bottom: 20px; padding-bottom:20px;}
#top {position:relative;}
#logo { width:137px; margin-top:10px; float:left;}
#small_menu {float:right; margin:12px 8px 0 0; }
#small_menu li{ margin-left:15px;}
#small_menu ul li.press{ float:left; height:22px; width:100px; display:block}
#small_menu ul li.press a{ float:left; height:22px; width:100px; display:block; background: no-repeat url('../images/menusecond_pressroom.jpg'); }
#small_menu ul li.press a:hover{ height:22px; width:100px; display:block; background: no-repeat url('../images/menusecond_pressroomhover.jpg');}

#small_menu ul li.contact{ float:left; height:22px; width:76px;}
#small_menu ul li.contact a{ float:left; height:22px; width:76px; background: no-repeat url('../images/menusecond_contacte.jpg') top left;}
#small_menu ul li.contact a:hover{ float:left; height:22px; width:76px; background: no-repeat url(../images/menusecond_contactehover.jpg) top left;}

#small_menu ul li.contact_es{ float:left; height:22px; width:76px;}
#small_menu ul li.contact_es a{ float:left; height:22px; width:76px; background: no-repeat url('../cast/images/menusecond_contacte_es.jpg') top left;}
#small_menu ul li.contact_es a:hover{ float:left; height:22px; width:76px; background: no-repeat url(../cast/images/menusecond_contacte_es.jpg) top left; border-bottom:1px solid #000;}


#big_menu {float:right; width:100%; margin-top:30px;}
#big_menu ul{float:right; border-bottom:1px solid black;}
#big_menu li{margin-left:10px;}
#big_menu ul li.mimetik{float:left; height:44px; width:115px; }
#big_menu ul li.mimetik a{float:left; height:44px; width:115px; background: no-repeat url(../images/menu_mimetik.jpg) top left; }
#current_mimetik {float:left; height:44px; width:115px; background: no-repeat url(../images/menu_mimetikhover.jpg) top left; }
#current_mimetik a{float:left; height:44px; width:115px; background: no-repeat url(../images/menu_mimetikhover.jpg) top left; }
#big_menu ul li.mimetik a:hover{ height:44px; width:115px; background: no-repeat url(../images/menu_mimetikhover.jpg) top left; }

#big_menu ul li.coleccio{float:left; height:44px; width:145px; }
#big_menu ul li.coleccio a{float:left; height:44px; width:145px; background: url(../images/menu_coleccio.jpg) top left no-repeat; }
#current_coleccio{float:left; height:44px; width:145px; background: url(../images/menu_colecciohover.jpg) top left no-repeat; }
#current_coleccio a{float:left; height:44px; width:145px; background: url(../images/menu_colecciohover.jpg) top left no-repeat; }
#big_menu ul li.coleccio a:hover{ height:44px; width:145px; background: url(../images/menu_colecciohover.jpg) top left no-repeat; }

#big_menu ul li.coleccio_es{float:left; height:44px; width:142px; }
#big_menu ul li.coleccio_es a{float:left; height:44px; width:142px; background: url(../cast/images/menu_coleccio_es.jpg) top left no-repeat; }
#current_coleccio_es{float:left; height:44px; width:142px; background: url(../cast/images/menu_colecciohover_es.jpg) top left no-repeat; }
#current_coleccio_es a{float:left; height:44px; width:142px; background: url(../cast/images/menu_colecciohover_es.jpg) top left no-repeat; }
#big_menu ul li.coleccio_es a:hover{ height:44px; width:142px; background: url(../cast/images/menu_colecciohover_es.jpg) top left no-repeat; }

#big_menu ul li.comprar{float:left; height:44px; width:175px; }
#big_menu ul li.comprar a{float:left; height:44px; width:175px; background: url(../images/menu_comprar.jpg) top left no-repeat; }
#big_menu ul li.comprar a:hover{ height:44px; width:175px; background: url(../images/menu_comprarhover.jpg) top left no-repeat; }

#big_menu ul li.online{float:left; height:44px; width:182px; }
#big_menu ul li.online a{float:left; height:44px; width:182px; background: url(../images/menu_online.jpg) top left no-repeat; }
#big_menu ul li.online a:hover{ height:44px; width:182px; background: url(../images/menu_onlinehover.jpg) top left no-repeat; }

#big_menu ul li.online_es{float:left; height:44px; width:182px; }
#big_menu ul li.online_es a{float:left; height:44px; width:185px; background: url(../cast/images/menu_online_es.jpg) top left no-repeat; }
#big_menu ul li.online_es a:hover{ height:44px; width:185px; background: url(../cast/images/menu_onlinehover_es.jpg) top left no-repeat; }

#big_menu ul li.news{float:left; height:44px; width:130px; }
#big_menu ul li.news a{float:left; height:44px; width:130px; background: url(../images/menu_actualitat.jpg) top left no-repeat; }
#big_menu ul li.news a:hover{ height:44px; width:130px; background: url(../images/menu_actualitathover.jpg) top left no-repeat; }

#big_menu ul li.news_es{float:left; height:44px; width:142px; }
#big_menu ul li.news_es a{float:left; height:44px; width:142px; background: url(../cast/images/menu_actualitat_es.jpg) top left no-repeat; }
#big_menu ul li.news_es a:hover{ height:44px; width:142px; background: url(../cast/images/menu_actualitathover_es.jpg) top left no-repeat; }

#second_menu {float:right; width:100%; margin-top:15px;}
#second_menu ul{float:left; margin-left:365px;}
#second_menu li{margin-left:30px;}

#second_menu ul li.presen{float:left; height:22px; width:98px; }
#second_menu ul li.presen a{float:left; height:22px; width:98px; background: no-repeat url(../images/mimetik_menupresen.jpg) top left; }
#second_menu ul li.presen a:hover{ border-bottom:1px solid black; }

#second_menu ul li.presen_es{float:left; height:22px; width:109px; }
#second_menu ul li.presen_es a{float:left; height:22px; width:109px; background: no-repeat url(../cast/images/mimetik_menupresen_es.jpg) top left; }
#second_menu ul li.presen_es a:hover{ border-bottom:1px solid black; }

#second_menu ul li.metode{float:left; height:22px; width:84px; }
#second_menu ul li.metode a{float:left; height:22px; width:84px; background: no-repeat url(../images/mimetik_menumetode.jpg) top left; }
#second_menu ul li.metode a:hover{ border-bottom:1px solid black; }

#second_menu ul li.metode_es{float:left; height:22px; width:84px; }
#second_menu ul li.metode_es a{float:left; height:22px; width:84px; background: no-repeat url(../cast/images/mimetik_menumetode_es.jpg) top left; }
#second_menu ul li.metode_es a:hover{ border-bottom:1px solid black; }

#second_menu ul li.fet{float:left; height:22px; width:118px; }
#second_menu ul li.fet a{float:left; height:22px; width:118px; background: no-repeat url(../images/mimetik_menufet.jpg) top left; }
#second_menu ul li.fet a:hover{ border-bottom:1px solid black; }

#second_menu ul li.fet_es{float:left; height:22px; width:111px; }
#second_menu ul li.fet_es a{float:left; height:22px; width:111px; background: no-repeat url(../cast/images/mimetik_menufet_es.jpg) top left; }
#second_menu ul li.fet_es a:hover{ border-bottom:1px solid black; }

#second_menu ul li.equip{float:left; height:22px; width:51px; }
#second_menu ul li.equip a{float:left; height:22px; width:51px; background: no-repeat url(../images/mimetik_equip.jpg) top left; }
#second_menu ul li.equip a:hover{ border-bottom:1px solid black; }

#coleccio_menu {float:right; width:100%; margin-top:10px;}
#coleccio_menu ul{float:left; margin-left:490px;}
#coleccio_menu li{margin-left:30px;}
#coleccio_menu ul li.aisha{float:left; height:29px; width:55px; }
#coleccio_menu ul li.aisha a{float:left; height:29px; width:55px; background: no-repeat url(../images/coleccio_aisha.jpg) top left; }
#coleccio_menu ul li.aisha a:hover{ border-bottom:1px solid black; }
#coleccio_menu ul li.pito{float:left; height:29px; width:37px; }
#coleccio_menu ul li.pito a{float:left; height:29px; width:37px; background: no-repeat url(../images/coleccio_pito.jpg) top left; }
#coleccio_menu ul li.pito a:hover{ border-bottom:1px solid black; }
#coleccio_menu ul li.vuelin{float:left; height:29px; width:62px; }
#coleccio_menu ul li.vuelin a{float:left; height:29px; width:62px; background: no-repeat url(../images/coleccio_vuelin.jpg) top left; }
#coleccio_menu ul li.vuelin a:hover{ border-bottom:1px solid black; }
#coleccio_menu ul li.txi{float:left; height:29px; width:31px; }
#coleccio_menu ul li.txi a{float:left; height:29px; width:31px; background: no-repeat url(../images/coleccio_txi.jpg) top left; }
#coleccio_menu ul li.txi a:hover{ border-bottom:1px solid black; }
#coleccio_menu ul li.milu{float:left; height:29px; width:40px; }
#coleccio_menu ul li.milu a{float:left; height:29px; width:40px; background: no-repeat url(../images/coleccio_milu.jpg) top left; }
#coleccio_menu ul li.milu a:hover{ border-bottom:1px solid black; }


#idioma {float:left; font-size:12px; margin-left:60px; padding-top:15px;}
#idioma ul li{float:left; margin-right: 15px; }
#idioma ul li a:link, #idioma ul li a:active, #idioma ul li a:visited{color:#727272; text-decoration:none;}
#idioma ul li a:hover {color:#727272; text-decoration:underline;}

#redsocial {float:right; margin-left:30px; padding-top:8px;}

#medium { width:100%; float:left; margin-top:20px;}
#medium #ref p { width:233px; float:left; margin:0 3px 0px 5px;}

#news {width:350px; float:left; margin-top:15px;}
#news h3{font-family:HelveNueThin, Helvetica, Arial, sans-serif; font-size:30px; }
#news p{font-family: Helvetica, Arial, sans-serif; font-size:13px; padding:0 15px 0 7px; line-height:130%;}

#video {width:342px; float:left; margin-top:30px; padding-top:6px; margin-bottom:30px;}
#video p{padding:10px 20px 0; text-align:center;}

#face {width:290px; margin-top:30px;  margin-left:19px; float:left; }
#face p{padding:0 20px; text-align:center;}

#twitt {width:270px; margin-top:30px;  float:right; }

#contact {padding:0px; margin-top:60px; float:left; }
#contact .maps {float:left; padding:0 20px;}
#contact .logo {float:right;  padding:0px 10px; margin-top:80px;}
#contact .logo a:link, #contact .logo a:active, #contact .logo a:visited {color:#727272; text-decoration:none;}
#contact .logo a:hover {color:#727272; text-decoration:underline;}

#mimetik{ float:left; margin-top:50px; padding:0 20px; }
#mimetik p{ margin-bottom:15px;}
#mimetik p.img{ text-align:center;}
#mimetik ul li{ margin-bottom:15px;}

#coleccio {float:left; margin-top:40px; padding:0 0px;  padding:0px;}
#coleccio #poster{float:left; width:260px;}
#coleccio #position{float:left; width:710px;}
#coleccio #position #pos {float:left; width:172px; height:348px; }
#coleccio #position #pos p.imatge{width:172px; height:294px; text-align:center;}
#coleccio #position #pos p.video{float:left; width:172px; height:348px; text-align:center;}

#color {float:left; margin:20px 30px;}
#color h5.color{float:left; background: no-repeat url(../images/titol_colors.jpg) top left; width:100%; height:27px; margin-bottom:8px;}
#color h5.color_es{float:left; background: no-repeat url(../cast/images/titol_colors_es.jpg) top left; width:100%; height:27px; margin-bottom:8px;}
#color ul li{float:left; margin-right:8px; margin-bottom:20px;}

#share { float:left; margin-top:30px; }
#share p.fb { float:left; margin-right: 15px;}
#share p.tw { float:left;}
#share p.like { float:left;}