body { background : #fff; font-family : arial; font-size : 12px; padding : 4px; margin : 0; }
.wrapper { padding : 5px; margin-top: -15px;}

.header { height : 60px; margin : 0 0 5px 0; }
.header .left { background : url(../images/left.png) no-repeat 0 0; height : 76px; width : 5px; }
.header .right { background : url(../images/right.png) no-repeat 0 0; height : 76px; width : 5px; }
.header .content { background : #fff; }
.header .content .logo { display : block; width : 164px; margin : 0 auto; }

.cautare { height : 44px; margin : 0 0 5px 0; }
.cautare .left { background : url(../images/left_m.png) no-repeat 0 0; height : 44px; width : 5px; }
.cautare .right { background : url(../images/right_m.png) no-repeat 0 0; height : 44px; width : 5px; }
.cautare .content { background : #fff; }
.cautare .content .btncauta { width : 80px; cursor : pointer; background : #81a63b url(../images/cauta.jpg) no-repeat 0 0;; color : #fff; border : none; height : 31px; }
.cautare .content .query { font-size : medium; width : 68%; height : 29px; border : 1px solid #b6b7b5; padding : 0 5px; margin : 0 auto; border-radius: 5px;}

.slot { height : 76px; margin : 0 0 5px 0; }
.slot .left { background : url(../images/left_s.png) no-repeat 0 0; height : 129px; width : 10px; }
.slot .right { background : url(../images/right_s.png) no-repeat 0 0; height : 129px; width : 10px; }
.slot .content { border : 1px solid #c53d2b; background : #fff; padding : 8px; }
.slot .content h2 { color : #c02f1a; margin : 0 0 5px 0; }
.slot .content h1 { color : #81a63b; margin : 0 0 5px 0; line-height : 22px; }
.slot .content h1 a { font-size : 18px; color : #81a63b; text-decoration : none; }
.slot .content h1 a:hover { text-decoration : underline; }
.slot .content a.citeste { display : block; color : #d34108; margin : 0; height : 22px; line-height : 22px; width : 120px; text-align : left; }
.slot .content img.mainimage { border : 3px solid #d3d3d3; margin : 10px auto; display : block;     height: auto; width: 100%;}

.slot .contentDetalii { color : #595959; }
.slot .contentDetalii h1 { line-height : 22px; }
.slot .contentDetalii h3 { color : #c02e19; margin : 0 0 10px 0; }
.slot .contentDetalii p.info { color : #474747; font-size : 12px; margin : 0; }
.slot .contentDetalii p { margin : 0 0 10px 0; }
.slot .contentDetalii ul li a { color : #c02e19; }
.slot .contentDetalii ul li a:hover { color : #6b180c; }

.rowtab { height : 39px; margin : 0 0 5px 0; }
.rowtab .leftT { height : 39px; padding : 0 10px 0 0; }
.rowtab .tab .left { background : url(../images/left_t.png) no-repeat 0 0; height : 39px; width : 5px; }
.rowtab .tab .right { background : url(../images/right_t.png) no-repeat 0 0; height : 39px; width : 5px; }
.rowtab .tab .content { background : url(../images/tab.jpg) repeat-x 0 0; height : 39px; }
.rowtab .tab .content a { display : block; color : #ffffff; text-align : center; text-decoration : none; }

.retete ul { margin : 0; padding : 0; }
.retete ul li { list-style : none; margin : 0; padding : 0; }
.retete ul li a { color : #c02f1a; }

.paginator { width : 120px; text-align : center; padding : 0; margin : 0 auto; display : block; height : 22px; line-height : 22px; }
.paginator li { display : inline; }
.paginator li a { display : block; float : left; width : 20px; text-align : center; text-decoration : none; color : #c02f1a; font-weight : bold; }
.paginator li a:hover { color : #550d02; }

.copyright { color : #6e9d16; text-transform : uppercase; }
.hr { height : 1px; position : relative; overflow : hidden; background : #a2b194; margin : 10px 0; }
h2 { color : #c02f1a; margin : 0 0 5px 0; }

h1.categorie { background : #c1301b; color : #fff; padding : 5px 10px; margin : 0; }

.clearfloat {
	clear		: both;
    height		: 0;
    font-size	: 1px;
    line-height : 0px;
}

div.reteta{
	background:none repeat scroll 0 0 #81A63B;
	margin-bottom:1px;
}
div.reteta img{
	float:left;
	padding:5px 5px 5px 5px;
}

div.reteta h2 { color : #000; margin : 0 0 5px 0; line-height : 16px; padding-bottom:2px; padding-top:2px;}
div.reteta h2 a { font-size : 14px; color : #000; text-decoration : none; }
div.reteta h2 a:hover { text-decoration : underline; }
div.reteta span {color:#C02F1A;}

div.comentariu {border-bottom:1px dashed;padding:5px 20px 10px 5px;}
div.comentariu span.head {color : #7FC216;}
div.comentariu span.content {color : #606060;}

/*cele main noi*/
.cele_mai_noi{max-width: 100%;background-color:#fff;}
.cele_header{background-color:#cc3c26;height:40px;font-size:18px;font-family: 'Open Sans';padding-left: 15px;line-height:40px;color:#fff;}
.cele_box{border:1px solid #eee;padding:10px;border-top:0px;}
.cele_titlu{font-family: 'Open Sans';padding-bottom:10px;font-size:24px;font-weight: 700;color:#222}
.cele_titlu a{text-decoration:none;color:#222}
.cele_titlu a:hover{text-decoration:none;color:#749C16}
.suta{width:100%;height:auto}
.cele_foto{margin-bottom:10px;}
.cele_text{font-size:14px;color:#222;line-height:1.3em;font-family: 'Open Sans'}
.cele_text p{margin:0;padding:0;}
.cele_text a{text-decoration:none;color:#cc3c26}
.clear{clear:both}
.slot .social-ranks {
    padding-top: 12px;
    padding-bottom: 10px;
    border-top: 1px solid #ebe7e0;
    margin-top: 12px;
    border-bottom: 1px solid #ebe7e0;
    margin-bottom: 10px;
}
.slot .social-ranks a {
    padding-left: 17px;
    background: url(/templates/mobile/images/icons/social-ranks_Bucataras.png) 0 1px no-repeat;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #b1afaa;
    text-decoration: none;
    margin-right: 20px;
}
.slot .social-ranks a.stars {
    background-position: -71px 1px;
}
.slot .social-ranks a.comms {
    background-position: -144px 1px;
}
.slot .more-end {
    width: 300px;
}
div.casetaDetaliiReteta div.header {
    position    : relative;
    height: 50px;
}

div.caseta {
    margin: 0 0 10px 0;
}

div.caseta h1 {
    color: #d34108;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    height: 45px;
    line-height: 45px;
    margin: 0 0 7px 0;
}

div.caseta h1 b {
    border-bottom: 1px solid #d34108;
    display: block;
    height: 35px;
}

div.caseta div.header img {
    float: left;
    background: #fff;
}

.facebook-login {
    margin-left: 10px;
    width: 100%;
}

.facebook-login .facebook {
    margin-right: 4%;
    background-color: #3b5998;
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    padding: 12px 10px 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    vertical-align: baseline;
}

.facebook-login .google{
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    padding: 12px 10px 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 2%;
    vertical-align: baseline;
    background-color: #e04a31;
    margin-top: 10px;
}

div.casetaForm form h3, div.casetaForm form div label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

div.casetaFormAddReteta form {
    margin-left: 10px;
    width: 100%;
}

div.casetaFormAddReteta form div {
    margin-bottom: 10px;
}

div.casetaFormAddReteta form input[type="text"], input[type="password"] {
    width: 80%;
}

.boxCheck {
    width: 80%;
}

a.buttonr span.left {
    background: url(/templates/default/images/btnr_corner_l.png) no-repeat left top;
    width: 4px;
    height: 21px;
    display: block;
    float: left;
}

a.buttonr:link span.content, a.buttonr span.content {
    background: url(/templates/default/images/btnr_content.png) repeat-x center top;
    float: left;
    padding: 0 6px 0 6px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 9px;
    color: #FFFFFF;
}

a.buttonr span.right {
    background: url(/templates/default/images/btnr_corner_r.png) no-repeat right top;
    width: 4px;
    height: 21px;
    display: block;
    float: left;
}

div.error {
    display: block;
    padding: 10px 10px;
    margin: 15px 0px 15px 10px;
    color: #fff;
    border: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background: #d34108;
    height: 100%;
    width: 80%;
}

div.info {
    display: block;
    padding: 5px;
    color: #fff;
    border: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background: #d34108;
    height: 100%;
    width: 97%;
    background: #ebb934;
}

.username {
    color: #81ae18;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    float: left;
    display: inline-block;
}

.username span {
    font-weight: 400;
}

.login-logout a {
    color: #81ae18 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    float: right;
    display: inline-block;
    text-decoration: none;
}

.float-left {
    float: left !important;
}