/*  
Theme Name: Twicet
Theme URI: http://www.kriesi.at/
Description: A Business & Portfolio Theme
Version: 1
Author: Christian "Kriesi" Budschedl
Author URI: http://www.kriesi.at 
*/

html{
	background-color:#272727;
}

body{
	color:#ccc;
	background:#272727 url(/frontend_web/images/files/ELOGYS_bg.jpg) repeat-x 0 35px;
}

.wrap_all{
	background:#272727 url(/frontend_web/images/files/ELOGYS_bg.jpg) repeat-x 0 35px;}

/*****************************
1.) #head	
/***************************/	

#top .logo a{
	background:transparent url(/frontend_web/images/files/ELOGYS_02.jpg) left top no-repeat;
}

/*****************************
2.) #main
/****************************/	
	
#main{
}

/*****************************
3.) #mainpage image slider
/****************************/	

#featured{
	color:#f5f5f5;
}

div.elogys{
	background:transparent url(/frontend_web/images/fond_slider.jpg) center top no-repeat;
}

div.surface{
	background:transparent url(/frontend_web/images/surface.jpg) center top no-repeat;
}

div.quarks{
	background:transparent url(/frontend_web/images/quarks/slider_bg_quarks.jpg) center top no-repeat;
}

div.chimie{
	background:transparent url(/frontend_web/images/quarks/slider_chimie.jpg) center top no-repeat;
}

div.qualite{
	background:transparent url(/frontend_web/images/quarks/slider_qualite.jpg) center top no-repeat;
}

.ticker, .ticker a, .ticker a:visited {
	color:#AAA;
}

.ticker span p {
	text-align : left;
}

.preview_images a img{
	background-color:#fff;
}
.preview_images  .current_prev  a{
	border:none;
	text-decoration: none;
	color: #ff6600 !important;
}

/*****************************
4.) breadcrumb navigation
/****************************/	

.breadcrumb{
	color:#999999;
}

.breadcrumb a{
	text-decoration:none;
	color:#666666;
}

.breadcrumb a:hover{
	text-decoration:underline;
	color:#999999;
}

/*****************************
5.) content area below slider and on subpages
/****************************/	

.content_top{

}	

#content{

}

/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	

.portfolio_item{
	border:1px solid #43848E;
	float: left;
	margin-right: 7px;
	margin-bottom: 10px;
}
p.small_text{font-size:8px;}
/*****************************
7.)pages with sidebar
/****************************/								

.entry{
	border-bottom:1px solid #444;
}

.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a{
	background-color:#747474;
	color:#eee;
}

.entry-head a:hover, .more-link:hover, #top .portfolio_item h3 a:hover{
	background-color:#eaeaea;
	color:#747474;
}

#top .bg_sidebar{
	background:transparent url(/frontend_web/images/bg_slice2.png) centertop no-repeat) repeat-y scroll center top;
}

/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/	

.small_box h3{
	color:#63bcc9;
}

.small_box p{
	text-align: justify;
	font-size:12px;
}

.widget_categories a, .widget_pages a{
	border-bottom:1px solid #ddd;
}

.widget_categories a:hover, .widget_pages a:hover{
	background:#f5f5f5;	
}

#footer{
	color:#888;
}

#footer a{
	color:#666;
}

h3.baseline{
	color:#63bcc9;
}

/*****************************
#basic & common styles	
/****************************/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
	color:#84c9bc;
}

h1,h2,h3,h4,h5,h6, legend{
	color:#eee;
}

#featured h2, #featured h2 a{
	color:#eee;
	text-shadow:0 2px #4c7f87;
	text-transform: uppercase;
}

#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a{
	color:#63BCC9;
	line-height : 3em;
}

h3.white {
	color: #eee;
}

.entry-content p {
	text-align : justify;
}

.entry-content h3{
	color: #43848e;
	font-size:1.5em;
	padding-top: 10px;
}

.aligncenter{
	border-bottom:1px solid #555;
	border-top:1px solid #555;
}

.meta{
	color:#43848E;
}

.read-more, .show-next{
	background:transparent url(/frontend_web/images/read_more.png) no-repeat scroll right top;
	color:#555;
}

.read-more:hover, .show-next:hover{
	background:transparent url(/frontend_web/images/read_more.png) no-repeat scroll right bottom;
	color:#666;
}

blockquote.nav

/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #555;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #ff4800;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}
.error label{
	color:#ff4800;
}

#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #555;
	background-color: #444;
	color:#eee;
}

#searchsubmit, #send, #top #submit{
	border:1px solid #555;
	background-color:#444;
	cursor:pointer;
	color:#eee;
}

#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#999;
	color:#333;
}

.obligatoire {
	font-size:9px;
	text-align: right;
	color:#fff;
}

/*navigation*/
#top .nav a{
	color:#ccc;
}

#top .nav ul {
	border:1px solid #333;
	border-top:none;
}

#top .nav li ul a{
	border-bottom:1px solid #555;
	border-top:1px solid #222;
}

#top #head .nav ul a, #top #head .nav ul li{
	background-color:#313131;
	background-image:none;
}

#top #head .nav ul a:hover, #top #head .nav ul a:focus {
	background-color:#63BCC9;
	color:#414141;
}

#top #head .nav a:hover, #top #head .nav a:focus {
	color:#f7f2ea;
}

#top .nav .current_page_item a{
	color:#63bcc9;
}

#top .nav .current_page_parent .current_page_item a, #top .nav .current_page_item ul a{
	border-right:1px solid #f5f5f5;
	border-left:none;
	background-image:none;
	color:#444;
}

.clients {
	padding-bottom : 15px;
}

.white{
	color:#FFF;
}

/*RECRUTEMENT*/
#job{
	width:880px;
	text-align: center;
	background:#272727 url(/frontend_web/images/files/ELOGYS_bg.jpg) repeat-x 0 -310px;
	border: solid 1px #66b9cb;
	margin: 0 auto;
	line-height: 40px;
}

#job a{
	color:#FFF;
}

#job a:hover{
	color:#272727;
	text-decoration: none;
}

/*****************************
QUARKS
/****************************/
#quarks .wrap_all{
	background:#272727 url(/frontend_web/images/quarks/body_bg_quarks.jpg) repeat-x 0 35px;
}

#quarks .featured_text{
    left: 410px;
    top:65px;
}

#quarks #featured h1{
	font-size: 5em;
	letter-spacing: -2px;
	text-shadow:0 2px #4c7f87;
	margin:0;
	padding: 0;
}

#quarks #inner_content h2, #quarks #inner_content h2 a, #quarks #inner_content_big h2, #quarks #inner_content_big h2 a{
    color: #76a4b5;
}

#quarks #featured h2, #featured h2 a{
    color: #EEEEEE;
    text-shadow: 0 2px #666;
}

#quarks #featured p{
    font-size: 16px;
    margin-top: 10px;
    text-shadow: 0 2px #666;
}

#quarks #featured .quarks_slide{
    padding-top:110px;
}
#quarks .small_box h3{
    color: #76a4b5;
}

#quarks #top .nav .current_page_item a{
    color: #76a4b5;
}

#quarks .scroll-top{
    color: #76a4b5;
}

#quarks .entry-content h3{
    color: #4f717c;
}

.quarks_title{
	text-align: center;
	margin-bottom:10px;
	color: #76A4B5;
}

#quarks #intro_text{
	width:700px;
	margin: 0 auto;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

#quarks .border{
	width: 260px;
	height: 260px;
	background:#272727 url(/frontend_web/images/quarks/bg_bloc_quarks2.png) repeat-x center top;
	border: solid 1px #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 2px 8px #1A1A1A;
	-webkit-box-shadow: 0 2px 8px #1A1A1A;
	-moz-box-shadow: 0 2px 8px #1A1A1A;
	text-align: center;
}

#quarks .border:hover{
	background-position: center top;
	box-shadow: 0 0px 10px #97adb8;
	-webkit-box-shadow: 0 0px 10px #97adb8;
	-moz-box-shadow: 0 0px 10px #97adb8;
	border:solid 1px #97adb8;
}

#quarks .wait{
	background-image: none !important;
	width: 260px;
	height: 260px;
	background:#272727;
	border: solid 1px #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#quarks .wait:hover{
}

#quarks .border p{
	color:#eee;
}

#quarks .padfive{
	padding: 5px 10px;
	height:190px;
}

#quarks .border h3{
	color:white;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 -1px #344246;
	margin: 2px 0 0 0;
}

#quarks .border .sub{
	color:#ccc;
    display: block;
    font-size: 11px;
    position: relative;
}

#quarks .small_box{
    margin-bottom: 30px;
}

#quarks .border .more_btn{
	display:block;
	color:#fff;
	width:238px;
	height: 50px;
	line-height: 50px;
	font-size:1.8em;
	text-align: center;
	background-color: #272727;
	border:solid 1px #404040;
	letter-spacing: -1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: normal;
	text-decoration: none;
	margin: 0 auto;
}

#quarks .border .quarks_icon{
	display: block;
	width:100px;
	height: 100px;
	margin: 0 auto;
}

#quarks .border .quarks_icon img{
	width:100px;
	height: 100px;
}
#sidebar ul.quarks_list{
	
	list-style-type: disc !important;
}
#sidebar ul.quarks_list h2{
	font-size:16px;
	color:#76A4B5;
}
/*****************************
PRICE TABLE
/****************************/
#prices{
	font-size: 12px;
}
#prices td, #prices th{
	height: 30px;
	padding: 15px 5px;
}
#prices .top{
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

#prices .none{
	background-color: transparent;
}

#prices .bottom{
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-bottom: none !important;
}
#prices .both{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: none !important;
}
#prices th{
	color:#FFF;
	text-transform: uppercase;
}

.col_blue, .col_green{
	text-align: center;
	color:#333;
	border-bottom: solid 1px #ddd;
}
.col_grey{
	width:170px;
	background-color: #444;
	border-bottom: solid 1px #333;
	font-weight: bold;
}
.col_grey span{
	font-size: 10px;
	font-style: italic;
}
.col_blue{
	width: 200px;
	background-color: #63bed0;
}
.col_green{
	width:200px;
	background-color: #a3e24b;
}
a.ticket_button{
	float: right;
	font-size:1.2em;
	height: 38px;
	background: #fff url(../images/h3.gif) repeat-x left 1px;
	border: 1px solid #fff;
	color:#4F717C;
	line-height: 38px;
	display:block;
	padding:0 5px 0 5px;
	text-transform: uppercase;
	width: 250px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.ticket_button:hover, .button:hover{
	color:#76A4B5;
	cursor: pointer;
	background-position: left 0px;
	text-decoration: none;
}
h1.tarifs{
	margin-top:54px !important;
}

hr.clearboth{border:none;}
p.pp_description{color:#666;}