/*
Theme Name: Elfostudio
Theme URI: http://wordpress.org/
Description: Elfo.
Version: 1.6
Author: Luca Biagini
Author URI: http://lucabiagini.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #ffffff url(images/main.jpg) 0 227px no-repeat; color: #1a171b; font: 62.5% arial, helvetica, sans serif; text-align: justify; }
body#story { background: #9ab5bc url(images/main.jpg) 0 227px no-repeat; }
body#popup { background: #fff url(images/logo_semitras.gif) right 300px fixed no-repeat; padding: 10px; font-size: 1em; }
a { outline: none; }
#colSx p a img { background: red; padding: 0;  }
h1,h2,h3,h4,h5,h6,p { position: relative; }
#colSx strong, body#popup strong { background: #f2e795; padding: 2px; font-weight: normal; }
#colSx h1 a { display: block; width: 217px; height: 110px; margin: 0 0 55px 12px; text-indent: -9999px; background: transparent; }
#colSx h1 a:hover { background: transparent; }
#colSx p { padding: 10px 20px 10px 0; line-height: 150%; }
#colSx a { color: #8d1a1d; text-decoration: underline; } #colSx a:hover { background: #8d1a1d; color: #fff; text-decoration: none; }
#colSx #colSx_content p a img { background: #fff; padding: 0; color: #fff; display: block; }
#colSx #colSx_content p img { padding: 0; }
#colSx #colSx_content img {  }
#colSx p img { background: none; padding: 0; color: #fff; }
#colSx td a { background: transparent; color: #333; border: 0; }
#colSx td a:hover { color: #333; }
#colSx table tr.hide { display: none; }
#colSx table { width: 95%; font-family: arial, helvetica, sans serif;}
#colSx p.credits { color: #999; border-top: 1px dotted #999; font-size: .9em; width: 305px; margin-top: 30px; }
#colSx p.credits a { color: #999; background: none; text-decoration: underline; }
#colSx p.credits a:hover { background: #999; color: #fff; text-decoration: none; }
#colSx h2 { position: relative; padding-bottom: 10px; color: #a52a23; font-size: 1.7em; }
#colSx { background: #fff url(images/main.jpg) 0 207px no-repeat; margin: 20px 0 0 3%; width: 35%; height: 600px; float: left; }
body#story #colSx { border: 1px solid red; background: #9ab5bc url(images/main.jpg) 0 207px no-repeat; height: 300px; }
#colSx_content { font-size: 1.3em; width: 344px; background: url(images/top_left.jpg) no-repeat; float: right; padding-top: 215px; }
body#story #colSx_content { background: url(images/top_left_story.jpg) no-repeat; }
#popup p { padding: 10px 0; font-size: .8em; }
#popup ul { clear: both; margin: 10px 10px 10px 15px; list-style: square; font-size: .8em; }
#popup ul li { padding: 2px; border-bottom: 1px solid #ffd7d7; }
#popup li a { color: #ed935a; text-decoration: none; }
#popup li a:hover { background: #ed935a; color: #fff; }
#popup img { float: left; margin: 0 10px 30px 0; }
#popup h2 { clear: both; position: relative; padding-bottom: 10px; color: #a52a23; font-size: 1.5em;}


#colDx { margin-top: 12px; width: 50%; background: #fff; float: left; }
body#story #colDx { background: #94b5bc; }
#colDx_content { width: 600px; background: url(images/top_right.jpg) no-repeat; padding-top: 10px; }
body#story #colDx_content { background: url(images/top_right_story.jpg) no-repeat; }

#first_img, #second_img { margin-left: 186px; list-style: none; }
#nav { width: 180px; height: 229px; text-align: right; list-style: none; margin-top: 80px; float: left; background: url(images/nav.gif) top right no-repeat; }
#nav ul, #nav li { margin: 0; padding: 0; }
#nav li a { display: block; text-indent: -9999px; height: 29px; width: 126px; margin: 0 0 10px 54px; padding: 0; } 
#nav span { display: none; }
#panel h3, #big h3, #colSx h2, #popup h2 { font-family: Palatino, Georgia, "Times New Roman", serif; }

#panel { float: left; width: 300px; padding-right: 115px; background: url(images/panel_pattern.gif); font-size: 1.3em; }
body#story #panel { background: url(images/panel_pattern_story.gif); }
#panel h3 { text-indent: -9999px; height: 110px; display: block; background: url(images/panel_head.gif) no-repeat; color: #6f6459; font-size: 1.6em; }
body#story #panel h3 {  background: url(images/panel_head_story.gif) no-repeat; }
#panel p { color: #332924; padding: 0 27px 10px 20px; }
#panel a { padding: 2px; background: #535187; color: #fff; text-decoration: none; } #panel a:hover { background: #ed935a; }
#panel strong { color: #900; }
#panel_footer { width: 300px; height:  30px; background: url(images/panel_foot.gif); }
#panel ul { margin: 0 0 20px 30px; }
#panel li { padding: 5px 0; }

#medium_right { clear: both; width: 562px; padding-bottom: 32px; margin-left: -4px; background: url(images/medium_right.jpg) no-repeat; }
#second_img { padding: 15px 0 0 6px; }  

#big { clear: both; position: absolute; right: 0; margin-top: -1px; width: 50%; padding-left: 10%; background: #1a171b url(images/corner.gif) no-repeat; font-size: 1.3em; color: #fff; }
#big h3 { font-size: 1.4em; margin-bottom: 20px; color: #ccc; }
#big ul { list-style: square; margin-left: 15px; }
#big li { padding: 2px 0; border-bottom: 1px dotted #dbc6b0; }
#big li a { color: #fff; text-decoration: none; } #big li a:hover { color: #f2e795; }
#big_content { background: url(images/corner2.gif) bottom left no-repeat; width: 500px; height: 100%; padding-bottom:30px; float: left; margin: 20px 0 0 -20%;}
#serv { float: left; width: 160px; margin: 0 100px 0 20px; }
#rec { width: 180px; float: left; }

h3.trigger { cursor: pointer; font-size: 1.1em; color: #535187; padding-bottom: 10px; }
.slider ul{ list-style: square; padding-bottom: 10px; }
.slider li { border-bottom: 1px dotted #ccc; padding: 3px 0; }
ul.services { margin-left: 15px; list-style: square; width: 310px; }
#colSx ul.services strong { background: none; font-weight: bold; color: #ed935a; }
ul.services li { padding: 10px 0; }
ul.prices li { padding: 2px 0; }
p.date { color: #ed935a; }

#map { width: 323px; height: 450px; margin: 20px 0; }
#map a { background: none; }

form { margin-top: 30px; }
label { display: block; width: 130px; float: left; text-align: right; margin-right: 20px; font-size: 1em }
input, select, textarea { width: 173px; display: block; margin-bottom: 20px; border: 1px solid #c2ced5; padding: 2px; font: .9em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;}
textarea { height: 200px; overflow: auto; }
input.submitBtn { background: #848688; width: 100px; display: block; clear: both; margin-left: 150px; color: #fff; border: 0}
input.ckbx { width: auto; border: 0; float: left; clear: right;}
.fonici { float: none; clear: both; }
#colSx .fon_row a, #colSx .extra a, #colSx a.red { background: none; color: #900; }
#colSx .fon_row a:hover, #colSx .extra a:hover, #colSx a:hover.red { background: none; color: #900; text-decoration: underline; }
p a img { text-decoration: none; background-color: none; padding: 0; }
.fon_row input { width: auto; }
.fon_row { padding-bottom: 10px; }
.fon_rd { width: 30px; height: 40px; float: left; display: block; }
.fon_lab { float: left; clear: right; width: 133px;  }
.uno { margin-left: 75px; clear: left;}
.due { margin-left: 150px; clear: left;}
input.sparisci { border: 0; }
.extra { display: block; clear: both; }

.LV_invalid { background: #535187; color: #fff; clear: both; display: block; margin: -10px 0 20px 0; width: 320px; padding: 3px; }
.LV_valid { display: none; }

#story_content { clear: both; float: left; width: 400px; margin: 20px 0 0 13%; }