/* CSS Document */
/* Built by Jack at Tristar */
/* Modified for improved browser compatibility by <a href="http://www.os-templates.com/">OS Templates</a> */

/* Reset */
@font-face {
    font-family: 'GothamRoundedBookNoBolb';
    src: url('http://www.pcfarm.ro/css_mobil/fonts/GothamRoundedBook_21018.ttf');
    font-weight: normal;
    font-style: normal;
}

*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{background-color:#fff; color:#575757; font:81.3% "Georgia",times,serif; margin:0; padding:0;}


/* Modern Clear Floating Fix */

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

 section, footer, aside, article{display:block;}

/* Base Structure */

.bodywidth{width:85%; margin:0 auto; clear:both;}

/* General Type */


.bold{font-weight:bold;}
.blue{color:#4086c6;}

/* Header */

#websitetitle{float:left; margin:-8px 0 0 0;}
#websitetitle h1{font-size:2.538em; font-weight:normal;}
#websitetitle h2{font:1.462em "Georgia"; font-style:italic; font-weight:normal; margin:-3px 0 0 0;}

/* Intro */

#introduction{margin-top:25px;}
#introduction h2{font-size:3.231em; font-weight:bold; margin:0 0 5px 0;}
#introduction p{font-size:1.154em; line-height:140%;}
#introleft{float:left; width:540px; margin:0 0 25px 0;}
#introquote{float:right; font-style:italic; font-size:1.15em; width:335px; background:url("../images_mobil/leftquotemark.png") no-repeat 0 0; padding:28px 0 0 45px; margin:20px 0 25px 0;}
#introduction .quotename{float:right; height:27px; background:url("../images_mobil/rightquotemark.png") no-repeat right top; margin:10px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}
a.findoutmore, a.findoutmore:visited{padding:10px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:13px 0 0 0; float:left;}
a.findoutmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Main Content */

#maincontent{border-top:1px #dbdbdb solid; padding:25px 0 0 0; overflow:hidden;}
#aboutleft{float:left; width:73%;}
#aboutleft p{line-height:120%; margin:0 0 5px 0;}
#articlesright{float:right; width:25%;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
a.readmore, a.readmore:visited{padding:4px; font:0.9em "Ubuntu",arial; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:10px 0 0 0; float:left;}
.oferta_dreapta { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#F00000; font-family: 'GothamRoundedBookNoBolb';}
.intrebari_dreapta { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#333333;}
.container_liste > div {float: left;width: 33.33%;border-bottom:1px #dbdbdb solid;height:250px;box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;}

/* Footer */

#footerwrap{width:100%; margin:20px 0 0 0; padding:30px 0; background:#2d2d2d url("../images_mobil/footerbg.jpg");}
#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{float:left; font-style:italic; font-size:11px; color:#FFFFFF;}
#mainfooter nav ul{margin:0; padding:0; list-style:none; color:#FFFFFF;}
#mainfooter li{list-style-type:none; float:left; margin:0 35px 0 0; color:#FFFFFF;}
#mainfooter li:last-child{margin-right:0; color:#FFFFFF;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:right; color:#FFFFFF;}

/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:820px;}
#introleft{width:470px;}
#introquote{width:270px;}
#introduction h2{font-size:2.85em;}
#aboutleft{width:73%;}
#articlesright{float:right; width:25%;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
#mainfooter{font-size:0.9em;}
#mainfooter li{margin:0 25px 0 0;}
#mainfooter li:last-child{margin-right:0;}
#formularintrebari{display: block; !important;}
.container_liste > div {float: left;width: 100%;border-bottom:1px #dbdbdb solid;height:100%;box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;!important;}
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth{width:620px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:600px;}
#introquote{display:none;}
#aboutleft{width:73%;}
#articlesright{float:right; width:25%;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
#formularintrebari{display: block; !important;}
.container_liste > div {float: left;width: 100%;border-bottom:1px #dbdbdb solid;height:100%; box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;!important;}
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth{width:480px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:480px;}
#introduction h2{font-size:2.7em;}
#introquote{display:none;}
#aboutleft{width:310px; font-size:0.9em;}
#articlesright{float:right; width:300px;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 15px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
#formularintrebari{display: block; !important;}
.container_liste > div {float: left;width: 100%;border-bottom:1px #dbdbdb solid;height:100%;box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;!important;}
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
.bodywidth{width:320px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:320px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:320px; font-size:0.9em;}
#articlesright{float:right; width:300px;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
#formularintrebari{display: block; !important;}
.container_liste > div {float: left;width: 100%;border-bottom:1px #dbdbdb solid;height:100%; box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;!important;}
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
.bodywidth{width:300px;}
#websitetitle h1{font-size:2.3em;}
#websitetitle h2{font-size:1.2em;}
#introleft{width:300px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:300px; font-size:0.9em;}
#articlesright{float:right; width:300px;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{font-size:14px; margin:0 0 3px 0; color:#4086c6; font-family: 'GothamRoundedBookNoBolb';}
#articlesright h5:hover{color:#2f2f2f; font-family: 'GothamRoundedBookNoBolb';}
#mainfooter{font-size:0.7em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{margin:0 6px 0 0;}
#mainfooter li:last-child{margin-right:0;}
.copyright{color:#b8b8b8; margin-bottom:0;}
#formularintrebari{display: block; !important;}
.container_liste > div {float: left;width: 100%;border-bottom:1px #dbdbdb solid;height:100%; box-sizing: border-box;text-align: left; border-right-style:inset;border-right-width:1px;border-right-color:#F8F8F8; padding:3px 3px 3px 3px;!important;}
}

.container_liste:after { /*clear float*/
    content: "";
    display: table;
    clear: both;
}