/* =Basic HTML
--------------------------------------------------------------------------------*/
body {
font: 13px/1.2 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
color:#333;
margin: 0 auto;
background-color: #ECEDEF;
}
#page-home {
background: #ECEDEF url('/images/girl.jpg') no-repeat 0px 480px;
}
.header {
background:#ECEDEF url(/images/header.jpg) 0 0 no-repeat;
width: 950px;
height: 103px;
margin: 0 auto;
}
a:focus {
outline: 1px dotted invert
}
a {
text-decoration: none
}
a:hover {
text-decoration: underline
}
hr {
border-color: #ccc;
border-style: solid;
border-width: 1px 0 0;
clear: both;
height: 0
}
.aa {
background:#c00
}
.bb {
background:#39f
}
.cc {
background:#0c0
}
#implicate {
background:transparent url(/images/implicate.png) no-repeat;
position:absolute;
top:0;
left:0;
width:99px;
height:99px
}
/*#implicate{position:absolute;top:0; left:0; width:99px; height:99px}*/
#implicate {
behavior:url(/css/iepngfix.htc);
}
/* =Headings
--------------------------------------------------------------------------------*/
h1 {
font-size: 20px;
letter-spacing:-1px
}
h2 {
font-size: 18px
}
h3 {
font-size: 16px
}
h4 {
font-size: 14px
}
/* =Spacing
--------------------------------------------------------------------------------*/
ol {
list-style: decimal
}
ul {
list-style: square
}
li {
margin-left: 30px
}
/*p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 20px}*/
.ac {
text-align:center
}
.al {
text-align:left
}
.ar {
text-align:right
}
.aj {
text-align:justify
}
.steps {
font-weight:bold;
margin:10px
}
.logo {
margin-top:20px
}
/* nav */
.nav {
margin: 0 auto;
background: url(/images/menu.jpg) 0 0 no-repeat;
width: 950px;
height: 27px;
}
.nav, .nav a {
font-size:15px;
color:#fff
}
.nav ul li {
display:inline;
float:left;
margin:0 10px
}
.nav ul .n1 {
margin: 2px 0 0 25px;
}
.nav ul .n2 {
margin: 2px 0 0 37px;
}
.nav ul .n4 {
margin: 2px 0 0 30px;
}
.nav ul .n3 {
margin: 2px 0 0 42px;
}
.nav ul .n5 {
margin: 2px 0 0 30px;
}
.nav ul .n6 {
margin: 2px 0 0 30px;
}
.nav ul .n8 {
margin: 2px 0 0 42px;
}
.nav ul .n9 {
margin: 2px 0 0 54px;
}
.nav ul .n10 {
margin: 2px 0 0 40px;
}
.nav ul .n11 {
margin: 2px 0 0 45px;
}
#page-home .n1 a, #page-despre .n2 a, #page-drepturi .n3 a, #page-cazuri .n4 a, #page-implicate .n5 a, #page-campanii .n6 a, #page-event .n7 a, #page-contact .n8 a {
text-decoration:underline;
}
#page-presa .n9, #page-parteneri .n10, /* box */
.m10 {
margin-top:10px
}
.box {
border:2px solid #ddf0fc;
background:#fff;
padding:10px;
margin:10px 0
}
.box img, .box a img {
border:4px solid #f1f1f1;
padding:1px
}
.box a:hover img {
border:4px solid #038fe8
}
.box p {
margin-bottom:20px
}
.btn {
width:140px;
text-align:center;
}
/*.btn{background:transparent url(/images/btnbg.gif) 0 0 repeat-x; height:31px; width:140px; text-align:center; line-height:32px}*/
.btn a {
font-size:13px;
font-weight:bold;
color:#fff!important;
display:block
}
.btn a:hover {
text-decoration:underline;
}
/*.btn:hover{background:transparent url(/images/btnbg-over.gif) 0 0 repeat-x}*/
.fr {
float:right
}
.imgleft {
float:left;
margin-right:10px
}
.imgright {
float:right
}
.readmore {
text-align:right
}
.readmore a, .box a {
color:#09f
}
.readmore a:hover {
color:#c06
}
#callouts {
margin: 0 0 0 0px;
width: 580px;
height: 150px;
float: right;
}
#callouts a {
color:#09f;
text-decoration:underline
}
#callouts a:hover {
color:#c06;
text-decoration:none
}
#callouts2 {
margin: 0 0 0 0px;
width: 600px;
height: 150px;
float: left;
}
#callouts2 a {
color:#09f;
text-decoration:underline
}
#callouts2 a:hover {
color:#c06;
text-decoration:none
}
#footer {
margin: 0 0 0 0px;
width: 660px;
height: 20px;
float: right;
}
#footer .subnav a, #footer .subnav {
margin:0 5px;
color:#809097;
font-size:14px
}
#footer .subnav a:hover {
margin:0 5px;
color:#c00
}
#footer .copy, #footer .copy a {
font-size:10px;
color:#ccc;
margin-top:10px
}
#footer .copy a:hover {
color:#999
}
#footer2 {
margin: 0 0 0 0px;
width: 600px;
height: 20px;
}
#footer2 .subnav a, #footer2 .subnav {
margin:0 10px;
color:#809097;
font-size:14px
}
#footer2 .subnav a:hover {
margin:0 10px;
color:#c00
}
#footer2 .copy, #footer .copy a {
font-size:10px;
color:#ccc;
margin-top:10px
}
#footer2 .copy a:hover {
color:#999
}
/* despre noi */
.about ul li {
list-style:none;
line-height:24px
}
.about a {
font-size:16px;
color:#333;
font-weight:bold;
display:block;
padding-left:5px;
_padding:0;
text-decoration:none
}
.about ul li {
margin:0;
padding:0
}
.about a:hover, .about .current {
background:#809097;
color:#fff;
text-decoration:none
}
.misiune li {
margin-bottom:10px
}
.filo {
margin:10px 0;
text-align:center
}
#page-despre #content h1 {
margin-bottom:10px
}
#page-despre #content {
min-height:400px;
_height:400px
}
#page-despre #content .box {
min-height:160px;
_height:160px
}
#page-implicate #content .implica {
min-height:300px;
_height:300px
}
.implica a {
color:#09f
}
.implica a:hover {
color:#c06;
text-decoration:none
}
.contact ul {
margin-top:20px
}
.contact ul li {
margin-bottom:10px
}
.fonduri li {
margin-bottom:10px
}
/* round corner box */
.boxRound {
background: #1776A4;
width: 320px;
float: left;
}
.boxtop {
background: url(/images/ne.gif) no-repeat top right;
}
.boxtop div {
font-size: 0;
height: 30px;
background: url(/images/nw.gif) no-repeat top left;
}
.boxbottom {
background: url(/images/se.gif) no-repeat bottom right;
}
.boxbottom div {
font-size: 0;
height: 30px;
background: url(/images/sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 0px 0px 0px;
height: 285px!important;
height: 265px;
color:#FFFFFF;
}
.boxRound1 {
background: #1776A4;
width: 280px;
float: left;
margin: 0 0 10px 1px;
}
.boxcontent1 {
padding: 0px 10px 0px 10px;
height: 170px;
color:#FFFFFF;
}
.boxRoundN {
background: #1776A4;
width: 320px;
float: left;
margin: 0 0 0px 11px;
}
.boxRoundA {
background: #1776A4;
width: 320px;
float: left;
margin: -39px 0 10px 331px;
}
/* end round corner box */
/* round corner box */
.boxRound2 {
background: #4A8EB5;
width: 280px;
float: left;
margin: 0 0 10px 1px;
}
.boxtop2 {
background: url(/images/ne2.gif) no-repeat top right;
}
.boxtop2 div {
font-size: 0;
height: 30px;
background: url(/images/nw2.gif) no-repeat top left;
}
.boxbottom2 {
background: url(/images/se2.gif) no-repeat bottom right;
}
.boxbottom2 div {
font-size: 0;
height: 30px;
background: url(/images/sw2.gif) no-repeat bottom left;
}
.boxcontent2 {
padding: 0px 10px 0px 10px;
height: 170px;
color:#FFFFFF;
}
.boxcontent2 a {
color: #FFFFFF;
font-size:13px;
}
/* end round corner box */
/* round corner box */
.boxRound3 {
background: #669DC3;
width: 260px;
float: left;
}
.boxtop3 {
background: url(/images/ne3.gif) no-repeat top right;
}
.boxtop3 div {
font-size: 0;
height: 30px;
background: url(/images/nw3.gif) no-repeat top left;
}
.boxbottom3 {
background: url(/images/se3.gif) no-repeat bottom right;
}
.boxbottom3 div {
font-size: 0;
height: 30px;
background: url(/images/sw3.gif) no-repeat bottom left;
}
.boxcontent3 {
padding: 0px 10px 0px 10px;
height: 140px;
color:#FFFFFF;
}
/* end round corner box */
.fotoBox {
width: 280px;
height: 247px;
float: left;
margin: 0 0 0 55px;
padding: 0;
}
.cazurile {
float: left;
width: 260px;
height:193px;
margin-left: 10px;
}
.fotoCazuri {
width: 220px;
height:500px;
float: left;
margin: 5px 0 0 40px;
}
.fotoCazuri img {
margin: 0 6px 0 0;
}
.content-home {
width:950px;
float: left;
margin: 0 0 50px 0;
}
.content-home h1 {
font-size: 16px;
}
.content-home .steps {
font-weight: normal;
}
/* */
#DSmain1 {
margin:0;
padding:0;
width:420px;
background:yellow;
}
#DSmain2 {
margin:0;
padding:0;
width:420px;
}
#DSleft {
float:left;
width:150px;
margin:0;
padding:0;
font-size:80%;
}
#DSright {
float:right;
width:150px;
margin:0;
padding:0;
background:blue;
font-size:80%;
}
#DSmiddle {
margin:0 150px;
width:10px;
background:red;
font-size:80%;
}
.DScolumn-in {
margin:0;
padding:0.5em 1em;
}
.DScleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0;
padding:0;
background:transparent;
}