/* ==========================================================================
   Base        background-color: #4085ff;
   ========================================================================== */

html, body {
        margin: 0;
	font-family: Verdana;
	color: #333333;
        font-size: 13px;
        background-image: url(http://www.coccodimamma.it/img/bkg_pag_top.png), url(http://www.coccodimamma.it/img/bkg_pag_bottom_1.png);
        background-position: left top, left bottom;
        background-repeat: repeat-x, repeat-x;
}

@font-face {
	font-family: 'KOMIKAHB';
	src: url('http://www.coccodimamma.it/font/KOMIKAHB.eot');
	src: local('KOMIKAHB'), url('http://www.coccodimamma.it/font/KOMIKAHB.woff') format('woff'), url('http://www.coccodimamma.it/font/KOMIKAHB.ttf') format('truetype');
}


h1 {
        font-family: KOMIKAHB;
	font-size: 21px;
	color: #E88015;
        font-weight: 500;
}

h2 {
        font-family: KOMIKAHB;
	font-size: 16px;
        font-weight: 300;
}

h3 {
        font-family: KOMIKAHB;
	font-size: 16px;
	color: #E88015;
        font-weight: 500;
}

h4 {
        font-family: KOMIKAHB;
	font-size: 21px;
	color: #ff0000;
        font-weight: 500;
}

        a:link {
        text-decoration: none;
	color: #ff0000;
}

	a:visited {
	text-decoration: none;
	color: #ff0000;
}

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

/* ==========================================================================
   Corpo
   ========================================================================== */
#10 {

        font-size: 10px;
}

#wrapper {

        width: 1000px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
}

#wrapper_1 {

        width: 1000px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
}

#content {

        width: 970px;
        height: 1050px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        text-align: ;
background-color: #ffffff;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

#content_1 {

        width: 970px;
        height: 1400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        text-align: justify;
background-color: #ffffff;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}


#content_img {

        width: 650px;
        padding-right: 10px;
        float: left;
}


#content_dx {

        width: 300px;
        float: left;
        padding-top: 15px;
        font-size: 13px;
}

#pe {

   width: 290px;
   min-height: 150px;
   float: left;
   border: 1px solid #005F52;
   border-radius: 5px;
   padding: 5px;
   padding-top: 30px;
   text-align: center;
   background-image: url(http://www.coccodimamma.it/img/bkg_pe.png);
}

#is {
   
   font-family: Times;
   text-align: center;
   width: 300px;
   height: 190px;
   font-size: 13px;
   float: left;
   margin-top: -10px;
   margin-left: 20px;
   margin-bottom: 20px;
}

#cit {
   
   font-family: Times;
   text-align: center;
   width: 300px;
   height: 70px;
   font-size: 13px;
   float: left;
   margin-left: 10px;
   margin-bottom: 10px;
}

#divisore {

   border-bottom: 2px solid #005F52;
   width: 650px;
   color: #005F52;
}

#home {

   text-align: center;
   font-size: 13px;
}

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

#header {

        width: 1000px;  
        height: 340px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffffff;
        background-image: url(http://www.coccodimamma.it/img/bkg_header.png);
        float: center;
        text-align: center;
-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

#sub_header {

        width: 740px;
        height: 135px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-left: 135px;
        float: center;
        text-align: center;
}

#header_bottom {

        width: 1000px;
        height: 35px;
        float: left;
        text-align: center;
        line-height: 35px;
        font-family: KOMIKAHB;
        font-size: 20px;
        font-weight: 100;
        color: #ffffff;
        background-image: url(http://www.coccodimamma.it/img/bkg_header_bottom.png);
        background-repeat: repeat-x;
}

#logo {

       width: 1000px;
       height: 147px;
       padding-top: 5px;
       text-align: center;
       float: center;
}

#silde{

       width: 1000px;
       height: 250px;
       float: center;
-moz-box-shadow: 0px 2px 5px #000000;
-webkit-box-shadow: 0px 2px 5px #000000;
box-shadow: 0px 2px 5px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

#button {

       min-width: 136px;
       min-height: 90px;
       margin-left: 5px;
       margin-right: 5px;
       float: left;
       background-image: url(http://www.coccodimamma.it/img/button.png);
       background-repeat: no-repeat;
}

#button_1 {

       min-width: 136px;
       min-height: 90px;
       margin-left: 5px;
       margin-right: 5px;
       margin-top: 30px;
       float: left;
       background-image: url(http://www.coccodimamma.it/img/button.png);
       background-repeat: no-repeat;
}

#text_button {

       min-width: 136px;
       min-height: 90px;
       line-height: 50px;
       float: center;
       text-align: center;
}

        #text_button a:link {
        text-decoration: none;
	color: #E88015;
}

	#text_button a:visited {
	text-decoration: none;
	color: #E88015;
}

        #text_button a:hover {
	text-decoration: none;
	color: #0884C2;
}

#button_txt {

   width: 1000px;
   height: 60px;
   float: left;
   margin-bottom: 20px;
   border-bottom: 5px solid #429102;
   background-color: #ffffff;
}

#text_button_txt {

   margin-left: 13px;
   margin-right: 13px;
   margin-top: 17px;
   float: left;
}

        #text_button_txt a:link {
        text-decoration: none;
	color: #E88015;
}

	#text_button_txt a:visited {
	text-decoration: none;
	color: #E88015;
}

        #text_button_txt a:hover {
	text-decoration: none;
	color: #0884C2;
}

#txt_title {

       width: 650px;
       text-align: center;
       float: center;
}

#gallery {
   
   margin-bottom: 50px;
   min-height: 800px;
   text-align: center;
}

#form {
   
   height: 500px;
   background-color: #F7F7F7;
   border: 1px solid #005F52;
   border-radius: 5px;
   padding: 10px;
}

#form1 {
   
   background-color: #F7F7F7;
   border: 1px solid #005F52;
   border-radius: 5px;
   padding: 10px;
}

#maps {
   
   margin-bottom: 15px;
   background-color: #F7F7F7;
   border: 1px solid #005F52;
   border-radius: 5px;
}

#footer, .push {

    height: 180x;
    clear: both;
    color: #ffffff;
    text-align: center;
    font-size: 17px;
    font-family: Verdana;
    margin-top: 70px;
}

#sub_footer {
 
    padding-left: 150px;
    width: 850px;
    height: 135px;
}

#logo_footer {

    margin-top: 30px;
    margin-left: 20px;
    float: left;
}

#testo_footer {

    height: 135px;
    margin-left: 30px;
    margin-top: 20px;
    float: left;
}

.img_sx {

	padding: 5px;
  	border: 1px solid #429102;
        margin-bottom: 5px;
        margin-right: 20px;
        float: left;
        line-height: 5px;
}

.img_dx {

	padding: 5px;
  	border: 1px solid #429102;
        margin-bottom: 5px;
        margin-left: 20px;
        float: right;
        line-height: 5px;
}

.img_gallery {

	padding: 5px;
  	border: 1px solid #429102;
        margin-bottom: 20px;
        margin-right: 8px;
        margin-left: 8px;
        float: left;
        line-height: 5px;
}

/* Forms
   ========================================================================== */

/* corrects margin displayed oddly in IE6-7 */
form {
  margin: 0;
}

/* remove default fieldset styling across browsers */
fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

/* corrects text not wrapping in FF3, corrects alignment displayed oddly in IE7 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  /* improves appearance and consistency in IE7 */
  *vertical-align: middle;
}

/* colour placeholder text (Webkit and Mozilla only, so far) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

/* suppress red glow that Firefox adds to form fields by default, even when user is still typing
   add focus glow on form elements and kill phantom spacing and dotted border that appears in Firefox */
button:invalid,
a.button:invalid,
input:invalid,
input[type="button"]:invalid,
input[type="reset"]:invalid,
input[type="submit"]:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:focus,
a.button:focus,
input:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 7px #005F52;
  -moz-box-shadow: 0 0 7px #005F52;
  box-shadow: 0 0 7px #429102;
  /* Opera */
  z-index: 1;
}

  /* remove inner padding and search cancel button in webkit on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

textarea,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  width: 255px;
  height: 20px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #EEEEEE;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type="color"] {
  padding: 0;
  height: 2.0em;
}

[role="complementary"] input[type="search"] {
  margin-right: 2px;
  width: 66.666666666667%;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

textarea {
  min-height: 3em;
  /* removes default vertical scrollbar in IE7-9 */
  overflow: auto;
  /* improves readability and alignment in all browsers */
  vertical-align: top;
  resize: vertical;
  width: 91%;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

optgroup {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #333;
}

/* kill phantom spacing and dotted border that appears in Firefox */
optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* addresses box sizing set to content-box and excess padding in IE7-9 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 1em;
  *width: 1em;
}

/* make sure disable elements really are disabled */
button[disabled],
input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
span.disabled {
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #ffffff !important;
  background: #429102 !important;
  cursor: pointer !important;
  top: 0 !important;
}

.large input {
  width: 50%;
  min-width: 302px;
}

.large textarea {
  height: 156px;
}

.small input {
  width: 25%;
  min-width: 181px;
}

.small textarea {
  height: 5.5em;
}