/*

Theme Name: Dermestetica

Description: Tema pentru site-ul Dermestetica.

Author: Floriana Balan & Paul Ristea

*/





/* general */

* { margin:0; padding:0}

html, body { height:100%;}

body { font:normal 11px/16px Arial, Helvetica, sans-serif; color:#776B7A; background:#ECECEA url(images/bg_inner.gif) repeat-x;}

input, textarea, select {font:normal 11px/16px Arial, Helvetica, sans-serif; color:#776B7A}

a { color:#B11120; text-decoration:none; outline:none}

a.textlink { color:#776B7A}

a.textlink:hover { color:#B11120}

a img { border:0}

a.cuhover { font-size:10px;}

a.cuhover:hover { text-decoration:underline}

ol, ul { list-style:none}

.mb5 { margin-bottom:5px;}

.mb10 { margin-bottom:10px;}

.mb15 { margin-bottom:15px;}

.mb20 { margin-bottom:20px;}

.mb25 { margin-bottom:25px;}

.mb30 { margin-bottom:30px;}

.alignleft { float:left; margin-right:10px;}

.klink {color:#B11120;}



/* clearfix */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block;}

html[xmlns] .clearfix { display: block;}

* html .clearfix { height: 1%;}



/* layout */

body#home { background:#ECECEA url(images/bg_home.gif) repeat-x;}

#wraper {  min-height:100%; position:relative; height: auto !important; height: 100%;}

#home #maincontainer { width:964px; margin:0 auto; padding-bottom:140px!important; }

#maincontainer { width:964px; margin:0 auto;  padding-bottom:140px!important; }

#home #header { width:964px; height:340px; position:relative; }

#header { width:964px; height:100px; position:relative; }

#container { width:964px; padding-top:40px; }

#content {  width:460px; float:left; padding-right:21px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#776B7A; overflow:hidden;}
.category-media #content {width:964px;}

#home #content {  font:normal 11px/16px Arial, Helvetica, sans-serif; color:#776B7A; overflow:hidden;}

#sidebar { width:483px; float:left; overflow:hidden; }

#sidebar_left { width:160px;/*183*/ float:left; padding-right:23px; overflow:hidden;}

#sidebar_right { width:300px; float:left; overflow:hidden; }

#footer { background:url(images/bg_footer.gif) repeat-x; width:100%; margin:0 auto; display:block; position:absolute; bottom:0}





/* header */

#logo { position:absolute; top:23px; left:0}

#logo a { background:url(images/logo.gif) no-repeat; width:366px; height:57px; display:block; text-indent:-9999px;}



#qtranslate-chooser { position:absolute; right:278px; top:22px; border-right:1px solid #ccc; padding-right:8px; padding:3px 8px 3px 0}

#qtranslate-chooser li { margin-left:5px; float:left}

#qtranslate-chooser li a { display:block; width:23px; height:15px }

a.qtrans_flag_ro { background:url(images/ro.gif) no-repeat left bottom !important }

a.qtrans_flag_en { background:url(images/gb.gif) no-repeat left bottom !important }

#qtranslate-chooser li.active a { background-position: left top !important }



#prima_pagina { position:absolute; top:23px; right:347px;}

#prima_pagina a { display:block; text-indent:-9999px; width:55px; height:17px; background:url(images/casa.gif) no-repeat; border-right:1px solid #ccc; padding:2px 5px 1px 0}

#facebookConnect {position:absolute; right:0; top:21px; border-left:1px solid #ccc; padding-left:10px;}
#facebookConnect a {display:block; width:23px; height:23px; background:url(http://www.dermestetica.ro/site/dermesteticaFacebook.gif) no-repeat; text-indent:-9999px}




.nav { background:url(images/bg_nav.png); position:absolute; right:0; bottom:0; font-size:12px; z-index:5}

.nav li { float:left}

.nav li a { color:#939599; padding:9px 0; display:block; background:url(images/menuborder.gif) no-repeat right top; width:96.5px; text-align:center}

.nav li.cat-item-4 a { background:none;}

.nav li a:hover {color:#505153}

.nav li.current_page_item a {color:#505153}

.nav li.current-cat a {color:#505153}

.nav li.current_page_ancestor a {color:#505153}



#s { border:1px solid #E1E1E3; padding:2px 3px; position:absolute; right:110px; top:22px; border-top:1px solid #AEB0B3; border-left:1px solid #AEB0B3; width:150px;}

#searchsubmit { background:url(images/btn_cautare.gif) no-repeat left top; border:0; cursor:pointer; width:55px; height:20px; position:absolute; top:22px; right:45px}



#imagine_familie { position:absolute; left:0; bottom:0}



.titlumare { font-size:60px; font-weight:normal; color:#BBBBB5; position:absolute; left:623px; top:110px; line-height:60px; width:310px; letter-spacing:-1px;}

.titlumare_descriere { width:390px; position:absolute; left:483px; top:270px;}

.afla_mai_mult { position:absolute; left:483px; top:320px; }

.afla_mai_mult a { background:url(images/bg_afla.gif) no-repeat; color:#fff; padding:4px 15px; display:block; text-align:center}





/* content */

.home_post { margin-bottom:20px;}

.titlumic { font-size:12px; font-weight:bold; margin-bottom:5px;}

.titlumic span {}

.titlumic span a { color:#505153}

.entry_home p { margin-bottom:15px; line-height:18px;}

.entry_home a { color:#776B7A; text-decoration:underline}

.entry_home a:hover  { color:#B11120; text-decoration:underline}





.titlumic2 { font-size:20px; font-weight:bold; margin-bottom:15px;}

.titlumic2 span a { color:#505153}



.pagetitle { font-size:50px; color:#fff; margin-bottom:30px; font-weight:normal; line-height:40px;}

.pagetitle a {color:#fff}



.px30b { font-size:30px; font-weight:bold; line-height:30px;}

.px20b { font-size:20px; font-weight:bold; line-height:20px;}



.wp-pagenavi { font-size:11px;}

.wp-pagenavi span { margin-right:5px;}

.wp-pagenavi a { margin-right:5px;}



.entry {}

.entry p { margin-bottom:10px;}



.post_in_category { margin-bottom:30px}

.post_in_category h3 { font-weight:bold; font-size:16px}

.post_in_category h3 a { color:#776B7A;}

.post_in_category small { font-size:11px}

.post_in_category .entry { margin-top:7px;}



.post_single {}

.post_single h3 { font-weight:bold; font-size:30px; margin-bottom:15px; line-height:30px;}







/* sidebar */

.carousel_poze { background:#F8F8F8 url(images/bg_carousel.gif) no-repeat left top; padding:10px; width:458px; height:116px; margin-bottom:8px;}

.scrollable { position:relative; overflow:hidden; width: 408px; height:120px; margin-right:8px; float:left }

.scrollable .items { width:20000em; position:absolute; clear:both; }

.scrollable img { float:left; cursor:pointer; width:200px; height:120px; margin-right:7px; }

.scrollable a img  { float:left; cursor:pointer; width:200px; height:120px; margin-right:7px; }

.carousel_poze .prevPage { display:block; float:left; width:20px; height:20px; background:url(images/carousel-dots.gif) no-repeat left top; text-indent:-9999px; margin-top:50px; margin-right:8px;}

.carousel_poze .nextPage { display:block; float:left; width:20px; height:20px; background:url(images/carousel-dots.gif) no-repeat left bottom; text-indent:-9999px; margin-top:50px;}



#home_tratament { background:#F8F8F8 url(images/bg_tratament.gif) no-repeat left top; padding:15px;  width:453px; height:86px;}

#home_tratament h3 { font-size:20px; font-weight:normal; margin-bottom:15px; color:#B9BABD}

#home_tratament h4 { font-size:14px; font-weight:bold; line-height:12px; margin-bottom:5px; color:#747578}

#home_tratament h4 span { float:left; }

#home_tratament h4 span.numarul { font-size:30px; font-weight:normal; padding-top:5px; color:#CC0000; letter-spacing:-1px; margin-right:5px; line-height:19px;}

#home_tratament h4 span.numarul small { font-size:18px; vertical-align:baseline}

.tratament_box { float:left; margin-right:20px;}

#tratament_trei { margin-right:0}

#home_tratament a { color:#776B7A; border-bottom:1px solid #776B7A}

#home_tratament p { }



.rosu10v { font-size:10px; color:#B11120; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase}



.listare_subpagini {}

.listare_subpagini li { line-height:14px; margin-bottom:3px;}

.listare_subpagini li a { color:#776B7A; background:url(images/dot.gif) no-repeat left 6px; display:block; padding-left:7px;}

.listare_subpagini li.current_page_item a { font-weight:bold; color:#413A43}

.listare_subpagini li.current_page_item a:hover { font-weight:bold; color:#413A43; background:url(images/dot.gif) no-repeat left 6px; cursor:text}

.listare_subpagini li a:hover { background:url(images/dot_rosu.gif) no-repeat left 6px; color:#B11120}



.partener { margin-bottom:20px;}



#accordion {}

#accordion p { font-weight:bold; cursor:pointer}

#accordion p.current {color:#B11120}

.pane { display:none}



.aparitii_in_presa { width:320px; display:block}

.aparitii_in_presa li { float:left; margin-right:8px; margin-bottom:8px;}

.aparitii_in_presa li a { display:block; float:left}

.aparitii_in_presa li a img { display:block; float:left}


.aparitii_in_presa2 {  display:block}

.aparitii_in_presa2 li { float:left; margin-right:9px; margin-bottom:9px;}

.aparitii_in_presa2 li a { display:block; float:left}

.aparitii_in_presa2 li a img { display:block; float:left; background:#fff; border:1px solid #ccc; padding:3px;}





/* footer */

#footer_content { width:964px; margin:0 auto}

#footer_content_top {height:21px;}

#copyright { float:right; font-size:12px; padding-top:1px; margin-left:15px;}

#footer_content_top .ascunde { background:url(images/btn_footer_ascunde.gif) no-repeat; color:#ccc; display:block; width:70px; height:22px; float:right; padding-left:30px; padding-top:4px; }

#footer_content_top a { background:url(images/btn_footer_arata.gif) no-repeat; color:#ccc; display:block; width:70px; height:22px; float:right; padding-left:30px; padding-top:4px; color:#fff }

#footer_content_top .arata { background:url(images/btn_footer_arata.gif) no-repeat; color:#ccc; display:block; width:70px; height:22px; float:right; padding-left:30px; padding-top:4px; color:#fff }



#footer_content_bottom { height:80px; padding:15px 0; color:#333; width:964px;}

#footer_content_bottom div { float:left; width:344px; margin-right:20px;}

#footer_content_bottom div#trei {margin-right:0; width:232px; padding-left:3px;}

#footer_content_bottom div a { display:block; color:#550000}

#footer_content_bottom div#trei a#emailul { display:inline; color:#333; border-bottom:1px solid #333;}

#footer_content_bottom div#trei a { display:inline;}

#footer_content_bottom div h5 { color:#fff; font-size:17px; font-weight:normal; margin-bottom:2px;}



/*cforms*/

.linklove { display:none}

fieldset { border:0}

fieldset legend { display:none}



#consultanta_online_form { background:url(images/bg_separator.gif) repeat-x; padding:20px 0; margin-bottom:20px;}

#sendbutton, #sendbutton2 { border:0; background:url(images/bg_send.gif) no-repeat; color:#fff; padding:3px 0 5px 0; position:absolute; text-align:center; display:block; width:55px; }



#cformsform { repeat-x bottom; padding-bottom:20px;}

#cformsform label { font-size:11px; display:block; width:145px;}

#cformsform ol.cf-ol li { width:240px; margin-bottom:7px;}

#cformsform ol.cf-ol #li--1 { margin-bottom:5px;}

#cformsform ol.cf-ol li input.single { width:230px; padding:2px;}

#cformsform ol.cf-ol #li--2 textarea { width:230px; height:60px; padding:2px;}

#cformsform .cf-sb { }

#cf_uploadfile-4 { width:240px!important; padding:3px }



.failure { color:#840B15; font-weight:bold; margin-bottom:10px; font-size:11px;}

.waiting { color:#840B15 font-weight:bold; margin-bottom:10px; font-size:11px;}

.success { color:#840B15; font-weight:bold; margin-bottom:10px; font-size:11px;}





#cforms2form label { font-size:11px; display:block; margin-bottom:1px; }

#cforms2form .textonly { background:url(images/bg_separator.gif) repeat-x; margin-top:15px; width:455px}

#cforms2form .single{ width:215px; padding:2px;}

#cforms2form .cformselect {width:225px; padding:2px;}





#li-2-1items {}

#li-2-1items label { display:inline}

#li-2-1items input { vertical-align:middle; margin-right:5px;}

#label-2-11 { padding-right:50px;}

#cf2_field_14 { width:445px; padding:3px; height:30px; margin-bottom:20px;}



#cforms2form li#li-2-3, #cforms2form li#li-2-4, #cforms2form li#li-2-5, #cforms2form li#li-2-6, #cforms2form li#li-2-8, #cforms2form li#li-2-9, #cforms2form li#li-2-10, #cforms2form li#li-2-11  { width:230px; float:left; margin-bottom:10px;}

#cforms2form li#li-2-7, #cforms2form li#li-2-10 { clear:both; width:455px}

#li-2-5, #li-2-11 { margin-bottom:25px!important;}

#li-2-10 { margin-bottom:0!important}





/*preload classes*/ 

.svw {width: 50px; height: 20px; background: #fff;} 

.svw ul {position: relative; left: -999em;} 

 

/*core classes*/ 

.stripViewer {  position: relative;  overflow: hidden;  margin: 0 0 1px 0; } 

.stripViewer ul { position: relative; left: 0; top: 0; width: 1%; } 

.stripViewer ul li { float:left; } 

.stripTransmitter { overflow: auto; width: 1%; z-index:999; margin-top:-40px; margin-left:17px;} 

.stripTransmitter ul { position: relative; margin-bottom:50px; } 

.stripTransmitter ul li{ width: 20px; float:left;} 

.stripTransmitter a{ text-align: center; line-height: 22px; background:url(images/bg_navigare_carousel.gif) repeat-x; color: #fff; display: block; font:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold} 

.stripTransmitter a.current{ background: #680910!important; color: #fff; } 

.stripTransmitter a:hover{ background:#840B15}
#cf2_field_8 { width:197px!important;}
.imgcalendar { padding-top:3px; vertical-align:middle;}


table.jCalendar {
	border: 1px solid #666;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #444;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #f0f0f0;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

div.dp-popup {
	position: relative;
	background: #d6eafe;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: auto;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	border:2px solid #c2e0f8;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 3px 0pt 4px;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
 
#li-2-12 { float:left;
margin-bottom:10px;
width:230px;}
#li-2-13 {clear:both;
width:455px;}

.cf_li_err span {color:#D34948;}


.personEntry { clear:both; padding-bottom:15px; margin-bottom:15px;}
.personImg { background:#fff; border:1px solid #ccc; padding:2px; margin-right:10px;}
.personEntry a.readMore  { font-size:11px;}
.personCV { display:none; padding-top:15px;}