html,body{margin:0;padding:0}
body{font: 82% arial,sans-serif;text-align:center; background-color:#FFF;}

p{margin:0 10px 10px}
/*a{display:inline;color: #006;padding:10px}*/
img{border: none;}

/* LINKS */
a,a:link,a:hover { text-decoration: none; padding:0px;}
a, a:link, a:active, a:visited { color: #c41919; }
a:hover { color: #FFF; background-color: #c41919; padding:2px;}

div#container{text-align:left}
div#container{width:960px;margin:0 auto; clear:both;}

div#header{position:relative; background:#FFF url("images/header_bg.jpg") repeat-x; height:89px; width:950px; border:1px solid #FFF; margin-bottom:130px;}
div#header h1 {margin: 0; padding: 0}
div#header h1 a{position:relative; top:0px; letter-spacing:-1000em; margin:0; padding:0; float:left; width:270px; height: 89px; background: transparent url("images/logo.jpg") top left no-repeat;}

div#intln {position:absolute; top:30px; right:50px;}
div#intln ul, div#intln ul li {float:left; margin:0; padding:0; list-style: none;}
div#intln ul li {margin-right:5px;}
div#intln ul li a{color:#FFF; margin-right:5px; font-size:.9em;padding:0;}

/* zoom styles */
.zoom {position: absolute; top: 5px; left: 40px; width: 46px;}
.zoom li { padding: 0 5px 0 0; display: block; float: left;}
.zoom a#default,
.zoom a#large {padding:0; display:inline; float: left; display: block; height: 24px; width: 16px; text-indent: -2000px; background: url("images/zoom.png") bottom left no-repeat;}
.zoom a#large {width: 20px;background-position: bottom right;}
.zoom a#default:hover {background-position: top left;}
.zoom a#large:hover {background-position: top right;}
/* end of zoom styles */

div.error {color:#F00; font-weight:bold; font-size:1.2em;}

/*div#wrapper {position:relative; z-index:0;}*/

div#navigation{background:#eeeeee url("images/extra_bg.gif") top no-repeat; margin-bottom:30px; width:204px; border:1px dotted #999;}
#navigation img{border:2px solid #D0CFCF; position:relative; top:10px; left:-20px; float:left;}
#navigation p{margin-left:80px; font-size:12px;margin-top:12px;}
#navigation h2{margin:0; padding:0; height:30px;padding-top:10px;padding-left:10px;margin-bottom:15px;}
#navigation span{padding-left:10px; font-weight:bold;}

div#extra{background:#eeeeee url("images/extra_bg.gif") top no-repeat; overflow: visible; width:204px; border:1px dotted #999; padding-bottom:12px;}
#extra h2{margin:0; padding:0; height:30px;padding-top:10px;padding-left:10px;color:#c41919;}

div#content{float:right;width:710px; margin:0; padding:0; border-bottom:1px dotted #333; padding-bottom:16px;margin-left:20px; margin-right:20px; position: relative; z-index:0;}

div#content p{line-height:1.4}
div#content h2{margin:0; padding:0; height:30px; padding-left:10px; color:#c41919; padding-top:12px; border-bottom:1px dotted #1d1d1d; background-color:#F6F6F6; margin-bottom:16px; position: relative; z-index:1}
div#content-internal{float:right;width:690px; margin:0; padding:0; border:1px solid #f3f3f3; border-bottom:1px dotted #333; padding-bottom:16px;margin-left:20px; margin-right:20px; padding-left:20px;}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px} 
div#footer{clear:both;width:70%;margin:.5em 0 .4em auto; padding-top:.1em;}

#extra ul {margin:0; padding:0; padding-top:1em;}
#extra ul li a {padding:2px;}
#extra ul li {list-style-type:none;padding:5px;}
#extra ul li {background: transparent url("images/sprites.gif") no-repeat 0 -793px; padding-left: 15px; list-style-type:none;margin-left: 0.8em;}

.box {width:350px; border:1px dotted #999; float:left;/* height:215px; */position:relative; overflow:visible; z-index:1;}
.box p {padding-top:12px; font-size:13px; padding-bottom:12px;}
.box span.more {position:absolute; bottom:-10px; right:20px; width:76px; height:24px; background: transparent url("images/more.gif") no-repeat; overflow:hidden;}
.box span.more a {padding:7px; color:#FFF;}

div#despre {border-right:none; z-index:1; position: relative;}
div#despre h2{margin:0; padding:0; height:30px; background:transparent url("images/bg_despre.gif") repeat-x top left;padding-left:10px; color:#c41919; padding-top:10px; border-bottom:1px dotted #1d1d1d;}

div#misiune h2{margin:0; padding:0; height:30px; background:transparent url("images/bg_misiune.gif") repeat-x top left;padding-left:10px; color:#c41919; padding-top:10px; border-bottom:1px dotted #1d1d1d; clear:right;}

.text {clear:both;padding-top:2em;width:500px;}
.text h2 {margin:0; padding:0; color:#c41919; padding-top:15px; font-weight:bold;font-size:18px;}
.text h3 {margin:0; padding:0; color:#4b4a4a; padding-top:-5px;}
.text p {margin:0; padding:0; padding-top:1.6em; font-size:1em;}

#footer ul{overflow:hidden;width:200;position:relative;right:0; padding-left:560px;}
#footer ul li {list-style-type: none; float: left; border-left:1px solid #CCC;}
#footer ul li a {padding: 3px 3px; font-size:11px;}
#footer ul li a:link, #footer ul li a:visited{color: #6c6a6a;text-decoration: none;}
#footer ul li a:hover{color: #FFF;text-decoration: none; font-weight: bold;}

/** ImageBox **/
#ImageBoxOverlay { background-color: #000;}
#ImageBoxCaption { background-color: #F4F4EC;}
#ImageBoxContainer { width: 250px;height: 250px;background-color: #F4F4EC;}
#ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 13px;color: #000;}
#ImageBoxCaptionImages { margin: 0;}
#ImageBoxNextImage { background-image: url("images/imagebox/spacer.gif");background-color: transparent;}
#ImageBoxPrevImage { background-image: url("images/imagebox/spacer.gif"); background-color: transparent;}
#ImageBoxNextImage:hover { background-image: url("images/imagebox/next_image.jpg");background-repeat:	no-repeat;background-position: right top;}
#ImageBoxPrevImage:hover { background-image: url("images/imagebox/prev_image.jpg");background-repeat:	no-repeat;background-position: left bottom; }
/** End Imagebox **/

/** products css **/
div.description { margin-bottom:.7em; padding-bottom:.5em}
div.description h3{ margin-bottom:.5em; margin-top:.5em}
div.pedit:hover { background-color:#ffc; }
div.productwrapper textarea { width:100%;height:30em;}

.pullout-left:after,
.pullout-right:after {
content: ".";
visibility: hidden;
clear: both;
display: block;
height: 0;
}

.pullout-left .pullout-item {float: left;margin-left: 0;}

.left-60 .pullout-item,
.right-60 .pullout-item { width: 110px;}

.left-60>* {margin-left: 120px;}

.pullout-item a img{border:4px solid #c41919}
.pullout-item a:hover {border:none; padding:0; margin:0;}
.pullout-item a:hover img {border:4px solid #e9e9e9}

/* product details */
div.catdesc {margin-top:20px; position: relative; z-index:1}
div.productwrapper {padding-right:170px;}
div.productwrapper h3{color:#a41919;}
div.details {float:right;margin-right:-170px;text-align:center;width:150px;}
div.details div.price {font: bold 1.4em Arial, Helvetica, sans-serif;padding-bottom:1em;}
div.details a {display:block;margin:auto;}
div.details form {margin-top:1em;}
div.details button {display:block;margin:1em auto;}

ul.cols, ul.cols li {list-style:none; margin:0; padding:0; margin-left:5px;}

/** end products css **/

/* Tables */

table.rompak {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th.rompak {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table.rompak tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table.rompak tr.altRow td {
background: #f4f4f4;
}
#cakeSqlLog td {
text-align: left;
padding: 12px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}