/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center 0 repeat #08090b; border:0; font:14px Arial, Helvetica, sans-serif; color:#808080; line-height:22px; min-width:950px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #08090b; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > div{background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width:100%; height:100%; position:absolute; top:0; left:0}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 950px; }

.bg1{ background:#08090b}

.block {}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto;}
body, html {height:100%;}

/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: none; outline:none}
a:hover{}
h1{ float:left;}
h2{font-family: 'Oswald', sans-serif; font-size:48px; text-transform:uppercase; color:#fff; line-height:1.2em; font-weight:normal; padding:13px 0 20px 0; letter-spacing:-1px}
h3{font-family: 'Oswald', sans-serif; font-size:28px; text-transform:uppercase; color:#fff; line-height:1.2em; padding:27px 0 15px 0; font-weight:normal}
h3.pad_top1{ padding-top:2px}
h4 { font-family: 'Oswald', sans-serif; font-size:22px; text-transform:uppercase; color:#fff; line-height:1.2em; padding:0 0 15px 0; font-weight:normal }
h4 span, h3 span { float:right;color:#8b0013; }
h4 a { @float:left;@line-height:30px; }
h4 a span { float:none; }
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:120px; padding-top:20px;}

.top{font-family: 'Oswald', sans-serif; font-size:12px; color:#797979; text-transform:uppercase; padding:11px 0 17px 0;}
.top a{}

.link1{ display:inline; position:relative;}
.link1 span{ position: absolute; bottom:0; left:0; height:1px;}
.over{ position:relative; display:inline-block;}


#logo{ display:block; margin-left:30px; text-indent:-9999px; background:url(../images/logo-cadouri.png) 0 0 no-repeat; width:300px; height:100px;}

.address{font-family: 'Oswald', sans-serif; font-size:12px; color:#797979; float:right; padding:27px 0 0 0; text-transform:uppercase}

.menu{ position:relative; height:85px; z-index:2}
#menu { height:85px;}
#menu > li {float:left; margin-right:1px;  background:url(../images/bg_menu2.jpg) 0 0 repeat; border-right:2px solid #000;width:187px; position:relative;height:85px;}
#menu > li > a{ display:block; position:relative;text-align:center; padding:31px 0 25px 0;font-family: 'Oswald', sans-serif; font-size:24px; line-height:1.2em; text-transform:uppercase;}
#menu > li > a:hover, #menu > .active > a{ }
#menu > li em{ display:inline-block; position:relative; font-style: normal}
#menu > li strong{ display:block; position:absolute; font-weight:normal; font:10px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em; text-align:left; width:150px;}
#menu > li span{ position:absolute; top:0 ; left:0; height:8px; background:url(../images/bg_menu3.gif) 0 0 repeat-x; width:100%;}

.submenu_1{ position:absolute; top:86px; width:187px; left:0}
.submenu_1 li{ padding-bottom:1px; position:relative}
.submenu_1 a{ display:block;font-family: 'Oswald', sans-serif; font-size:12px; text-transform:uppercase; text-align:center; background:#000; line-height:40px;}
.submenu_1 a:hover, .submenu_1 .sfHover > a{ background:#8e0013}

.submenu_2{ position:absolute; top:0px; width:187px; left:188px}

/* ============================= content ====================== */

#content{ position:relative; padding-bottom:40px; z-index:1}
#content > ul{ width:100%; min-height:557px;} 
#content > ul > li{ width:100%}

#splash{ position:absolute; width:950px; height:557px;}

#splash_menu{ position:absolute; bottom:0; left:0;overflow:hidden; }
#splash li{ float:left; margin-right:1px; background:url(../images/bg_menu.jpg) 0 0 repeat; width:187px; border-right:2px solid #000; overflow:hidden;}
#splash a{ display:block; border-bottom:8px solid #8e0013; width:100%; height:549px; position:relative}
#splash img{ position:absolute; top:-418px;}
#splash span{ display:block; position:absolute; text-align:center; padding:49px 0 50px 0; width:100%;font-family: 'Oswald', sans-serif; font-size:24px; line-height:1.2em; text-transform:uppercase; background:url(../images/bg_menu2.jpg) 0 0 repeat; top:210px;}
#splash em{ display:inline-block; position:relative; font-style: normal}
#splash strong{ display:block; position:absolute; font-weight:normal; font:10px Arial, Helvetica, sans-serif; color:#7a7a7a; line-height:1.2em; text-align:left; width:150px;}

.box1{ border-bottom:3px solid #000; background:url(../images/bg_menu.jpg) 0 0 repeat; padding:56px 40px 30px; border-right:2px solid #000; margin-right:1px;}
.box2{ background:url(../images/bg_box1.jpg) repeat; border:1px solid #111111; padding:12px 10px 26px;}

.pad_left1{ padding-left:15px}
.pad_bot1{ padding-bottom:28px;}
.pad_top1{ padding-top:6px}
.pad_top2{ padding-top:12px}
.marg_right1{ margin-right:28px;}
.pad1{ padding:0 0 0 10px;}

.underline{ background:url(../images/line_hor1.png) 0 bottom repeat-x; padding-bottom:11px; margin-bottom:41px;}

.button1{ display:inline-block; background:#1e1e1e; font-size:18px;font-family: 'Oswald', sans-serif; line-height:32px; padding:0 8px; text-transform:uppercase; position:relative;}
.button1 span{ display:block; position:relative}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#8e0013;}

.color1{ color:#fff}
.color2{ color:#900015}

.list1{}
.list1 li{ padding:4px 0;}
.list1 a{ color:#808080; padding-left:18px; background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{ color:#fff}

.partners{ overflow:hidden; padding: 0 0 60px 0}
.partners li{ padding-right:65px; float:left;}
.partners a{ display:block; position:relative;}
.partners .img_act{ position:absolute; top:0; left:0;}

#partner1{ margin: 10px 0 0 10px}
#partner2{ margin: 40px 0 0 0}
#partner3{ margin: 37px 0 0 21px}
#partner4{ margin: 37px 0 0 0}

#map{ margin-bottom:33px; margin-top:12px;}

#page_Company .pad_left1{ padding-left:30px}
#page_Services .pad_left1{ padding-left:30px}
#page_Services .marg_right1{ margin-right:20px;}
#page_Contacts .pad_left1{ padding-left:60px}
#page_More .box1{ min-height:100px}

/* ============================= footer ====================== */

footer { padding-top:13px; height:47px;font-family: 'Oswald', sans-serif; font-size:12px; text-transform:uppercase; color:#e7e7e7}
footer a{ color:#e7e7e7}
footer a:hover{}

#icons{ float:right}
#icons li{ float:left; margin-left:2px;}
#icons a{ display:block; position:relative;}
#icons .img_act{ position:absolute; top:0; left:0}

#links{ float:right; padding:4px 241px 0 0;}
#links li{ float:left; padding-right:11px; margin-right:7px; background:url(../images/footer_marker.gif) right 8px no-repeat;}
#links .last{ padding-right:0; margin-right:0; background:none;}
#links a{ color:#c0c0c0;}

footer .left{ padding-top:4px;}



/* ============================= forms ============================= */

#ContactForm{ padding-top:13px;}
#ContactForm .wrapper{ overflow:inherit; min-height:50px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:36px; display: inline-block;}
#ContactForm .message{ height:276px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:12px; float:right;}
#ContactForm .input { margin:0;width:171px; height:17px; background:#222222; border-top:1px solid #1c1c1c; border-left:1px solid #1c1c1c; padding:9px 18px;color:#fff; font:14px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:391px; height:237px; background:#222222; border-top:1px solid #1c1c1c; border-left:1px solid #1c1c1c; padding:9px 18px;color:#fff; font:14px Arial, Helvetica, sans-serif;}

#ContactForm .col{ width:208px;}


/* Custom */
.block_content { margin:18px 0; }

.pager a { 
    float:left;margin-right:3px;
	position: relative;
	display:block;
    padding: 0 10px;
	background:#1E1E1E;
	font-family: 'Oswald',sans-serif;
	font-size: 18px;
    line-height: 25px;
}
.pager a.pager_current  { background:#8E0013; }
.pager a strong {
	position: absolute;
	background:#8E0013;
    height: 100%;
	width: 100%;
    left: 0;
    top: 0;
}
.pager  a span {
	display: block;
    position: relative;
}

#pic-container { width:220px;float:left; }
#pic-container img { margin:0 6px 6px 0; }