/* @font-face basic linking

p, td, h1,h2,h3{
font-family: 'Fontin-Regular',georgia, serif;
}


@font-face{
font-family: 'Fontin-Regular'; 
src: url('../../font/Fontin-Italic.otf') format('opentype');
}
 */

/* @font */
body { height:100%; background:#F1F1E9; color:#999; font-family:'Fontin-Regular', Verdana, sans-serif; font-size:11px; letter-spacing:0.05em;}

/* General Styles */
.hide {display:none !important;}
hr { border:none; border-bottom:1px solid #BFBFBF;margin:0;padding:0;background:none;height:0;width:100%; }
hr.green_line {border-color:#8FD400;}
a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }
a:hover img { opacity:.9; }
p { margin-bottom:10px; color:#666; }
#content {margin:0px;}
h1 { font-weight:normal; color:#999; font-size:18px; border-bottom:1px solid #BFBFBF;}
.bold {font-weight:bold;color:#333;}
/*colors*/
.griset { color:#999; }
.verdete { color:#8FD400; }
.vermellet {color:#D8001D; }

#wrapper { width:950px; margin:20px auto; } 
#top { height:17px; background:transparent url(../img/bg-top.png) no-repeat scroll center center; }
#middle { padding:0 23px; background:transparent url(../img/bg-middle.png) repeat-y scroll center center; height:100%;} 
#bottom { height:19px; background:transparent url(../img/bg-bottom.png) no-repeat scroll top center; }

#footer { margin: 0 20px 0 30px; font-size:.9em;}
#footer ul { list-style-type:none; width:100%; margin: 0; }
#footer ul li { float:left; margin: 0 10px 0 0; padding: 0 0 0 10px; border-left:1px solid #BFBFBF;}
#footer ul li.secondary { float:right; border:none; }
#footer ul li a { color:#999; }

/*layout*/
#middle #logo { float:left; margin:-9px 0 0 23px; }
#middle #flags { float:right; padding:29px 4px 0; }

/* NAV */
ul#nav { list-style-type:none; width:100%; height:31px; margin:3px 0 14px; }
ul#nav li { float:left; font-weight:normal; list-style-type:none; text-align:center; margin: 0 0 0 2px;}
ul#nav li.menu-oliver { background:transparent url(../../lang/menu-es.png) no-repeat scroll top left; display:block; width:194px; height:31px; text-indent:-10000px;}
ul#nav li a.sprite { background:transparent url(../../lang/menu-es.png) no-repeat scroll top left; display:block; height:31px; cursor:pointer; }
ul#nav li a.sprite span.text { display:block; text-indent:-10000px; margin:0; padding:0; width:0; height:0; cursor:pointer; }
ul#nav li a.sprite.home { background-position:-199px 0px; width:89px; }
ul#nav li a.sprite.home.active { background-position:-199px -35px; }
ul#nav li a.sprite.historia { background-position:-288px 0px; width:102px; }
ul#nav li a.sprite.historia.active { background-position:-288px -35px; }
ul#nav li a.sprite.comerciales { background-position:-391px 0px; width:146px; }
ul#nav li a.sprite.comerciales.active { background-position:-391px -35px; }
ul#nav li a.sprite.localizacion { background-position:-537px 0px; width:132px; }
ul#nav li a.sprite.localizacion.active { background-position:-537px -35px; }
ul#nav li a.sprite.productos { background-position:-670px 0px; width:113px; }
ul#nav li a.sprite.productos.active { background-position:-670px -35px; }
ul#nav li a.sprite.contacto { background-position:-784px 0px; width:114px; }
ul#nav li a.sprite.contacto.active { background-position:-784px -35px; }
ul#nav a:link, #nav a:visited { color: #FFF; background-color: #8FD400; text-decoration: none; }
ul#nav a.sprite:hover { opacity:.6; }
ul#nav a.active { text-decoration:underline; background-color: #D8001D; }

/*welcome*/
div#welcome { width:977px; height:543px; margin:20px auto; background:#F1F1E9 url(../img/welcome.jpg) no-repeat scroll center center; }
div#welcome #flags { text-align:center; padding-top:395px; }
div#welcome #flags a { margin:0 6px; }

/*Home*/
div.underline { margin:0 2px 10px; padding-bottom:6px; border-bottom:1px dashed #999; text-align:center;}
div.underline a { padding:0 2px; }
div.portades { text-align:center; }
div.portades a { padding:0 1px; }

/*Comerciales*/
#comerciales {padding:0 7px; }
#comerciales div#col1 {float:left;width:366px;}
#comerciales div#col2 {float:right;width:510px;}
#comerciales div#col2 table {width:100%; border:none;}
#comerciales div#col2 table th, #comerciales div#col2 table td {text-align:left; border-top: 1px dotted #BFBFBF;padding:5px 2px; color:#666; }

#localizacion {padding:0 7px;}
#localizacion div#col1 {float:left;width:295px;}
#localizacion div#col2 {float:right;width:580px;}

#historia {padding:0 7px; }
#historia div#col1, 
#historia div#col2, 
#historia div#col3, 
#historia div#col4 {float:left;width:25%;}
#historia p { margin-right:5px;}

#contacto { padding:0 7px; }
#contacto #top { height:200px; width:100%; background:#f2f1e9; margin-bottom:12px; position:relative;}
#contacto #top #p1 { margin-top:6%; color:#8FD400; font-size:250%;text-align:center;}
#contacto #top #p2 { margin-top:1%; color:#666; font-size:160%; text-align:center; font-weight:bold; }
#contacto #top .row1 { width:8px; height:8px; position:absolute; top:0; left:0; background:transparent url(../img/top_l.png) no-repeat scroll top left;}
#contacto #top .row3 { width:8px; height:8px; position:absolute; top:0; right:0; background: transparent url(../img/top_r.png) no-repeat scroll top right;}
#contacto .row2 { width:100%; height:100%; position:absolute; top:0; text-align:center; }

#contacto #bottom { height:500px; width:100%; background:#8FD400; margin-bottom:12px;  position:relative;}
#contacto #bottom .row1 { width:8px; height:8px; position:absolute; bottom:0; left:0; background:transparent url(../img/bottom_l.png) no-repeat scroll bottom left; display:block;}
#contacto #bottom .row3 { width:8px; height:8px; position:absolute; bottom:0; right:0; background:transparent url(../img/bottom_r.png) no-repeat scroll bottom right; }
#contacto #bottom .row2 { width:100%; height:100%; position:absolute; bottom:0; text-align:center; } 
#contacto #bottom form {width:100%;}
#contacto #bottom table { color:#fff; font-size:110%; font-weight:bold; width:650px; margin:20px auto; }
#contacto #bottom table table {margin:0;font-size:95%;}
#contacto #bottom table td {vertical-align:middle;padding:2px 0;text-align:left;color:#fff; }
#contacto #bottom table td.label { text-align:right; }
#contacto #bottom fieldset { position:relative; color:#fff; font-size:110%; font-weight:bold; width:500px; margin:20px auto;}

#contacto #bottom form p.check {text-align:left;}
#contacto #bottom form .checkbox {float:left; margin:3px 5px 0 0;}
#contacto #bottom form .text_field , 
#contacto #bottom form .text_area { border:2px solid #FFF; background:#FFF; color:#333; padding:0; font-size:inherit; float:left;}
#contacto #bottom form .text_area  { width:100%; height:120px;}
#cognom.text_field {width:100px;}
#contacto #bottom form .text_field.falta {background-color:#D8001D;}
.w100 {width:100%;}

/*PRODUCTO*/
#productos { padding:0 7px; }
#productos #download { float:right;margin-top:-43px;}
#productos #download a { background:#F2F1E9; padding:2px 5px;}
#productos #download img { vertical-align:middle; }
#productos #col1 { width:193px; float:left; }
#productos #col2 { width:692px; float:right; }
#productos #col1 ul li { list-style-type:none; margin:0; }
#productos #col1 ul li a { color:#8FD400; font-weight:bold; border-bottom:1px solid #8FD400; display:block; padding: 5px 0;}
#productos #col1 ul li ul.categories { margin-bottom:10px; clear:both; }
#productos #col1 ul li ul.categories li { clear:both; }
#productos #col1 ul li ul.categories li a { border:none; }
#productos #col1 ul li ul.categories li a span.ding { width:53px; height:28px; display:block; float:left; background:#fff url(../img/ding-sprite.jpg) no-repeat scroll top left;}
#productos #col1 ul li ul.categories li a span.text { width:140px; padding-bottom:10px; display:block; float:left;border-bottom:1px dotted #BFBFBF; color:#666; font-weight:normal; line-height:15px; }
#productos #col1 ul li ul.categories li a span.text.active {color:#8FD400;}

#productos #col1 ul li#belenes ul.categories li a span.ding.item0 { background-position:0px 0px; }
#productos #col1 ul li#belenes ul.categories li a span.ding.item1 { background-position:0px -28px; }
#productos #col1 ul li#belenes ul.categories li a span.ding.item2 { background-position:0px -56px; }
#productos #col1 ul li#belenes ul.categories li a span.ding.item3 { background-position:0px -84px; }
#productos #col1 ul li#belenes ul.categories li a span.ding.item4 { background-position:0px -112px; }

#productos #col1 ul li#decoracion ul.categories li a span.ding.item0 { background-position:-54px 0px; }
#productos #col1 ul li#decoracion ul.categories li a span.ding.item1 { background-position:-54px -28px; }
#productos #col1 ul li#decoracion ul.categories li a span.ding.item2 { background-position:-54px -56px; }
#productos #col1 ul li#decoracion ul.categories li a span.ding.item5 { background-position:-54px -84px; }
#productos #col1 ul li#decoracion ul.categories li a span.ding.item4 { background-position:-54px -138px; }

#productos #col1 ul li#decoracion ul.categories li a span.ding.item3 { background-position:-54px -111px; }


#productos #col1 ul li#carnaval ul.categories li a span.ding.item0 { background-position:-100px 0px; }
#productos #col1 ul li#carnaval ul.categories li a span.ding.item1 { background-position:-100px -28px; }
#productos #col1 ul li#carnaval ul.categories li a span.ding.item2 { background-position:-100px -56px; }
#productos #col1 ul li#carnaval ul.categories li a span.ding.item3 { background-position:-100px -84px; }
#productos #col1 ul li#carnaval ul.categories li a span.ding.item4 { background-position:-100px -112px; }
#productos #col1 ul li#carnaval ul.categories li a span.ding.item5 { background-position:-100px -138px; }

#productos #col2 .sub_categories {float:left;}
#productos #col2 .sub_categories a.active,
#productos #col2 .sub_sub_categories a.active  {color:#8FD400;font-weight:bold;}
#productos #col2 .sub_sub_categories {float:right;}
#productos #col2 .row_prod {padding: 18px 0; border-bottom:1px solid #999;}
#productos #col2 .row_prod  a {float:left;display:block;width:168px;height:118px;}
#productos #col2 .row_prod  span.divider {float:left;display:block;width:1px;height:118px;border-left:1px solid #999;}

body#descarga {background:#fff;overflow:visible;margin:0 0 0 0px;}
body#descarga div.container {padding:10px;overflow:visible;}
body#descarga div.container a {padding:1px;}
body#descarga div.container a.pdf {text-align:center;width:295px;height:136px;display:block;float:left;}
body#descarga div.container a.pdf img {padding-top:10px;}