/*
*	CSS EXTENS SOLUCIONS S.L.
*	common.css file
*/

body{ font-family: Helvetica, Verdana, sans-serif; font-size:14px; line-height:1.6em; width:800px; background-color:#FFFFFF; 
		margin:0 auto 0 auto; padding:0; height:auto; text-align:center; }

a{ cursor: pointer; outline:none; color:#32A8E1; text-decoration:none; }

a:hover{ text-decoration:underline; }

a:active{ outline-style:none; }

.noew{ background-color:#f5731c; color:#FFFFFF; width:100%; text-align:center; line-height:1.2em; padding:4px 0 4px 0; font-weight:bold; }

img{ border:0; }

.png{}

.itl{ font-style:italic; }

.bold{ font-weight:bold; }

.cgrau{ color: #999999; }

.cbold{ color: #000000; }

.bcyell{ background-color:#FFFFCC; }

form{ margin: 0; padding:0 ;}

.vat{ vertical-align:top;}

.fr{ float:right; }

.fl{ float:left; }

.mt10{ margin-top:10px; }

.mt20{ margin-top:20px; }

.mt30{ margin-top:30px; }

.mb30{ margin-bottom:30px; } /* ? remove */

.txtal{ text-align:left; }

.txtar{ text-align:right; }

.txtac{ text-align:center; }

.txtaj{ text-align:justify; }

.button{ outline:none; }

.red{ color: #FF0000; }

.bck{ color: #000000; }

.un{ text-decoration:underline; }

/* ---- */

div.pinfo{ width:100%; text-align:left; width:100%; padding:0; margin:0 0 2px 0; }

div.pinfo .name{ width:75%; }

div.name h1{ font-size:14px; margin:0; padding:0 0 5px 0; color:#000000; line-height:1.4em; }

div.name h2{ font-size:12px; margin:0; padding:0; color:#000000; line-height:1.6em; }

div.pinfo .ref{ color:#B215C4; font-size:12px; margin:0; padding:0; float:right; width:24%; text-align:right; }

.iref{ color:#B215C4; font-size:12px; margin:0; padding:0; width:100%; text-align:right; }

.lbline { border-top:2px solid #B215C4; width:100%; margin:0; padding:0; }

.notfound{ width:auto; padding:100px 0 20px 0; height:350px; text-align:center; }

/* ---- */

#header{ width:800px; background-color:#000000; text-align:left; height:auto; padding:10px 0 0 0; margin:0 auto 15px auto; font-size:14px;  }

#header #logo{ margin-left:15px; position:absolute; }

#header #iname{ margin:12px 0 0 150px; position:absolute; }

#header #info{ width: 780px; height: 55px; margin:0 20px 0 0; padding:0 20px 0 0; text-align:right; }

#header #info #loc{ color:#FFFFFF; font-size:18px; margin:5px 0 0px 0; padding:0; }

#header #info #iphone{ color:#FFFFFF; font-size:15px; margin:0px 0 6px 0; padding:0; }

#header #info #ilang{ color:#FFFFFF; font-size:12px; text-align:right; margin:0; padding:0; }

#header #info #ilang a{ color:#FFFFFF; text-decoration:none; }

#header #info #ilang a:hover{ color:#FFFFFF; text-decoration:underline; }

#header #info #ilang ul{ margin:0; padding:0; text-align:right; list-style: none; }

#header #info #ilang ul li{ margin:0 0 0 15px; padding:0; display: inline; }

body #header #menu{ width:100%; background-color:#D2D2D2; height:auto; margin:0; font-size:13px; line-height:2em; font-weight:bold; }

#header #menu ul{ margin:20px 20px 0 0; padding:0; text-align:right; list-style: none; width:auto; }

#header #menu ul li{ margin:0 0 0 20px; padding:0; display:inline; }

#header #menu a{ color:#000000; text-decoration:none; padding-bottom:1px; }

#header #menu a:hover{ color:#666666; }

a.set{ background: url(../_img/underlinedot.png) bottom repeat-x; }

.inhalt{ width:785px; margin:0 0 0 15px;  background-color:transparent; }

.inhalt #msg{ color:#515151; font-weight:bold; margin:100px auto 250px auto; text-align:center; line-height:2em; font-size:14px; width: 525px; }

/* ---- */

.label{ width:auto; padding:0; background:url(../_img/tab.jpg) no-repeat right; height:24px;  background-color:#B215C4; text-align:left; }

.label span{ color:#FFFFFF; font-size:14px; padding:4px 0 0 10px; display:block; line-height:normal; }

html > body .label{ width:auto; padding:0; background:url(../_img/tab.jpg) no-repeat right; height:24px;  background-color:#B215C4; text-align:left; }

html > body .label span{ color:#FFFFFF; font-size:14px; padding: 0 0 0 10px; vertical-align:middle; line-height:2em; }

#menulist .lbcompos{ margin:0 30px 0 0; padding:0; }
	
#menulist{ width:180px; float:left; text-align:left; margin:0 0 15px 0; }	
	
#menulist .content{ border-top:2px solid #B215C4; width:170px; background:url(../_img/deg_prod.jpg) repeat-x; height:auto !important; min-height:450px; height:450px; }

#menulist .content ul{ width:auto; margin:10px; padding:0; font-size:12px; font-weight:bold; list-style:none; }

#menulist .content ul li{  margin:0; padding:3px 0 3px 15px; line-height:2em; background:url(../_img/bullet.jpg) 0px 1em no-repeat; }

#menulist .content ul li.nb{  margin:0; padding:3px 0 3px 0; line-height:2em; background:none; }

#menulist .content ul li.nb .line{ color:#B215C4; border-top:1px dotted #B215C4; width:100%; height:2px; }

#menulist .content a{ color:#000000; text-decoration:none; }

#menulist .content a:hover{ text-decoration:underline; }

#pmain{ width:590px; margin:0 0 0 auto; padding:15px 0 0 0; text-align:right; height:450px; min-height:450px; height:auto !important; }

#pmain h2{ color:#000000; font-size:14px; margin:0; padding:10px 0 5px 0; }

#pmain #destc{ float:right; margin:0 0 0 auto; padding:10px ; width:200px; height:215px; text-align:left; background-color:#ED1C22; overflow:auto; }

#pmain #destc a{ color:#000000; text-decoration:none; }

#pmain #destc a:hover{ text-decoration:underline; }

#destc ul{ color:#FFFFFF; margin:0; padding:0 0 0 15px; color:#000000; }

#destc ul li{ font-weight:normal;  font-size:12px; padding:1px 0 1px 0; margin:0; width:auto; }

#pmain .image{ width:auto; height:auto; background-color:transparent; margin:0 auto 0 0; padding:0; float:left;  }

#pmain .more{ margin:0 2px -4px 5px; }

html > body #pmain .image{ width:370px; height:235px; background-color:transparent; margin:0 auto 0 0; padding:0; float:none;  }

#pinstall{ width:100%; margin:15px 0 15px 0; border-bottom:2px solid #CECECE; padding:0; font-size:12px; }

#pinstall .lbinstall{ margin:0 370px 0 0; padding:0; }

#pinstall .content{ border-top:2px solid #B215C4; width:100%; background:url(../_img/deg_ofer2.jpg) repeat-x; height:195px; }

#pinstall .content ul{ list-style:none; margin:12px 0 0 2px; padding:0; text-align:center; width:100%; min-height:135px; }

#pinstall .content ul li{ margin:0; padding:0; text-align:center; float:left; width:33%; }

#pinstall .content ul li a:hover{ text-decoration:none; } 

#pinstall .content ul li h2{ margin:0 0 0 24px; padding:0 0 2px 0; font-size:12px; width:auto; text-align:left; }

#pinstall .content ul li img{ padding:2px; }

#pinstall .content ul li img.cur{ border:2px solid #33A9E0; padding:0; }

#poffers{ width:222px; margin:0 0 25px auto; height: auto; } 

#poffers .lboffers{ margin:0 120px 0 0; padding:0; }

#poffers .content{ border-top:2px solid #B215C4; width:100%; height:auto !important; min-height:300px; height:300px; }

#poffers div.ioffer{ width:auto; border-bottom:1px solid #CECECE; margin:10px auto 10px auto; text-align:center; padding:5px 0 10px 0; }

#poffers div.ioffer .block{ margin:0 auto 0 auto; height:auto; width:160px; } 

#poffers h2{ font-size:12px; text-align:left; color:#000000; margin:0; padding:0 0 2px 0; }

#poffers .content img{ padding:3px; }

#poffers .content img.cur{ border:3px solid #CCCCCC; padding:0; }

#poshop{ float:left; width:350px; margin:0 auto 0 0; font-size:12px;  } 

#poshop .lboshop{ margin:0 190px 0 0; padding:0; }

#poshop .lboshop_de{ margin:0 165px 0 0; padding:0; }

#poshop .content{ border-top:2px solid #B215C4; width:100%; background:url(../_img/deg_ofer2.jpg) repeat-x; height:auto; text-align:center; }

#poshop .content .vest{ margin:20px auto 15px auto; padding:0; width:100%; }

#poshop .content .vest img{ padding:0; margin:0 10px 0 10px; }

#poshop .content .vest a:hover{ text-decoration:none; }
 
/* ---- */

#contact{ width:100%; height:auto; margin:20px 0 0 0; }

#contact #pres{ width:auto; height:auto; margin:0 0 10px 98px; text-align:left; }

#contact h1{ font-size:16px; color:#000000; margin:auto 0 4px 0;}

#contact #form{ width:550px; margin:50px 0 25px 0; text-align:right; }

#contact #form .col1{ width:auto; margin:0 auto 0 0; padding:0; height:auto; float:left; }

html > body #contact #form .col1{ width:90px; margin:0 0 0 auto; padding:0; height:auto; float:left; }

#contact #form label{ margin: 0 15px 0 0; color:#666666; font-weight:bold; }

#contact #form label span{ color:#999999; }

#contact #form .vest{ width:100%; margin:0; padding:8px 0 8px 0; }

#contact #form .col2{ width:450px; margin:0 0 0 auto; padding:0; height:auto; }

#contact #form .col1 label{ margin:0; padding:0; display:block; text-align:right; }

html > body #contact #form .col1 label{ margin:0 15px 0 0; padding:0; display:block; text-align:right; }

#contact #form .ffull{ width:450px; }

#contact #form .fbig{ width:225px; }

#contact #form .fmedium { width:200px; }

#contact #form .fsmall { width:145px; }

#contact #form div.accept{ width:435px; padding:8px 10px 8px 10px; margin:auto 0 10px auto; text-align:left; color:#666666; border:1px solid #FFFFFF; }

#contact #form div.noaccept{ width:435px; padding:8px 10px 8px 10px; margin:auto 0 10px auto; text-align:left; color:#666666; border:1px solid #FF0000; }

#contact #form #accept{ margin:0 15px 40px 0; float:left; }

#contact #form .button{ width:110px; }

#contact #infocol{ font-size:12px; background:url(../_img/deg_prod.jpg) repeat-x; float:right; height:450px; width: 190px; min-height:450px; 
				height:450px !important; padding: 10px 10px 10px 10px; }

#contact #infocol ul{ width:100%; list-style:none; margin:8px 0 0 0; padding:8px 0 0 0; text-align:left; border-top:1px solid #000000; }

#contact #infocol ul li{ width:100%; padding:8px 0 8px 0; }

#contact #infocol ul.sch{ width:100%; list-style:none; margin:8px 0 0 0; padding:8px 0 0 0; text-align:left; }

#contact #infocol ul.sch li{ width:100%; padding:4px 0 4px 0; }

/* ---- */

#install .lbinstall{ margin:0 570px 0 0; padding:0; }

#install .binstall{ width:560px; background:url(../_img/deg_prod.jpg) repeat-x; margin:10px 0 0 0 ; padding:0; height:auto; text-align:left; float:right; }

#install table img{ border:3px solid #ffffff;}

#install table img.cur{ border:3px solid #CCCCCC; }

#install .image{ width:505px; height:auto; margin:0 auto 0 auto; padding:10px 0 0 0; text-align:center; }

#install .tel{ width: 250px; height: 125px; opacity:0.50; margin:100px 0 0 125px; position:absolute; text-align:center; visibility:hidden; }

#install #menulist{ float:left; width:200px; margin:10px 0 15px 0; text-align:left; }

#install #menulist ul{ width:180px; margin:0 auto 0 0; padding:0; font-size:12px; font-weight:bold; list-style:none; }

#install #menulist ul li{ margin:2px 0 8px 0; padding:4px 5px 4px 7px; text-align:left; border-bottom:1px solid #CCCCCC; }

#install #menulist ul li.cur{ background:url(../_img/deg_empresa.jpg) repeat-x; cursor:auto; }

#install #menulist ul li.def{ cursor:pointer; }

#install #menulist ul li h2{ margin:0; padding:0; font-size:12px; }

#install #menulist ul li.nobdr{ border:0; cursor:auto; }

#install #menulist .nav{ font-size:24px; text-align:right; margin:10px 0 0 0; text-align:center; }

#install #menulist .pag{ margin:0; font-size:12px; display:inline; }

#install .thumns{ width:100%; height:auto; margin:25px 0 15px 0; border-top:1px solid #CCCCCC; }

#install .thumns table{ width:100%; border:0; vertical-align:middle; background:transparent; }

#install .thumns table td{ padding:10px 0 2px 0; text-align:center; vertical-align:middle; width:33%; }

/* ---- */

#offers .lboffers{ margin:0 640px 0 0; padding:0; }

#offers .boffer{ width:445px; background:url(../_img/deg_prod.jpg) repeat-x; margin:10px 0 35px 0; height:auto; float:right; }

#offers .image{ width:405px; height:auto; margin:0 auto 0 auto; padding:12px 0 15px 0; border-bottom:1px solid #CCCCCC;  }

#offers .image h3{ margin:10px 0 5px 0; padding:0; font-size:14px; }

#offers .image p{ margin: 0; padding:8px 0 8px 0;}

#offers .minfo{ float:right; font-size:12px; margin:34px 0 0 0; padding:0; }

html > body #offers .content .minfo{ float:right; font-size:12px; margin:30px 0 0 0; padding:0; }

#offers .minfo img{ margin:0 2px 0 0; vertical-align:middle; }

#offers #menulist{ float:left; width:300px; margin:12px 0 15px 0; text-align:left; padding:0; }

#offers #menulist ul{ width:300px; margin:0 auto 0 auto; padding:0; font-size:12px; font-weight:bold; list-style:none; }

#offers #menulist ul li{ margin:0 0 8px 0; padding:12px 5px 10px 10px; line-height:2em; text-align:left; border-bottom:1px solid #CCCCCC; cursor:pointer; }

#offers #menulist ul li.nobdr{ border:0; cursor:auto; }

#offers #menulist ul li.cur{ background:url(../_img/deg_empresa.jpg) repeat-x; cursor:auto; }

#offers #menulist ul li.def{ cursor:pointer; }

#offers #menulist ul li div.info{ float:right; text-align:left; width:115px; font-size:12px; line-height:1.4em; }

#offers #menulist ul li div.info h2{ margin:0; padding:0 0 8px 0; font-size:12px; }

#offers #menulist ul li div.info p.price{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

#offers span.des{ color:#FF0000; }

#offers span.new{ color:#000000; font-weight:bold; }

#offers #menulist .nav{ font-size:24px; text-align:right; margin:10px 0 0 0; text-align:center; }

#offers #menulist .pag{ margin:0; font-size:12px; display:inline; }

#offers h1{ font-size:16px; color:#000000; margin:auto 0 0 0; }

/* ---- */

#products{ width:580px; margin:0 0 45px auto; padding:15px 0 0 0; text-align:left; height:450px; min-height:450px; height:auto !important; float:right; }

#products table img{ border:3px solid #ffffff;}

#products table img.cur{ border:3px solid #CCCCCC; }

#products h2{ font-size:12px; margin:0 0 4px 2px; padding:0 0 0 10px; color:#000000; }

#products .block{ width:auto; height:auto; border-top:1px solid #CCCCCC; margin:0 0 15px 0; padding:0; }

#products .block h1{ font-size:12px; margin:4px 0 2px 0; padding:4px 0 2px 10px; color:#000000;  }

#products .block table{ margin:0 auto 10px 0; padding:0; text-align:right; border:0; width:580px; }

#products .block table tbody tr td{ text-align:right; width:33%; }

#products .mblock{ width:auto; height:auto; border-top:1px solid #CCCCCC; margin:0 0 15px 0; padding:10px 0 0 0;  text-align:left; }

#products .mblock table{ margin:0 auto 10px 0; padding:0; text-align:left; border:0; width:580px; text-align:left; }

#products .mblock table tbody tr td{ padding:20px 0 0 25px; width:33%; vertical-align:top; }

#products .mblock h2{ font-size:12px; margin:2px 0 4px 2px; padding:0; line-height:1.4em; }

html > body #products .mblock h2{ font-size:12px; margin:2px 0 2px 0; padding:0; }

#products #fitxa{ text-align:center; margin:0 auto 0 auto; width:560px; padding:15px 0 0 0; }

#products #foto .tel{ width:250px; height:125px; opacity:0.50; margin:100px 0 0 150px; position:absolute; text-align:center; visibility:hidden; }
	 
#products #fitxa h1{ font-size: 14px; color:#B215C4; width:75%; text-align:left; line-height:1.2em; margin:0; float:left; }

html > body #products #fitxa h1{ font-size: 14px; color:#B215C4; width:75%; text-align:left; line-height:1.2em; margin:0; float:none; }

#products #fitxa h2{ color: #B215C4; font-size:12px; font-weight:normal; float:right; width:24.9%; text-align:right; margin:0; line-height:1.4em; }

#products #fitxa div.vest{ margin:0; padding:10px 0 0 0; text-align:center; }

#products #fitxa .vest div.lab{ float:left; display:block; width:20%;text-align:right; font-weight:bold; }

#products #fitxa .vest p.text{ padding:0; margin:0 0 0 150px; text-align:left; width:auto; }

#products #fitxa .vest p.last{ border-top:1px solid #CCCCCC; margin:50px 0 0 150px; padding:10px 0 0 0; }

#products #fitxa .vest a{ font-size:12px; margin:0 30px 0 0; }

#products #fitxa .vest img.icon{ vertical-align:middle; margin:0 5px 0 0; }

#products #foto{ margin:8px 0 15px 0; padding:0; width:auto; height:auto !important; min-height:370px; height:370px; }

#products #fitxa .thumns{ background:url(../_img/deg_empresa.jpg) repeat-x; padding:0; margin:20px auto 0 auto; width:100%; height:auto; }

#products #fitxa .thumns table{ width:525px; border:0; vertical-align:middle; background:transparent; margin:10px auto 0 auto; }

#products #fitxa .thumns table td{ padding:10px 0 2px 0; text-align:center; vertical-align:middle; width:33%; }

/* ---- */

#empresa { margin:35px 10px 0 0; }

#empresa h2{ font-size:16px; }

#empresa ul{ list-style:none; margin: 5px 0 5px 0; padding:0; text-align:left; font-size:12px; }

#empresa ul li{ list-style:none; text-align:left; }

#empresa #iblock{ float:left; margin: 0 20px 0 0; }

#empresa h1{ font-size:16px; margin: 10px 0 5px 0; }

#empresa h3{ font-size:12px; margin:0; padding:10px 0 0 0; }

#empresa #map{ margin:15px 0 25px 0; padding:10px 0 25px 0; width:100%; border-top:1px dotted #CCCCCC; }

#empresa #btext{ height:435px; height:auto !important; min-height:435px; margin-bottom:15px !important; margin-bottom:75px; }

/* ---- */

.strip .empresa{ width:785px; }

.strip { width:auto; padding:10px 0 25px 0; text-align:center; background:url(../_img/deg_empresa.jpg) repeat-x;  }

.strip p{ margin:0; padding:5px; }

html > body .strip p{ margin:0; padding:2px; }

.strip #frame{ overflow:hidden; margin:0; text-align:center; margin:0 auto 0 auto; }

.strip #scroller{ overflow:hidden; height:auto; margin:0 auto 0 auto; text-align:center; padding:0; }

.strip .scrempresa{ width:720px; }

.strip .scrproducts{ width: 540px; }

.strip #content{ width:5000px; }

.strip .panel{ width:180px; height:auto; padding:0; margin:0; float:left; background:transparent; text-align:center; vertical-align:middle; }

.strip .panel img{ padding:2px; border:0; }

.strip .panel img.cur{ border:2px solid #33A9E0; padding:0; }

.strip a{ margin:0; border:0; text-decoration:none; outline:none; text-align:center; outline:none; }

.strip a:active{ outline:none; }

.strip #aleft{ margin:0 0 0 10px;  }

.strip #aright{ margin:0 10px 0 0; }

img.sctrl{ border:0; cursor:pointer; padding:3px; margin:0; }

html > body img.sctrl{ border:1px solid transparent; cursor:pointer; padding:2px; margin:0; }

.strip img.sctrl:hover{ border:1px solid #32A8E1; }

.strip img.sctrl:active{ border:1px solid #66FFFF; }

/* ---- */

#seitenende{ width:100%; padding:6px 0 0 0; margin:20px 0 10px 0; text-align:left; float:left; }

#seitenende ul{ list-style:none; margin:0; padding:8px 0 0 0; text-align:right; width:auto; border-top:1px solid #CCCCCC; }

#seitenende ul li{ margin:0 5px 0 5px; padding:0; display:inline; }

#seitenende a{ color: #999999; text-decoration:none; }

#seitenende a:hover{ text-decoration:underline; }

#seitenende a.ex{ color: #999999; }

#seitenende a.ex:hover{ color:#FFCC00; text-decoration:underline; }

/* --- */

b.rtop, b.rbottom{ display:block; background-color: transparent; }

b.rtop b, b.rbottom b{ display:block; height: 1px; overflow: hidden; background-color: #FFFFFF; }

b.r1{ margin: 0 5px; }

b.r2{ margin: 0 3px; }

b.r3{ margin: 0 2px; }

b.rtop b.r4, b.rbottom b.r4{ margin: 0 1px; height: 2px; }

.inh{ width:100%; height:100%; background-color:#FFFFFF; padding:25px 0 0 0; }

p.vm{ font-size:12px; wdith:auto; margin:0; padding:0 5px 0 0; }