/*

	-----------------------------------------
	project: Lawyer Marketing (free template)
	author:  Luka Cvrk
	=========================================
	Solucija (www.solucija.com)
	-----------------------------------------
	
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-weight: normal; color: #000; font-size:1em;}a img{border:0} 
body { font: .88em Arial, Sans-Serif; background: #fff; color: #444;}

a { text-decoration: none; color: #2D648A; }
a:hover, a:focus { color: #000; }
p  { margin: 0 0 15px; line-height: 1.5em; }
.x { clear: both; }
.line { clear: both; padding: 15px 0 0; border-bottom: 1px solid #ddd; margin: 0 0 35px; }
.error {color:#ff0000;}


/* headings */
h1 { font-size: 2em; font-weight: bolder; letter-spacing: -2px; margin: 0 0 14px; line-height: 1.3em; color: #777; }
h1 span { font-size: 1.84em; color: #B00000; }
h2 { font-size: 1.1em; margin: 0 0 10px; padding: 3px 0 5px; } 
h3 { font-size: 1.4em; padding: 0 0 7px; color:#777}
h4 { font-size: 1.1em; margin: 0 0 10px; padding: 3px 0 5px; } 
h5 { margin: 0 0 10px; font-size: 1.1em; color: #2D648A}

strong {color:#000;}

#content { margin: 0 auto; width: 930px; }

/* main menu */
#menu { margin: 0 0 70px; }
#menu li  { display: inline; }
#menu li a { float: left; text-transform: uppercase; font-size: .82em; color: #000; font-weight: bold; margin: 0 25px 0 0; }
#menu li a:hover, #menu li.sel a { color: #2D648A; }
#menu li a img {vertical-align:top; margin-right:2px; height:12px; width: 12px;}
#menu li ul {margin-top: 20px; padding: 0; position: absolute; display:none;border-top: 1px solid #ddd;}
#menu li ul.open {display:block;}
#menu li ul li {display: block; height:16px; width:240px;padding-top:4px;}
#menu li ul li.large {width: 290px;}


#pitch { border-bottom: 1px solid #ddd; margin: 0 0 20px; padding: 20px 480px 15px 0; background: url(../images/global.jpg) no-repeat right bottom; position:relative;}
#pitch h2 { font-size: 1.04em; line-height: 1.6em; margin:0;}

#top {position:relative;height: 120px; margin:0; padding-top:10px;}
#top img.logo {position:absolute; top:0; left:0;}
#top #menu {margin:0 0 0 400px;}

/* columns */
.col { float: left; width: 420px; margin: 0 35px 20px 0; }
.col h3 { border-left: 4px solid #ff0000; padding: 0 0 5px 12px; height: 48px; color:#000;}
.col a { font-weight: bold; }
.col h3 a {color: inherit; font-weight: normal;}
.col h3 small a {color: #2D648A; font-weight: normal;}
.col p { margin: 0 0 10px; }
.ft { border-left: 1px solid #ddd; padding: 8px 0 0 15px;}
.last { margin-right: 0; }

.col2 h3 {height:auto;}
.col2 .ft p {margin-bottom: 10px;}

.col h3 small em {color: #ff0000;font-weight: bold; padding: 2px; font-style: normal;}

div.badgeholder {height:18px; position:relative;}
span.badge {position:absolute; bottom:0; left: 455px; color: #fff; background-color: #ff0000; font-weight: bold; display: block; width: 80px; text-align: center; height:14px; font-weight: bold;padding:2px;}
span.badge2 {position:absolute; bottom:0; left: 0; color: #fff; background-color: #ff0000; font-weight: bold; display: block; width: 80px; text-align: center; height:14px; font-weight: bold;padding:2px;}
/* news */
.date { float: left; font-size: .8em; width: 25px; padding: 5px 0 0; margin: 0 0 3px; color: #999; }
.date span { font-size: 1.5em; }
.news { float: right; width: 250px; }
.col h4 { padding: 0 0 0 35px; }

/* section line */
.section { clear: both; border-top: 1px solid #ddd; margin: 0 0 24px; }
.section p { position: relative; margin: -10px 0 0 27px; padding: 0 8px; font-size: 1em; background: #fff; float: left; text-transform: uppercase; color: #777;} 

/* directory */
#slider { float: left; width: 18px; height: 249px; border: 1px solid #ddd; background: url(../images/slider.png) no-repeat center; }
#slider:hover { background-color: #f4f4f4; }
#directory { float: right; width: 920px; }
.fourth { float: left; width: 146px; padding: 8px 8px 8px 62px; height: 90px; margin: 0 14px 18px 0; border: 1px solid #ddd; font-size: .84em; }
.fourth p { margin: 0; }
.fourth.last { margin: 0; }

.fourth.anteprima {background:url(../images/anteprima.png) 6px 4px no-repeat;}
.fourth.accreditamento {background:url(../images/accreditamento.png) 6px 4px no-repeat;}
.fourth.iscriviti {background:url(../images/iscriviti.png) 6px 4px no-repeat;}
.fourth.informazioni {background:url(../images/informazioni.png) 6px 4px no-repeat;}


/* form */
label { display: block; font-size: .8em; color: #999; text-transform: uppercase;}
input.txt { padding: 4px; border: 1px solid #ccc; font-size: 1.2em; width: 300px;}
textarea { padding: 4px; border: 1px solid #ccc; width: 300px; height:80px; font-size: 1.2em;}
form {line-height: 1.4em;}		
/* footer */
#footer { clear: both; font-size: .9em; padding: 12px 0 18px; border-top: 1px solid #ddd; }
#footer a { margin: 0 15px 0 0; border-bottom: 1px dotted #ccc; }
#links { float: right; }


.par {margin:10px 40px 40px 10px; color:#000;}

/* cupid blue (inspired by okcupid.com)
*******************************************************************************/
a.button, button {
  background: #d7e5f5;
  background: -moz-linear-gradient(top, #d7e5f5 0%, #cbe0f5 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7e5f5), to(#cbe0f5));
  border-top: 1px solid #abbbcc;
  border-left: 1px solid #a7b6c7;
  border-bottom: 1px solid #a1afbf;
  border-right: 1px solid #a7b6c7;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  color: #1a3e66;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  padding: 6px 0 7px 0;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  display:inline-block;
  width: 100px;
}

button {width:140px;}

a.large, button.large {width:380px;}

a.button img, button img {vertical-align: middle; margin:0 4px;}

a.button:hover, button:hover {
  background: #ccd9e8;
  background: -moz-linear-gradient(top, #ccd9e8 0%, #c1d4e8 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccd9e8), to(#c1d4e8));
  border-top: 1px solid #a1afbf;
  border-left: 1px solid #9caaba;
  border-bottom: 1px solid #96a3b3;
  border-right: 1px solid #9caaba;
  -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
  box-shadow: inset 0 1px 0 0 #f2f2f2;
  color: #163659;
  cursor: pointer;
}

a.button:active, button:active {
  border: 1px solid #8c98a7;
  -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
  -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
  box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eee;
}

ol.docenti {list-style-type: none; margin-left: 10px;}
ol.docenti li {float: left; width: 262px; padding: 8px; height: 60px; margin: 0 10px 12px 0; border: 1px solid #ddd;}
ol.docenti li h5 {margin:0;}

div.moduli {margin-left: 10px;}
div.modulo {float: left; width: 262px; padding: 8px; height: 130px; margin: 0 10px 12px 0; border: 1px solid #ddd;}
div.high div.modulo {width: 400px; height: 320px;}
div.modulo ul {list-style-type: square; margin:4px;}
div.modulo li {list-style-position: outside; margin-left: 20px; text-transform: capitalize;}
div.modulo h5 {margin:0;}
div.modulo h6 {font-weight: bold; color: #000; margin: 3px 0;}

ul.screenshot {list-style-type: none; margin-left: 10px;}
ul.screenshot li {float: left; width: 180px; padding: 8px; height: 120px; margin: 0 10px 12px 0;}
ul.screenshot li img {-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);}

.col ul, ul.list {list-style-type: square;}
.col ul li, ul.list li {list-style-position: outside; margin-left: 20px; margin-bottom:6px;}

ol.privacy {list-style-type: lower-latin;}
ol.privacy li {list-style-position: outside; margin-left: 20px; margin-bottom:6px;}