@import url('BreadCrumb.css');

/*** Reset ***/
html					{ height: 101%; }
body, form, fieldset, caption, h1, h2, h3, h4, h5, h6, p, a, ul, dl, dt, dd, img, hr { margin: 0; padding: 0; border: none; list-style: none; outline: none; }
body					{ font: 62.5% Verdana, Geneva, sans-serif; color: #606981; background: #e5e5e5 url(../img/case_structura_metalica.jpg) top center no-repeat; }
a						{ color: #1b6099; text-decoration: none; }

/*** Text elements ***/
@font-face				{ font-family: 'Swis721LtBTLight'; src: url('SWZ721L.eot'); src: local('Swis721 Lt BT Light'), local('Swiss721BT-Light'), url('SWZ721L.woff') format('woff'), url('SWZ721L.ttf') format('truetype'), url('SWZ721L.svg#Swiss721BT-Light') format('svg'); }
h1.title				{font: 36px/44px 'Swis721LtBTLight', Arial, sans-serif; letter-spacing: 0; }
h2.title				{font: 26px/36px 'Swis721LtBTLight', Arial, sans-serif; letter-spacing: 0; }
h3.title				{font: 24px/36px 'Swis721LtBTLight', Arial, sans-serif; letter-spacing: 0; }
h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
h1						{}
h2						{ font-size: 1.6em; }
h3						{ font: 14px Arial, Helvetica, sans-serif; }
h4						{ font-size: 1.4em; line-height: 2.6em; }
.bigp p					{ font-size: 1.2em; line-height: 1.5em; }


/*** General clases ***/
.left					{ float: left; display: inline; /*--IE6 workaround--*/ }
.right					{ float: right; display: inline; /*--IE6 workaround--*/ }
.imgRight				{ float: right; margin: 0 0 20px 20px; }
.imgLeft				{ float: left; margin: 0 20px 20px 0; }
.strong					{ font-weight: bold; }
.blue					{ color: #025aa2; }
.green					{ color: #208316; }
.gray					{ color: #666; }
.black					{ color: #000; }
.topad20				{ padding-top: 20px !important; }
.botpad20				{ padding-bottom: 20px !important; }
.pad10					{ padding: 0 10px; }
.center					{ text-align: center; }
.clear					{ clear: both; display: inline-block; }
.clearfix				{ clear:both; height: 0; }
.link					{ border-bottom: 1px dotted #025aa2; }
.small					{ font-size: 88% !important; }
.border					{ background: url(../img/dot.gif) bottom repeat-x; padding-bottom: 2px; }
.inline li				{ display: inline; }

/*** Layout structure ***/
#wrapper, #topLinks .inner { width: 980px; margin: 0 auto; }
#header					{ padding-top: 10px; height: 200px; }
#content				{ background: #fff; }
.inner					{ padding: 0 10px; }
.smallCol				{ width: 300px; min-height: 400px; }
.bigCol					{ width: 660px; }
#footer					{ padding: 30px 0; }

/*** Specific pages ***/
body#index				{ background: #e5e5e5 url(../img/case_herasteel.jpg) top center no-repeat; }
#index #header			{ height: 320px; }

/*** Misc ***/
.heralist li			{ font-size: 1.2em; list-style-type: disc; margin-left: 16px; padding-bottom: 10px; font-weight: bold; }
.home					{ background: url(../img/home.gif) no-repeat; padding-left: 16px; }

/*** Buttons ***/
.btnTopOferta			{ width: 147px; height: 24px; margin: 3px 0 0 20px; display: block; background: url(../img/btnCerereOferta.gif) no-repeat; overflow: hidden; float: right; }
:hover.btnTopOferta		{ background-position: 0 -24px; }
.eng .btnTopOferta		{ background-position: -147px 0; }
.eng :hover.btnTopOferta { background-position: -147px -24px;}
.grk .btnTopOferta		{ background-position: -294px 0; }
.grk :hover.btnTopOferta { background-position: -294px -24px;}

.btnBig					{ width: 231px; height: 70px; background: url(../img/btnBigOffer.gif) no-repeat; display: inline-block; }
:hover.btnBig			{ background-position: 0 -70px; }
.eng .btnBig			{ background-position: -231px 0; }
.eng :hover.btnBig		{ background-position: -231px -70px; }
.grk .btnBig			{ background-position: -462px 0; }
.grk :hover.btnBig		{ background-position: -462px -70px; }

.btnDetalii				{ width: 112px; height: 29px; background: url(../img/btnDetalii.gif) no-repeat; display: block; }
:hover.btnDetalii		{ background-position: 0 -29px; }
.no.btnDetalii			{ background-position: 0 -58px !important; }
:hover.no.btnDetalii	{ background-position: 0 -87px !important; }
.eng .btnDetalii		{ background-position: -112px 0; }
.eng :hover.btnDetalii	{ background-position: -112px -29px; }
.eng .no.btnDetalii		{ background-position: -112px -58px !important; }
.eng :hover.no.btnDetalii { background-position: -112px -87px !important; }

/*** Cerere Oferta ***/
.request				{ height: 70px; line-height: 70px; background: url(../img/request.gif) repeat-x; font-size: 1.4em; padding: 0 30px; position: relative; overflow: visible; }
.leftReq				{ position: absolute; top: 6px; left: -10px; }
.rightReq				{ position: absolute; top: 6px; right: -10px; }
	
/*** Header ***/
#topLinks				{ height: 32px; line-height: 32px; background: #043d6c; color: #fff; }
#topLinks a				{ color: #fcbd00; }
#topLinks a:hover		{ color: #fff; }
.logo					{ margin-top: 36px; }
.inner .topmenu			{ display: inline-block; font-size: 1.2em; color: #F90; width: 500px;   }
.inner .topmenu	span	{ float: left; }
.lang					{ font: bold 1.2em Arial, Helvetica, sans-serif; color: #025aa2; }
.lang em				{ font-style: normal; line-height: 23px; display: inline-block; float: left; }
.ro, .en, .gr			{ width: 23px; height: 23px; display: inline-block; margin-left: 5px; }
.ro						{ background: url(../img/ro.png) no-repeat; }
.en						{ background: url(../img/en.png) no-repeat; }
.gr						{ background: url(../img/gr.png) no-repeat; }

/*** Nav & list menu ***/
#holdNav				{ background: url(../img/nav.gif) repeat-x; padding: 13px 0 0 10px; }
#nav					{ background: url(../img/nav_case.gif) left bottom no-repeat; padding-left: 190px; }
#nav li					{ display: inline; }
#nav li a				{ text-transform: uppercase; color: #fff; font-size: 1.5em; background: url(../img/btnRightBlue.gif) top right no-repeat; display: inline-block; }
#nav li a:hover, #nav li.curent a { background: url(../img/btnRightWhite.gif) top right no-repeat; color: #025aa2; }
#nav li a span			{ background: url(../img/btnLeftBlue.gif) no-repeat; padding: 10px 13px; display: block; }
#nav li a:hover span, #nav li.curent a span { background: url(../img/btnLeftWhite.gif) no-repeat; }

.listMenu				{}
.listMenu li a			{ width: 301px; height: 53px; background: url(../img/btnList.gif) 0 -66px no-repeat; padding: 13px 0 0 10px; display: block; position: relative; }
.listMenu li a.curent, .listMenu li a:hover { background-position: 0 0; }
.listMenu li a span		{ font-size: 1.6em; display: block; color: #025aa2; }
.listMenu li a.curent span, .listMenu li a:hover span { color: #208316; }

/*** CS3 Rounded corners ***/
.rc8					{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.rc5					{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* This will not validate... yet */ }
.rc3, .litems li		{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; /* This will not validate... yet */ }
.toprc5					{ border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }

.slogan					{ text-align: center; padding: 0 20px 20px; }
.slogan h1				{ line-height: 2.8em; }

/*** Carrousel home gallery ***/
.stepcarousel			{ position: relative; overflow: scroll; width: 916px; height: 310px; margin: 0 0 30px 32px; background: #f0f0f0; }
.stepcarousel .belt		{ position: absolute; left: 0 ;top: 0; }
.stepcarousel .item		{ float: left; overflow: hidden; margin: 10px ; width: 252px; height: 250px; background: url(../img/carr_item.gif) no-repeat; padding: 20px; }
.stepcarousel .text 	{ padding-top: 30px; }
.stepcarousel .text h3	{ font-size: 2em; padding-bottom: 10px; }
.stepcarousel .text p	{ font-size: 1.3em; }
.holdbtn				{ width: 980px; position: relative; }
.holdbtn .forward, .holdbtn .back { display: block; height: 35px; width: 20px; background: url(../img/prev_next.gif) no-repeat 0 0; text-indent: -999px; position: absolute; top: 130px; cursor: pointer; z-index: 10;}
.holdbtn .forward		{ background-position: 0 0; right: 5px; }
.holdbtn .back			{ background-position: 0 -70px; left: 5px; }
.holdbtn .forward:hover { background-position: 0 -35px; }
.holdbtn .back:hover	{ background-position: 0 -106px; }
#homeGallery-paginate	{ padding: 5px; text-align: center; }

/*** Bottom links ***/
.bottom					{ background: #f8f7f7 url(../img/bottom.gif) bottom repeat-x; padding: 10px; min-height: 200px; height: auto !important; height: 200px; }
.vertical				{ padding-right: 20px; }
.bottom h4				{ background: url(../img/title.gif) left bottom no-repeat; padding-bottom: 15px; margin-left: 40px; }
.liste					{ margin-left: 50px; padding-top: 10px; overflow: auto; width: 600px; }
.liste ul				{ margin-right: 40px; }
.liste li				{ background: url(../img/arrow.gif) 0 5px no-repeat; padding-left: 10px; line-height: 1.6em; font-size: 1.1em; }
.liste li a:hover		{ color: #f60; }

.download				{ width: 292px; }
.btnPdf					{ background: url(../img/btnDownloadPdf.gif) no-repeat; width: 232px; height: 65px; display: block; color: #1b6099; font-size: 1.2em; padding: 20px 40px 0 20px; }
:hover.btnPdf			{ background-position: 0 -85px; }
.btnPdf span			{ display: block; font-size: 1.6em; }

.greenHouse				{ background: url(../img/green_house.gif) 0 14px no-repeat; padding: 14px 0 0 67px; height: 52px; color: #2a8532; margin-top: 20px; border-top: 1px dotted #d1d1d6; }
.greenHouse a			{ color: #208316; }
.ecoLink				{ height: 32px; line-height: 32px; background: url(../img/repeatEco.gif) repeat-x; display: inline-block; width: 330px; }
.ecoLink a				{ color: #025aa2; }

/*** Footer ***/
.fmenu					{ font-size: 1.2em; }
.fmenu span				{ display: inline-block; height: 30px; line-height: 30px; border-right: 1px solid #ccc; padding-right: 20px; margin-right: 20px; }

/*** Advantages ***/
.numbers				{}
.numbers h3				{ margin-bottom: 10px; }
.numbers div			{ background: url(../img/y_line.gif) repeat-y; padding: 5px 14px; margin-bottom: 20px; }
.numbers li				{ font-size: 1.2em; line-height: 1.6em; }
.nr_1, .nr_2, .nr_3, .nr_4, .nr_5, .nr_6, .nr_6, .nr_7, .nr_8, .nr_9, .nr_10, .nr_11, .nr_12 { padding-left: 55px; background-position: 0 5px; background-repeat: no-repeat; }
.nr_1					{ background-image: url(../img/nr_1.gif); }
.nr_2					{ background-image: url(../img/nr_2.gif); }
.nr_3					{ background-image: url(../img/nr_3.gif); }
.nr_4					{ background-image: url(../img/nr_4.gif); }
.nr_5					{ background-image: url(../img/nr_5.gif); }
.nr_6					{ background-image: url(../img/nr_6.gif); }
.nr_7					{ background-image: url(../img/nr_7.gif); }
.nr_8					{ background-image: url(../img/nr_8.gif); }
.nr_9					{ background-image: url(../img/nr_9.gif); }
.nr_10					{ background-image: url(../img/nr_10.gif); }
.nr_11					{ background-image: url(../img/nr_11.gif); }
.nr_12					{ background-image: url(../img/nr_12.gif); }

/*** Gallery page ***/
#page_title				{ background: url(../img/center_h1_title.jpg) repeat-x; height: 51px; margin: 0 8px; }
#page_title h2.title	{ background: url(../img/left_h1_title.jpg) no-repeat; height: 51px; padding-left: 10px; }
#page_title .nota		{ display: inline-block; float:right; width: 700px; padding-top: 8px; }
#prev_next				{ float: right; position: relative; margin: 8px 8px 0 0; }
#prev_next .prev		{ background: url('../img/arrows_mini.gif') no-repeat left top; text-indent: -9999px; display: block; width: 27px; height: 27px; margin-right: 2px; line-height: 0; float: left; }
#prev_next .prev:hover	{ background-position: left -27px; }
#prev_next .next		{ background: url('../img/arrows_mini.gif') no-repeat right top; text-indent: -9999px; display: block; width: 27px; height: 27px; line-height: 0; float: left; }
#prev_next .next:hover	{ background-position: right -27px; }
#work_description		{ padding: 20px 0 35px; }
#work_description .preview { width: 715px; float: left; padding: 0 0 40px 10px; }
.expand.info			{ width: 900px; }
.expand .section		{ width: 530px; background: #eaf7fc; border: 1px solid #d6edf6; padding: 8px; min-height: 200px; height: auto !important; height: 200px; }
.info					{ width: 225px; padding: 0 5px 0 10px; float: left; }
.info h3				{ border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 10px; }
.section ul				{ margin-bottom: 20px; }
.section li				{ margin-bottom: 5px; vertical-align: top; }
.section li span		{ width: 160px; display: inline-block; }
.section li b			{ float: right; width: 65px; }
.work .thumbnail img	{ border: 2px solid #ccc; display: block; }

#thumbnails				{ width: 715px; padding: 20px 0 0; margin-bottom: 5px; }
#thumbnails li			{ float: left; width: 79px; margin: 0 2px 0 0; position: relative; }
#thumbnails a img		{ display: block; width: 75px; border: 2px solid #e5e5e5; }
#thumbnails a:hover img { border: 2px solid #00a7eb; }
#thumbnails span.playable { background: url(../img/buttons/thumb_playable.png) no-repeat; display: block; width: 75px; height: 42px; position: absolute; top: 13px; left: 25px; }
#thumbnails span.loader { position: absolute; top: 12px; left: 26px; width: 24px; height: 24px; display: block; background: url(../img/misc/loader_bkgd.png) no-repeat;
}
#thumbnails span.loader span { text-indent: -9999px; display: block; width: 16px; height: 16px; background: url(../img/misc/loader.gif) no-repeat; position: relative;
top: 4px; left: 4px; }

#current_preview		{ width: 715px; overflow: hidden; position: relative; min-height: 405px; }
#current_preview img	{ cursor: pointer; display: block; }
.asset_movie			{ width: 715px; height: 405px; }
div.qtip p				{ font: 11px Arial, sans-serif; }
div.qtip p.name			{ color: #00A7E5; text-transform: uppercase; font-weight: bold; }
a.current img			{ border: 2px solid #00a7e5 !important; }

/*** Contact-US ***/
.req					{ clear: both; height: 50px; line-height: 50px; background: url(../img/centerRequest.gif) repeat-x; margin-right: 10px; }
.req a					{ width: 186px; height: 50px; display: inline-block; background: url(../img/btnRequest.gif) no-repeat; }
.req a:hover			{ background-position: 0 -50px; }
.req span				{ font-size: 16px; line-height: 16px; display: inline-block; margin: 0 20px 0 300px; }
.eng .req a				{ background-position: -186px 0; }
.eng .req a:hover		{ background-position: -186px -50px; }

.small.req span			{ margin-left: 10px; display: inline-block; line-height: 50px; }
.small.req a			{ margin-right: 10px;}

/*** FAQ ***/
ol.list li				{ padding-left: 0; font-size: 1.2em; margin-bottom: 8px; font-weight: bold; }
ol.list li a:hover		{ color: #f60; }
li.list li				{ font-size: 1.1em; padding-left: 20px; }
#faq h3					{ color: #752f2e; font-weight: bold; font-size: 1.2em; padding-top: 20px; }

/*** Request form ***/
.reqForm div			{ padding: 3px 0; vertical-align: top; }
.reqForm label			{ display: inline-block; width: 200px; vertical-align: top; text-align: right; padding: 8px 10px 0 0; font-size: 1.2em; }
.reqForm textarea		{ width: 400px; height: 120px; overflow: auto; font: 1.4em Verdana, Geneva, sans-serif; color: #6c758c; }
.reqForm .infotxt		{ width: 300px; display: inline-block; float: right; padding-left: 26px; background: url(../img/help.gif) no-repeat; }
.reqForm .smallinfo		{ width: 410px; display: inline-block; float: right; padding-top: 6px; }
.fieldset div			{ border: 1px solid #fff; overflow: auto; }
.fieldset select		{ width: 310px; height: 30px; font-size: 1.6em; color: #6c758c; }
.fieldset div:hover		{ background: #eaf7fc; border: 1px solid #cce9f4; }
.fieldset input.text	{ width: 310px; height: 30px; font-size: 1.6em; color: #6c758c; }
.reqForm .submit		{ height: 50px; line-height: 50px; background: url(../img/centerRequest.gif) repeat-x; padding: 0; padding-right: 40px; }
.btnSubmit				{ width: 182px; height: 50px; display: inline-block; background: url(../img/btnSubmit.gif) no-repeat; border: 0; cursor: pointer; float: right; }
:hover.btnSubmit		{ background-position: 0 -50px; }
.eng .btnSubmit			{ background-position: -182px 0; }
.eng :hover.btnSubmit	{ background-position: -182px -50px; }
.grk .btnSubmit			{ background-position: -364px 0; }
.grk :hover.btnSubmit	{ background-position: -364px -50px; }
.reqForm .holdth		{ width: 740px; border: none; height: 220px; padding: 0; display: inline-block; }
.reqForm .holdth:hover	{ background-image: none; border: none; }
.project p				{ width: 117px; display: inline-block; padding: 10px 0 14px; float: left; padding-left: 3px; height: 190px; }
.project p:hover		{ background: #fff; height: 190px; }
.project img			{ padding: 8px 0; }
.project span			{ font-size: 0.9em; display: block; line-height: 1em; }

.optiuni				{ background:  #fff url(../img/y_line.gif) repeat-y; font-size: 1.2em; width: 340px; display: inline-block; float: left; margin: 5px 0 2px; padding: 5px 5px 10px; }


/*** Listing projects ***/
.list_offers			{ padding: 20px 0 3px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.listing h2				{ font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
.listing li				{ width: 170px; }
.listing li.left		{ margin-right: 11px; }
.listing span			{ padding: 20px 0 10px; display: block; min-height: 110px; }

/*** Zooming ***/
.zoom_hera				{ margin-bottom: 20px; }
.zoom_hera img			{ margin-right: 5px; }

/*** Sitemap ***/
.sitemap				{ width: 240px; margin: 20px 0; }
.sitemap li				{ font-size: 1.2em; padding-left: 10px; margin-bottom: 6px; }
.sitemap li.title		{ font-weight: bold; background: url(../img/pointer.jpg) left bottom no-repeat; padding-bottom: 14px; margin-bottom: 10px; }
.sitemap a				{ padding-left: 8px; background: url(../img/blue_arrow.gif) 0 5px no-repeat; margin-left: 8px; }
.sitemap a:hover		{ color: #208316; }

/*** Standard List ***/
.standard li			{ padding-left: 12px; background: url(../img/blue_dot.gif) 0 3px no-repeat; font-size: 1.2em; margin-left: 13px; padding-bottom: 5px; }

/*** Price boxes ***/
.pret					{ border: 1px solid #c5c6c7; padding: 10px; background: url(../img/price_bg.gif) left bottom repeat-x; margin-bottom: 20px; }
.pret h3				{ font-size: 1.6em; }
.hold-ppy				{ float: right; }