/*  
Site: Babita
URL: http://www.babitamedia.it/
Version: 2.0
Author: GLDev
Author URI: http://www.babitamedia.it/
*/

/* General
============================================================================= */

html, body {height: 100%;}

html,body,div,p,ul,ol,li,pre,form,p,button,img {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 14px;
}

h1,h2,h3,h4 {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
  color: #6385a1;
}

h1 {
  font-size: 22px;
  line-height: 22px;
}


h3 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

h4 {
  font-size: 11px;
  font-weight: normal;
}

body {
	background:#fff url(../images/bg.jpg) top left;
  	font: normal 11px Tahoma, Arial, sans-serif;
  	line-height: 14px;
  	/*font: normal 11px Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;*/
  	/*color: #5C5D61;*/
  	color: #8d8d85;
	margin: 0 auto;
	text-align:center;/*included to make content sit in the centre in IE5/win - cancelled out later*/
}

ul {list-style-type: disc; color: #8d8d85; }
li {list-style-type: none;}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
a span, button span, ul#navigation span, h2 span, h3 span {display: none;}

ul.case li {list-style-type: disc; margin-bottom: 5px;}
ul#twitter_update_list {color: #8d8d85; margin: 0 0 5px 15px;}
ul#twitter_update_list li{margin-bottom: 8px;}
ul#twitter_update_list a {color: #6385a1; border-bottom: 1px solid #d7e1e9;}
ul#twitter_update_list a:hover {color: #80a1bb; border-bottom: 1px solid #fff;}
#twitter-link p {color: #8d8d85;}
#twitter-link p a {color: #6385a1; border-bottom: 1px solid #d7e1e9;}
#twitter-link p a:hover {color: #80a1bb; border-bottom: 1px solid #fff;}


input, textarea {
  font: normal 11px/17px Tahoma, Arial, sans-serif;
  /*font: normal 11/17px Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;*/
  color: #3a3a35;
}

button {
  display: block;
  cursor: pointer;
}

div.clear {
  clear: both;
}

#page_error {
  width: 800px;
  height: 500px;
  margin-left: 75px;
  background: url(../images/404.png) 0 0 no-repeat;
  overflow: hidden;
}

#text_404 {
  width: 800px;
  padding-top: 420px;
  text-align:center;/*included to make content sit in the centre in IE5/win - cancelled out later*/
}

/* Header
============================================================================= */

#home {
  text-align: left;
  width: 980px;
  margin: 20px auto;
}

#curve_header {
  background: url(../images/curve_header.png) 0 0 no-repeat;
  text-align: left;
  width: 980px;
  height: 38px;
  margin: 0 auto;
}

#header_container {
  background: url(../images/body.png) 0 0 repeat-y;
  text-align: center; /*included to make content sit in the centre in IE5/win - cancelled out later*/
  width: 980px;
  height: 155px;
  margin: 0 auto;
  padding: 0 0 6px 0;
}

#header {
  background: #fff url(../images/header.gif) 0 0 no-repeat;
  text-align: left; /*included to make content sit in the centre in IE5/win - cancelled out later*/
  width: 930px;
  height: 155px;
  margin: 0 auto;
}

#logo {
  height: 137px;
  width: 82px;
  padding: 12px 0 0 40px;
  z-index: 10;
  position: absolute;
  text-align: left; /*included to make content sit in the centre in IE5/win - cancelled out later*/
}

#language {
  padding: 0px 0 0 860px;
  z-index: 10;
  position: absolute;
  text-align: left; /*included to make content sit in the centre in IE5/win - cancelled out later*/
}

/* Content
============================================================================= */

#prepage {
  width: 980px;
  background: url(../images/body.png) 0 0 repeat-y;
  overflow: hidden;
}

#page_container {
  text-align: left;
  width: 980px;
  margin: 0 auto;
}

#page_content {
  width: 951px;
  padding-left: 29px;
  background: url(../images/body.png) 0 0 repeat-y;
  height:100%;
  overflow: hidden;
}

#page_content_journal {
  width: 980px;
  padding-left: 29px;
  height:100%;
  overflow: visible;
}

#left_column {
  width: 690px;
  background: url(../images/show_back.gif) 0 0 no-repeat;
  float: left;
}

#left_column_page {
  width: 690px;
  float: left;
}

#left_column_page {color: #8d8d85;}
#left_column_page a {color: #6385a1;}
#left_column_page a:hover {color: #80a1bb;}

#left_column h3 {
margin: 10px 0 12px 15px;
/*font: bold 11px Tahoma, Arial, sans-serif;*/
font: normal 11px Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
color: #8d8d85;
text-transform: uppercase;
}

#left_column_page h3 {
/*font: bold 11px Tahoma, Arial, sans-serif;*/
font: bold 12px Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
color: #6385a1;
text-transform: uppercase;
}

#left_column p {margin: 10px 20px 0 20px;}

#right_column {
  width: 230px;
  float: left;
  margin-bottom: 20px;
}

  #right_column p {margin: 7px 0 0 15px;}
  #right_column p.vcard {background: url(../images/ico/vcard.gif) no-repeat; margin: 10px 0 0 15px;}
  #right_column p.vcard span.titlevcard {margin: 0 0 0 30px;}
  #right_column p.rss {background: url(../images/ico/rss.gif) no-repeat; margin: 10px 0 0 15px;}
  #right_column p.rss span.titlerss {margin: 0 0 0 30px;}

  #right_column .item {
    margin: 40px 0 0 0;
    padding: 0px 0 0 0;
    border-left: 1px solid #dcdcdc;
  }

#right_column h3 {
margin: 10px 0 12px 15px;
/*font: bold 12px Tahoma, Arial, sans-serif;*/
font: bold 12px Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
color: #6385a1;
text-transform: uppercase;
}

#box_slideshow {
  width: 490px;
  height: 200px;
  margin-top: 58px;
  padding-left: 88px;
}

#box_thumbcase {
  width: 660px;
  height: 100%;
  float: left;
  margin-top: 45px;
  padding-left: 10px;
}

#box_thumbcase_item {
  padding-left: 20px;
  padding-bottom: 20px;
}

#box_page {
  width: 620px;
  height: 100%;
  float: left;
  margin-top: 45px;
  padding-left: 30px;
}

#box_left {
  width: 229px;
  height: 350px;
  float: left;
  margin-top: 50px;
}

#box_center {
  width: 229px;
  height: 350px;
  border-left: 1px solid #dcdcdc;
  float: left;
  margin-top: 50px;
}

#box_case {
  width: 190px;
  padding-top: 12px;
  margin-left: 22px;
}

#box_right {
  width: 229px;
  border-left: 1px solid #dcdcdc;
  float: left;
  margin-top: 50px;
}

/* Services */

#services_left {
  width: 160px;
  float: left;
  margin-top: 5px;
}

#services_center {
  width: 160px;
  float: left;
  margin-top: 5px;
  margin-left: 30px;
}

#services_right {
  width: 220px;
  float: left;
  margin-top: 5px;
  margin-left: 30px;
}

#stampa {
  float: right;
  margin-top: 20px;
}

#stampa img {
  float: right;
  padding-left: 10px;
}

#stampa p {
  margin-right: 20px;
}

#box_page p {
  margin-top: 20px;
}

#adapter {
  float: left;
  margin-top: 20px;
  margin-left: 30px;
}

/* Chi siamo */

#who {
  float: right;
  margin-top: 20px;
}

#who img {
  padding-left: 10px;
}


/* Portfolio */

#portfolio_column {
  width: 690px;
  margin-top: 40px;
  padding-bottom: 20px;
  float: left;
}

p.titleclient {
	margin-top: 30px;
}

p.clientsector {
	margin-top: 10px;
}


/* Footer
============================================================================= */

#grass_footer {
  background: url(../images/grass_footer.png) 0 0 no-repeat;
  width: 980px;
  height: 34px;
  margin: 0 auto;
  padding: 0 0 0px 0;
  float:left;
}

#footer {
  background: url(../images/body_footer.png) 0 0 repeat-y;
  width: 980px;
  height: 60px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  float:left;
}

#curve_footer {
  background: url(../images/curve_bottom.png) 0 0 no-repeat;
  width: 980px;
  height: 38px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  float:left;
}

#credits {
  	width: 350px;
	padding-left: 80px;
	padding-top: 40px;
	float: left;
}

#credits p {
  color: #ffffff;
}

#credits p a {
  color: #6385a1;
  border-bottom: none;
}

#credits p a:hover {
  color: #80a1bb;
  border-bottom: none;
}

#host {
  	width: 200px;
	padding-right: 80px;
	padding-top: 40px;
	float: right;
}

#host p {
  color: #ffffff;
}

#host p a {
  color: #6385a1;
  border-bottom: none;
}

#host p a:hover {
  color: #80a1bb;
  border-bottom: none;
}

/* Navigation
============================================================================= */

ul#navigation {
height: 50px;
background: url(../images/body.png) 0 0 repeat-y;
padding-left: 29px;
}

  ul#navigation li {
    width: 184px;
    float: left;
  }

    ul#navigation li a {
    	display: block;
      	height: 50px;
    	cursor: pointer;
    }

    ul#navigation li a#ita_about {background: url(../images/nav/ita_about.gif) 0 0 no-repeat;}
    ul#navigation li a#ita_portfolio {background: url(../images/nav/ita_portfolio.gif) 0 0 no-repeat;}
    ul#navigation li a#ita_services {background: url(../images/nav/ita_services.gif) 0 0 no-repeat;}
    ul#navigation li a#ita_journal {background: url(../images/nav/ita_journal.gif) 0 0 no-repeat;}
    ul#navigation li a#ita_contact {background: url(../images/nav/ita_contact.gif) 0 0 no-repeat;}

    ul#navigation li a#ita_about:hover,
    ul#navigation li a#ita_portfolio:hover,
    ul#navigation li a#ita_services:hover,
    ul#navigation li a#ita_journal:hover,
    ul#navigation li a#ita_contact:hover {
      background-position: 0 -50px;
    }


/* Thumb Case history
============================================================================= */

ul#thumbcase {
height: 150px;
padding-left: 0px;
}

ul#thumbcase li {
    width: 328px;
    float: left;
  }

ul#thumbcase li a {
    	display: block;
      	height: 150px;
    	cursor: pointer;
    }

    ul#thumbcase li a#thumb_eni {background: url(../images/case_history/thumb_eni.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_capitalia {background: url(../images/case_history/thumb_capitalia.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_bmw {background: url(../images/case_history/thumb_bmw.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_tiscali {background: url(../images/case_history/thumb_tiscali.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_reag {background: url(../images/case_history/thumb_reag.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_credem {background: url(../images/case_history/thumb_credem.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_sm {background: url(../images/case_history/thumb_sm.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_dixan {background: url(../images/case_history/thumb_dixan.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_barbie {background: url(../images/case_history/thumb_barbie.jpg) 0 0 no-repeat;}
    ul#thumbcase li a#thumb_b2c {background: url(../images/case_history/thumb_b2c.jpg) 0 0 no-repeat;}

    ul#thumbcase li a#thumb_eni:hover,
    ul#thumbcase li a#thumb_eni:hover {
    background-position: -328px 0;
    }

    ul#thumbcase li a#thumb_capitalia:hover,
    ul#thumbcase li a#thumb_capitalia:hover {
    background-position: -328px 0;
    }

    ul#thumbcase li a#thumb_bmw:hover,
    ul#thumbcase li a#thumb_bmw:hover {
    background-position: -328px 0;
    } 

    ul#thumbcase li a#thumb_tiscali:hover,
    ul#thumbcase li a#thumb_tiscali:hover {
    background-position: -328px 0;
    }

    ul#thumbcase li a#thumb_reag:hover,
    ul#thumbcase li a#thumb_reag:hover {
    background-position: -328px 0;
    }    

    ul#thumbcase li a#thumb_credem:hover,
    ul#thumbcase li a#thumb_credem:hover {
    background-position: -328px 0;
    }

    ul#thumbcase li a#thumb_sm:hover,
    ul#thumbcase li a#thumb_sm:hover {
    background-position: -328px 0;
    }
    
    ul#thumbcase li a#thumb_dixan:hover,
    ul#thumbcase li a#thumb_dixan:hover {
    background-position: -328px 0;
    }
    
    ul#thumbcase li a#thumb_barbie:hover,
    ul#thumbcase li a#thumb_barbie:hover {
    background-position: -328px 0;
    }   
    
    ul#thumbcase li a#thumb_b2c:hover,
    ul#thumbcase li a#thumb_b2c:hover {
    background-position: -328px 0;
    }    

p a,
h1 a {
  color: #6385a1;
}

p a:hover,
h1 a:hover {
  color: #80a1bb;
}

p a,
h2 a {
  color: #6385a1;
}

p a:hover,
h2 a:hover {
  color: #80a1bb;
}

p a,
h3 a {
  color: #6385a1;
}

p a:hover,
h3 a:hover {
  color: #80a1bb;
}


/* Contact details
============================================================================= */

.contact_details {
  color: #5c5c56;
  width: 180px;
  height: 230px;
  padding: 0 0 30px 0;
  margin: 0 30px 0 0;
  float: left;
}

.contact_details p.vcard {height:18px; background: url(../images/ico/vcard.gif) no-repeat; margin: 10px 0 0 0px;}
.contact_details p.vcard span.titlevcard {margin: 0 0 0 30px;}

.contact_details p.skype {height:50px; background: url(../images/ico/ico_skype_big.gif) no-repeat; margin: 10px 0 0 0px;}
.contact_details p.skype span.titleskype {line-height:50px; margin: 0 0 0 50px;}
 p.google {height:18px; margin: 10px 0 0 0px; text-align:left;}
 p.google span.titlegoogle {margin: 0 0 0 20px;}

#contact_map_up {
  width: 400px;
  height: 32px;
  background: url(../images/contacts_map_up.gif) no-repeat;
  margin-top: 20px;
  float: left;
}

#contact_map {
  width: 400px;
  height: 171px;
  float: left;
  margin-bottom: 0px;
}

#contact_map_bottom {
  width: 400px;
  height: 26px;
  background: url(../images/contacts_map_bottom.gif) no-repeat;
  float: left;
  margin-top: 0px;
}

/* Error box
============================================================================= */

#error_box {
  background: #F9F4B6;
  border: 1px solid #E2DC90;
  margin-top: 16px;
  padding: 10px 13px;
  color: #75713C;
}

#info label.error {font-weight: bold; border: 1px solid #f6dcd9; background: url(../images/highlight_red.gif) repeat-x #f6dcd9;}


/* Send us a message
============================================================================= */

#message {
  color: #5c5c56;
  width: 430px;
  padding: 20px 0 30px 0;
  float: left;
}

h3#send_us_message {
  width: 118px;
  margin: 30px 0 0 0;
}

.left_textinput {
  width: 200px;
  margin: 0 30px 0 0;
  float: left;
}

.right_textinput {
  width: 200px;
  float: left;
}

  #message .row {margin: 9px 0 0 0;}

  #message .row label em {font-style: normal; padding-left: 3px; color: #AAAAAA;}

  #message div.textinput {
    background: url(../images/form/txtbox.gif) 0 0 no-repeat;
    height: 26px;
    margin: 3px 0 0 0;
  }

  #message input {
    background: none;
    width: 188px;
    height: 21px;
    padding: 3px 6px 0 6px;
    border: none;
  }

  #message div.textarea {
    background: url(../images/form/txtarea.gif) 0 0 no-repeat;
    height: 95px;
    margin: 3px 0 0 0;
  }

  #message textarea {
    background: none;
    width: 418px;
    height: 83px;
    margin: 5px 6px 5px 6px;
    border: none;
  }

  #message button {
    background: url(../images/form/send.gif) 0 0 no-repeat;
    height: 26px;
    width: 100px;
    margin: 16px 0 0 0;
    float: right;
  }
  
  #message button:hover {background-position: 0 -26px;}

p a,
h4 a {
  color: #6385a1;
  border-bottom: 1px solid #d7e1e9;
}

p a:hover,
h4 a:hover {
  color: #80a1bb;
  border-bottom: 1px solid #fff;
}


/**************************** rating Section Starts **************************/

/*  styles for the unit rater     */
.ratingblock {
	display:block;
	/* border-bottom:1px solid #999; */
	/* padding-bottom:8px; */
	/* margin-bottom:8px; */
	}

.loading {
	height: 30px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

/**************************** rating Section ends **************************/

/**************************** journal.start **************************/
.alt {
	background-color: #FFFFFF;
	border-bottom: 1px dotted #ddd;
	margin-top: 5px;
	padding: 15px;
	}
	
.rating {
	float:right
}

.simplesearch {
  	font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
  	line-height: 12px;
  	font-size:12px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;

}
.attach {
height: 24px;
background: #F0EEDF;
padding-left: 6px;
line-height: 24px;
border: 1px solid #E6E6E6;
margin-top: 14px;
}

.linkcomment {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  color: #6385a1;
}

a.linkcomment {
  color: #6385a1;
  border-bottom: 1px solid #d7e1e9;
}

a.linkcomment:hover {
  color: #80a1bb;
  border-bottom: 1px solid #fff;
}

a.nav2:link {color: #94A226; text-decoration: none; }
a.nav2:visited {color: #94A226; text-decoration: none; }
a.nav2:hover {color: #94A226; text-decoration: underline; }
a.nav2:active {color: #94A226; }

TR.box {
	  font-family: Lucida Grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

.comment {
height: 100%;
background: #E4ECF6;
/*background: #E8EBE0;*/
padding-left: 6px;
line-height: 24px;
border: 1px solid #E6E6E6;
margin-top: 14px;
}

.commentxt {
height: 100%;
background: #F3F7FB;
/*background: #F3F5E9;*/
padding: 6px;
line-height: 16px;
border: 1px solid #E6E6E6;
margin-top: 2px;
}

.code_exemple {
height: 100%;
background: #F3F5E9;
padding: 6px;
line-height: 24px;
font-weight:bold;
border: 1px dotted #E6E6E6;
margin-top: 10px;
margin-bottom: 10px;
}

.spaceretweet {
	float:right
}
/**************************** journal.end **************************/