/*  
Css Theme Name: animalsfriends2010
Theme URI:  http://www.animalsfriends.com/
Description: theme as designed by Antonio Cistellini.
Version: 1.0

	animalsfriends2010
	 http://www.animalsfriends.com/
	 
	This theme was designed by Antonio Cistellini,
	of MBsolutions

*/
/************ Browser Reset *************************/
/* tolgo il bordo delle immagini e dei campi form */
fieldset, img, textarea{border:none;}
/* resetto i bordi e il padding */
/* * {margin:0;padding:0;} */
/* normalizzo i padding e i margin del paragrafo e di altri tag */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, p, ol, ul, li, pre, form, fieldset, input, textarea, th, td {margin:0; padding:0;}
/* resetto le liste */
ol, ul {list-style:none;}
/* Normalizzo gli stili dei font */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
/* Normalizzo il font-size degli headers */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/* tolgo il bordo puntinato di default dei links attivi */
a {outline-style: none;}
/* inserisco il bordo puntinato personalizzato dei links attivi */
/*a:active, a:focus{
   border: 1px #cccccc dotted;
}*/


/************************/
/*      STRUCTURE       */
/************************/

html {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1;
	color:#0A0A0A; 
	height:100%;
	text-align:center;
}

body {
	/* padding-top:20px; */
	margin: 0 auto;
	width:100%;
	background-color:#FFF;
	}

div#container{}
div#main-content{
	position:relative;
	margin-left:30px;
	/* float:left; */
	/* width:700px; */
	/*background:#FFF3D9;*/
	/* border-top:5px solid #ECDEC3; */
	}	

div#logo-head{
 	position:absolute;
	left:0;
	top:0;
}

#site-title a { 
    /* display:block;	
    position:absolute;
    top:0px;
    left:0;
    width:284px;
	height:220px; */
	/*text-indent:-9000px;
	background:#fff url("../img/logo_dark.gif") top no-repeat;*/
	font-size:3em;
	color:#000;
}

/*
#site-title a:hover {
    background-position:top;
}
*/

#site-description {
	position:absolute;	
    left:-10px;
	top:55px;
	width:280px;
	font-size:1em;
}


#header-content{
	height:100px;	
	/* width:100%; */
	/*background:transparent url("../img/bg_head.gif") repeat-x;*/
	/* border:1px solid #fff;
	border-bottom:0;
	border-top:0; */
	/* background-color:#FFF; */
}

div#header-content span {text-indent:-9999px;}

div#wrapper{
	position:relative;
}

/*div#testi{
 	height:100% !important;
	height:1%;
	text-align:left;
	background: transparent url("../img/bg_content.gif") top repeat-x;
	padding:20px 0 0 0; 
}*/

div#wrapper_content{

	margin:0;
	margin-top:20px;
	border-top:1px solid #ccc;
	/*background: transparent url("../img/bg_content.gif") top repeat-x;*/

}

div#testi, div#testi-parag2{
	width:880px;
	text-align:left;
	padding-top:20px;
	margin:0 auto;
	/* border:1px solid #ccc; */
}

div#col_menu{
	float:left;
	width:275px;
	min-height: 579px;
	height: auto !important;
	height: 589px;
	/*background:transparent url("../img/violoncello_v.png") no-repeat;*/
	margin:0;
	/* border:1px solid #000; */
}

div#col_content{
	/*float:right;*/
	width:500px;
	margin:0;	
	/* background: transparent url("../img/bg_content.gif") top repeat-x; */
	/* border:1px solid #000; */
}

div.img_centrata{
	text-align:center;
	margin-bottom:24px;
	/* background-color:#E3E3E3;
	border:1px solid #ccc; */
}

div.img_centrata img{
	padding:14px;
	background-color:#E3E3E3;
	border:1px solid #ccc;
}

div#map {
	margin-bottom:24px;
	border:14px solid #E3E3E3;
}

div.innertube{margin: 0; /*Margins for inner DIV inside column (to provide padding)*/}


div#brand{
	/* position:relative; */
	height:365px;
	width:100%;
	text-align:left;
	background:#B72322 url("../img/bg_brand2.png") top repeat-x;
}
div#brand_center{
	padding-top:32px;
	width:880px;
	margin:0 auto;
	height:300px;
}

div#brand p{
	font-family: Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

}

div#banner{
	/*position:absolute;
	top:32px;*/
	float:left;	
	height:286px;
	width:407px;
	background-color:#000;
	margin-right:50px;
	/* outline:1px solid #fff; */ /* bordo esterno ai bordi */
}

div#banner_testo{
	/*position:absolute;
	top:32px;
	left:507px;*/
	float:left;	
	color:#fff;
	width:407px;
	height:286px;
}

div#banner_testo h4{color:#fff}

/*div#breadcrumb {
	text-align:left;
	height:20px;
	font-size:0.9em;
	letter-spacing:0.8pt;
	padding:7px 20px 0 20px;
	background:transparent url("../img/bg_breadcrumb.gif") top repeat-x;
	color:#8E0707;
}*/

div#language{
	 position:absolute;
	/* float:right; */
	top:11px;
	right:20px; 
}



/*----------*/
/*	 MENU   */
/*----------*/

div#menu-posit{
 	/* position:absolute;
	top:185px;
	left:0; */
	height:35px;
	width:100%;
	text-align:left;
	font-size:1.2em;
	letter-spacing:1pt;
	font-weight:normal;
	background-color:#0A0A0A;
}


div#menu-posit span {
	display:none;
	text-indent:-9999px;
	}

/*-----------*/
/*	 LINKS   */
/*-----------*/

a:link, a:visited{
	text-decoration:none;
	color:#B72322;
}

a:hover{
	text-decoration:underline;
	color:#EF0606;
}	



div#brand_menu ul{
	list-style-type: none;
	list-style-position:inside;
	padding:0;
	margin:0;
}

div#brand_menu li {
	/* list-style-image: url("../img/dot_list.gif"); */
	margin-top:18px;
	font-size:0.9em;
	letter-spacing:1pt;
	padding-left:18px;
}

div#brand_menu a:link , div#brand_menu a:visited{
	color:#fff;
}

div#brand_menu a:hover{
	text-decoration:none;
	color:#F92117;
}

/*---------*/
/* COLORS  */
/*---------*/
.red{color:#FF0000}

/*---------*/
/*	 list  */
/*---------*/

div.list_std ul, div#col_1 ul, div#col_2 ul, div#col_3 ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0px;
	margin-bottom:24px;
}

div.list_std li, div#col_1 li, div#col_2 li, div#col_3 li{
	font-size:1em;
	letter-spacing:1pt;
	background-image:url("../img/dot_list.gif");
	background-repeat:no-repeat;
	background-position:0px 4px;
	margin-top:1px;
	padding-left:16px; 
}

div#col_1 li, div#col_2 li, div#col_3 li {
	background-image:url("../img/dot2_list_white.gif");
}

div#col_menu ul {
	padding:0 13px;
}

div#col_menu img{
	margin:12px 0;
}

div#col_menu li {
	margin-top:2px;
	font-size:1em;
	letter-spacing:0.3pt;
}

div.strumenti ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0px;
	margin-bottom:24px;
}

div.strumenti li{
	font-size:1em;
	letter-spacing:1pt;
	margin-top:6px;
	padding-left:16px; 
}

div.strumenti li strong{
	color:#8E0707;
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin-bottom: 10px;
	font-size:1.4em;
	letter-spacing:0.4pt;
	font-weight:bold;
	padding-right:6px;
}

/*------------*/
/*	Paragrafi */
/*------------*/

div.separatore{
	text-align:center;
	margin-bottom:24px;
}

p {
	/* font-size:1em; */
	word-spacing: 0.25em;
	letter-spacing: 0;
	line-height: 1.4em;
	margin-bottom:26px;
	/* text-indent:6px; */
	text-align:justify;
}

p.title{
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 4px;
}

p.tagline{
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:1em;
	letter-spacing:2pt;
	margin:0px;
	text-indent:18px;
	padding:0 0 24px 0;
	color:#542E09;

}

blockquote {
	width:400px;
	font-size:1.1em;
	word-spacing: 0.25em;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	border:1px solid #8A8675;
	padding: 30px 20px 10px 20px;
	margin:10px auto 18px auto;
	background:#E9DBB3 url("../img/linee_white.gif") no-repeat 150px 8px;

}

p.cite{
	text-align:right;
	font-style:italic;
	padding:0;
	padding-right:20px;
	margin:0;

}

/*------*/

/*	Box */

/*------*/

div#boxes{
	/* position:relative; */
	width:100%;
	text-align:center;
	/* background:#54110D url("../img/bg_boxes.gif") top repeat-x; */
	background:#7D1212 url("../img/violoncello.png") bottom right no-repeat;

}

div#boxes_inn{
	width:865px;
	margin:0 auto;
	/* border:1px solid #F92117; */

}

div#boxes h3, div#boxes a {color:#FFF3D9}

div.box{
	width:600px;
	height:116px;
	/*
font-size:1em;
 	word-spacing: 0.1em;
*/
/*	letter-spacing: 0.05em;
	line-height: 1.6em; */
	/*
padding:10px;
*/
	margin:0 auto 24px auto;	
	border:1px solid #8A8675;
	/*background:#E5D9BE url("../img/violoncello.png") bottom no-repeat;*/
	background-color:#E5D9BE;
}


div.box_img{
	float:left;
	/*
width:407px;
	height:286px;
*/
	margin:6px 20px 0 10px;
}

div.box_txt{
	margin: 20px 10px 10px 0;
}

/*------------*/
/*	Box col 3 */
/*------------*/



#col_1, #col_2, #col_3{
	width:230px;
	float:left;
	text-align:left;
	padding:10px;
	/* border:1px solid #000; */
}

#col_1{
	margin-right:55px;
}

#col_2{
	/* height:400px; */
	margin-right:55px;
}

#col_3{

	/* height:400px; */
}

/*-----------------*/
/*	H1,H2,H3,H4,H5 */
/*-----------------*/

h1{
	font-size:1.5em;
	margin-bottom:24px;
}

h2,h3,h4,h5 {
	color:#212121;
	text-indent:12px;
}

h2{
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	font-size: 2.1em;
	font-weight:normal;
	margin-bottom: 24px;
} 



h3{
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 20px;
}



h4{	
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin-bottom: 10px;
	font-size:1.2em;
	letter-spacing:0.5pt;	
}

h5{
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin-bottom: 10px;
	font-size:1em;
	letter-spacing:0.4pt;
}

/*---------*/
/*	TABLE  */
/*---------*/

table {
	width:100%;
	margin-bottom:24px;
}

table th {
	text-align:center;
	font-size:1.2em;	
	background:#7D1212;
	color:#fff;
	padding:4px;
}

table th a:link, table th a:visited {
	color:#D85E5D;
}

table th a:hover {
	color:#FCB8B8;
}

caption{display:none;}



div#alfabeto{
	text-align:center;
	font-size:1.2em;
	margin-bottom:24px;

}

/*------------------*/
/*       FORM		*/
/*------------------*/



form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}



form.cmxform legend {
	padding: 0 4px;
	font-size:1.3em;
	font-weight: bold;
	color:#CC6666;
}



form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #333;
	width: 70px; /* Width of labels */
	}



form.cmxform li{
	padding-left:30px;
}

form.cmxform fieldset {
	padding: 20px 0;
	border: none;
	border-top: 1px solid #8A8675;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #FFF;
}



input, textarea {border: 1px solid #8A8675;}

input:focus { border: 1px dotted black;}

form.cmxform input#Submit {
	width:50%;
	margin-top:10px;
	}	

/*------------*/
/*	FONT SIZE */
/*------------*/
.small_font{font-size:0.9em;}
.clear{clear:both;}
.float_left{float:left;}
/*--------------*/
/*	MISC e FIX  */
/*--------------*/
strong{
	font-weight:bold;
}
/*============== Img fix IEpng =======================*/

.imgpng { 
	/* non validato con css2.1 Sostituire appena possibile */
/* 	behavior: url('../iepngfix.htc');
	padding-right: 8px;
	margin-right: 8px; */
	}

/*============== ABSMIDDLE fix =======================*/

.absmid img {
	vertical-align: middle;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	}

.galleria{
	list-style:none;
	width:600px;
}

.galleria li{
	display:block;
	width:84px;
/*
	height:100px;
*/
	overflow:hidden;
	float:left;
	text-align:center;
	border:1px solid #4E0902;
	background-color:#E3E3E3;
	padding-top:7px;
	padding-bottom:7px;
	margin:0 20px 10px 0;
}	

/*----------*/
/*	FOOTER  */
/*----------*/

div#footer{
	position:relative;
	width:100%;
	height:90px;
	border-top:1px solid #ccc;
	color:#000;	
	/* font-size:1em; */
	text-align:left;
	/*background:transparent url("../img/bg_content.gif") top repeat-x;*/

}

div#footer h5 a{
	display:block;
	width:62px;
	height:75px;
	text-indent:-9999px;
	}

div#footer h5{
	position:absolute;
	right:20px;
	top:0px;
	width:62px;
	height:75px;
	background:transparent url("../img/logo_foot.png") no-repeat;
	}

div#footer p{
	position:absolute;
	left:20px;
	top:10px;
	font-size:0.8em;
	margin:0;
	}
/*--------------------
	HIDE  
---------------------*/

div#header-content img, #menu-posit, #brand, #breadcrumb, #col_menu, #boxes, #language, div#footer h5 {display:none}

/*-------------------*/