@import url(http://fonts.googleapis.com/css?family=Raleway:700);

html {text-align:center;font-family:Arial, sans-serif; color:#333;}
* {margin:0; padding:0;}
a {text-decoration:none;color:#0F4C81;text-decoration:underline;}
ul {list-style-type:none;margin:0;padding:0;font-size:16px;font-weight:700;text-decoration:underline;}
ul span {font-size:32px;}
strong {font-weight:bold;background:#FFFF7E;padding:3px;margin:3px;}
p {line-height:140%;margin:20px 0;}

#container {width:100%;}
#sus {background:#fff url(s.png) repeat;height:70px;position:fixed;top:0;z-index:90;width:100%;filter: alpha(opacity= 98); -moz-opacity:0.98; opacity: 0.98;-khtml-opacity: 0.98;border-bottom:1px solid #0F4C81;vertical-align:bottom;padding-bottom:15px;}

#fluid {background:#fff;min-height:700px;position:relative;width:100%;margin-top:450px;z-index:1;border-top:1px solid #0F4C81;}

table {border:none;width:100%;height:450px;color:#fff;text-align:center;position:fixed;top:0;vertical-align:bottom;z-index:-1;background:black url('1.jpg') no-repeat;}
td, tr {vertical-align:bottom;padding-bottom:20px;}
.mob {display:none;}

a#logo {text-indent:-9999px;background:url("creative-media.png") top no-repeat;width:250px;height:75px;display:inline-block;border-left:6px solid #fff;border-right:6px solid #fff;}
a#logo:hover {filter: alpha(opacity= 70); -moz-opacity:0.7; opacity: 0.7;-khtml-opacity: 0.7;}
#sus a.meniu {margin:0 5px; color:#0F4C81;padding:10px;background:fff;display:inline;text-decoration:none;text-transform:uppercase;font-family:Arial, sans-serif;font-size:18px;vertical-align:bottom;}
a.meniu:hover {color:#fff!important;background:#0F4C81!important;}

h1 {background:#333 url(screen.gif) repeat; filter: alpha(opacity= 90); -moz-opacity:0.9; opacity: 0.9;-khtml-opacity: 0.9;padding:10px;display:block;font-size:38px;font-family: 'Raleway', sans-serif;width:80%; margin:10px auto;}
h3 {background:#0F4C81 url(2.gif) repeat; filter: alpha(opacity= 90); -moz-opacity:0.9; opacity: 0.9;-khtml-opacity: 0.9;padding:10px;display:block;font-size:18px;font-family: 'Raleway', sans-serif;width:40%; margin:10px auto;}
h2 {background:#457600 url(2.gif) repeat; filter: alpha(opacity= 90); -moz-opacity:0.9; opacity: 0.9;-khtml-opacity: 0.9;padding:10px;display:block;font-size:28px;font-family: 'Raleway', sans-serif;width:60%; margin:10px auto;}
h1, h2, h3 {font-weight:400;}
.titlu {font-family: 'Raleway', sans-serif;font-size:38px;margin:15px 0;display:block;font-weight:400;}
#sectiune3 .subtitlu {font-family: 'Raleway', sans-serif;font-size:28px;margin:20px 0;display:block;font-weight:400;color:#0F4C81;border-bottom:1px dashed #0F4C81; padding-bottom:5px; display:inline-block;}
#sectiune2 .subtitlu {font-family: 'Raleway', sans-serif;font-size:28px;margin:20px 0;display:block;font-weight:400;color:#fff;border-bottom:1px dashed #fff; padding-bottom:5px; display:inline-block;}
.bloc {width:60%;text-align:justify;margin:10px auto;}

.titlu a, .subtitlu a {text-decoration:none;}
#sectiune2 .subtitlu a {color:#fff;}

#sectiune1 {font-size:24px;padding:20px 10px;display:block;border-bottom:1px dashed #0F4C81;background:url(s.png) repeat;text-align:center;}
#sectiune1  span {font-size:58px;margin-top:20px;}
#sectiune3  span {font-size:58px;margin-top:10px;}
#sectiune1 #contact {width:90%;margin:0 auto;}
.stanga {float:left;width:50%;}
.dreapta {float:right;width:50%;}
.rosu {background:#0F4C81;color:#fff;padding:10px;display:block;}
.pret {background:#333;color:#fff;padding:10px;display:inline-block;font-size:48px;margin:25px 0;}

#sectiune2 {background:#0F4C81;height:auto;color:#fff;padding:15px 0 25px 0;}

#sectiune3 {background:#fff;height:auto;padding:15px 0 25px 0;}

@media screen and (max-width: 780px) {
#sus a.meniu {display:none;}
.bloc {width:90%;}
.mob {color:#fff;font-size:14px;display:block;}
}

@media screen and (max-width: 480px) {
#sus a.meniu {display:none;}
h1 {font-size:26px;line-height:45px;}
td, tr {vertical-align:bottom;padding-bottom:5px;}
.pret {font-size:38px;}
a#logo {border:none;}
}

@media screen and (max-width: 380px) {
#sus a.meniu {display:none;}
h1, h2, h3 {width:90%;}
}