/*

Theme Name: melanomaespana.es

Theme URI: http://www.melanomaespana.es/

Author: RdMedia SRL

Author URI: http://www.rdmedia.it/

Description: Tema sviluppato  per l'Associazione Melanoma Espana

Version: 1.0

*/



@import url(css/fonts/apex-new/style.css);



/*= HTML elements reset (selective) */



html,

body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

ol,

blockquote,

address,

dl,

dt,

dd,

pre,

form,

nav,

header,

footer,

figure,

figcaption {

  margin: 0;

  padding: 0;

  font-size: 100%;

  list-style: none;

}

input,

select,

textarea {

  font: 1em Georgia, serif;

  padding: 3px 30px 3px 3px;

  vertical-align: baseline;

}

*:focus {

  outline-style: none;

}



::-webkit-input-placeholder { /* Chrome/Safari */

    color: #000;

}



:-moz-placeholder { /* Firefox 18- */

    color: #000;

}



::-moz-placeholder {  /* Firefox 19+ */

    color: #000;

}



:-ms-input-placeholder { /* IE */

    color: #000;

}





/*= General elements */



html {

  background: #fff;

}

body {

 	font: 100%/1 'Merriweather Sans',sans-serif;

 	color: #000;

 	background: #fafafa;
 	line-height: 30px;

   	/* font-family: Cambria,Baskerville,Georgia,Garamond,serif;*/

   	background-size: 8px;

  	/*background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27white%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%276.375%206.375%2012%2012%27%20enable-background%3D%27new%206.375%206.375%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M7.082%2C18.375H6.375v-0.707L17.668%2C6.375h0.707v0.707L7.082%2C18.375z%20M18.375%2C18.375v-0.707l-0.707%2C0.707H18.375z%0A%20%20%20%20%20M7.082%2C6.375H6.375v0.707L7.082%2C6.375z%27/%3E%0A%3C/svg%3E");*/

}



p, .article li{

	line-height: 1.6;

}



/*= Links */



a:link {

	color: #c5513f;

	text-decoration: none;

}



a:hover {

	text-decoration: none;

	color: #fad133;
	text-shadow: 0 0 0 #666;
}



h1 a,

h1 a:hover,

h2 a,

h2 a:hover,

h3 a,

h3 a:hover,

h4 a,

h4 a:hover {

	color: #000;

	text-decoration: none;

}



/*= Headings */



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	color: #000;

}





/* GALLERY */



.nextgen_pro_thumbnail_grid .image-wrapper .ngg-trigger-buttons{



	display:none;

}

#displayed_gallery_1b2a2b757761dde06c12e20353e7e42e .image-wrapper {

    border: 1px solid #ccc;

    margin: 6px;

    padding: 5px;

}

#displayed_gallery_5101 .image_description {

    font-size: 14px;

    padding: 8px 0;

}

#displayed_gallery_5101 .caption_link, #displayed_gallery_5101 .caption_link:visited, #displayed_gallery_5101 .caption_link:hover {

    color: #333333;

    font-size: 18px;

    font-weight: 700;

}

/*= General styles */



.clearfix:after {

	content: '.';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	overflow: hidden;

}



.row {

	max-width: 1024px;

	margin: 0 auto;

	width: 90%;

}



.row.posts {

	max-width: auto;

	width: 100%;

	padding-bottom: 1em;

}



.row.posts .col {

	padding-bottom: 1em;	

}



.col {

	float: left;

	margin-right:25px

}



.row > .col:last-child {

	margin-right: 0;

}



.col-5 {

	width: 16%;

}



.col-4 {

	width: 23%;

}



.col-3 {

	width: 300px;

}

.col-0 {

	width: 300px;

	margin: 0 ;

}



.col-2 {

	width: 46%;

}



.col-2.issue {

	width: 65%;

	margin-right: 0;

}



.col.lecture {

	float: none;

	margin-right: 0;

}





.main-single {

	width: 73%;

	float: left;

}



.col.main-single{

	margin-right: 0;

}







.main {

	width: 100%;

	float: left;

	position: relative;

}



.sub {

  width: 29%;

  margin-left: 1%;

  padding: 15px 1%;

  float: left;

  min-height: 365px;

  border-radius: 10px;

  background: #fff;

 /* position: absolute;*/

  top:0;

  right:0;

  bottom:20px;

}

.sub *{

	font-size: 97%;

}

.single .sub {



}



.col.main {

	margin-right: 0;

}



.col.sub,

.col.right {

	margin-right: 0;

	float: right;

}

#singole-news{

 float: left;

    height: 135px;

    margin: 10px 0;

    width: 700px;

    overflow: hidden;



}



#box-news-1{

 	float: left;

    height: 121px;

    margin: 0 10px 0 0;

    width: 225px;



}

#box-news-1 img{

  border: 1px solid #ccc;

    margin: 3px 0 0;



} 

#box-news-2{

 	float: left;

    height: 121px;

    margin: 0;

    padding: 5px 10px 10px 0;

    width: 450px;

}



#box-news-2  a{

 border-bottom: 2px solid #ccc;

 font-size: 18px ;

 font-weight: 700;

 width: 450px;

  padding: 0 0 4px;

    color: #000;

    float: left;

    margin: 0 0 5px 0;

}

#box-news-2  a:hover{

 border-bottom: 2px solid #ccc;

 font-size: 18px ;

 font-weight: 700;

 width: 450px;

  padding: 0 0 4px;

  color: #990000;

    float: left;

      margin: 0 0 5px 0;

}



#box-news-2 p{

 font-size: 14px ;

 font-weight: 400;

 padding: 3px 0 0 0 ;

}



#singole-news  .featured-image {

    float: left;

    left: 0;

    margin: 6px 0;

    position: relative;

    top: 0;

}

 .post-content  .thumbnail {margin:0px 8px 8px 0;display: block;padding: 3px;background: #fff;border: #CECFC6 1px solid;}

.post-content .aligncenter {margin: 10px auto 20px auto;display: block;}

 .post-content  .alignleft {margin: 10px 20px 8px 0;float: left;}

 .post-content  .alignright {margin: 10px 0px 8px 20px;float: right;}



.parent-page h2{

 background: none repeat scroll 0 0 #fad133;

    color: #fff;

    font-size: 20px;

    font-weight: 700;

    margin: 0 ;

    padding: 10px;

	



}

.parent-page h3 {

	font-size: 14px;

	font-weight: 400;

	line-height: 2.4;

 	background: none repeat scroll 0 0 #c5513f;

    padding: 10px;

    border-bottom: 1px solid #fff;



}

.parent-page h3 a{

	font-size: 14px;

	font-weight: 400;

	line-height: 2.4;

	 color: #fff;

}

.parent-page h3 a:hover{

	font-size: 14px;

	font-weight: 400;

	line-height: 2.4;

	 color: #fad133;

}



.featured-image {

	width: 100%;

}



.featured-image img {

	display: block;

	max-width: 100%;

	height: auto;

}



.btn, .btn:hover,

a.btn, a.btn:hover {

	background: #da0000;

	color: #fff;

	padding: 1em;

	text-decoration: none;

	border: none;

	font: bold 1em Georgia, serif;

	display: inline-block;

}



.btn.full,

.btn.full:hover {

	display: block;

}



.btn span {

	font-size: 1.2em;

	font-style: italic;

	border-bottom: 2px solid #fff;

}



.btn.normal,

.btn.normal:hover {

	padding: 0.4em 1em;

}



.add {

	margin: 1em 0;

}



.add a.btn-add,

.add a.btn-add:hover {

	background: #da0000;

	color: #fff;

	text-align: center;

	padding: 0.5em 1em;

	display: block;

	font-weight: bold;

	text-decoration: none;

}



 ul.apostolati {

	margin:20px 0 0 0;

	padding: 0; 

	list-style: none;

	background: #fad133;

	line-height: 24px;

}

 ul.apostolati li  {

 background: none repeat scroll 0 0 #c5513f;

    padding: 10px;

    border-bottom: 1px solid #fff;

}

 ul.apostolati li:hover  {

 	background: none repeat scroll 0 0 #fad133;

    padding: 10px;

    border-bottom: 1px solid #fff;

}

 ul.apostolati li a {

	color: #fff; 

}

 ul.apostolati li.titolo {

  background: none repeat scroll 0 0 #fad133;

    color: #fff;

    text-align: center;

    font-size: 22px;

    font-weight: 400;

    font-variant: small-caps;

}

 ul.apostolati li a:hover {

	color: #fff; 

	text-decoration: none;

}

#pensiero {

	margin:30px 0 0 0;

}

#pensiero h3{

	padding: 7px 5px;

	background: #eee;

	border-bottom: 1px solid #999;

}





#pensiero h3 a {

color:#000;

}



#pensiero h3 a:hover{

	color:#fad133;

}

#pensiero img {

	width: 300px;

	margin: 0 0 -2px 0;

}

#donazioni {

	margin:20px 0 0 0;

}

#donazioni img {

	width: 300px;

}







/*= Posts / Pages */



.article {

   	float: left;

    margin-bottom: 1.5em;

    width: 64%;

    min-height: 353px;

}
.page-id-159 .article{
	width: 96%;
	min-height: initial;
	margin-bottom: 0;
}

.page-id-1424 .article,.page-id-269 .article{
	width: initial;
	float: none;
}
.page-id-1424 #content-sub,.page-id-269 #content-sub{
	display: none !important;
}

.search-results .article{

	width: 100%;

}

#page, #torna_in_cima_wrapper{

	background: #fff;

  	padding: 20px 2%;

}
.page-id-159 #torna_in_cima_wrapper{
	max-width: 1064px;
	margin: 0 auto;
	padding: 0;
}
.page-template-template-mappa #torna_in_cima_wrapper{
	clear: both;
}
.page-template-template-mappa a#torna_in_cima{
	margin: 0;
}

a.glossary{

	text-decoration: underline;

	color: #fad133;

}



.article h1.post-title {

   border-bottom: 6px solid #c5513f;

    font-size: 2em;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 0;

    color: #fad133;

}



.article p {

    padding: 5px;

	margin-bottom: 1em;

}



.article h1,

.article h2,

.article h3,

.article h4,

.article h5,

.article h6 {

	line-height: initial;

	margin-bottom: 0.7em;

}



#article h1, h2, h3, h4{

    color: #fad133;

}



#content-page p{

    padding: 5px;

	margin-bottom: 25px;

	line-height: 25px

}



.article h1 {

	font-size: 2em;

}



.article h2 {

	font-size: 17px;

    font-weight: 900;

    color: #333;

    padding: 10px 5px;

}



.article h3 {

	font-size: 1.4em;

}



.article h4 {

	font-size: 1.2em;

}



.article h5,

.article h6 {

	font-size: 1.1em;

	font-weight: bold;

}



.article ul,

.article ol {

	margin: 1em 0 1em 2.5em;

}



.article ul {

	list-style: disc;

}



.article ul ul {

	list-style: circle;

}



.article ul ul ul {

	list-style: square;

}



.article ol {

	list-style: decimal;

}



.article dl {

	margin: 1em 0;

}

.article dt {

	margin-bottom: 1em;

}

.article dd {

	margin: 1em 0 1em 2.5em;

}



.article blockquote {

	margin: 1em 0;

	padding: 0.7em;

	border-left: 3px solid #da0000;

	background: #eee;

	font-style: italic;

}



.evident {

	font-weight: bold;

	font-style: italic;

}



.evident strong {

	color: #da0000;

}



.post-content {

	margin: 1.5em 0;

}



.post-thumb {

	width: 100%;

	min-height: 422px;

	position: relative;

	margin-bottom:  1.5em;

	z-index: 1;

}



.post-thumb.issue {

	width: 90%;

	min-height: inherit;

	height: auto;

	padding: 5%;

	background: #dedede;

	border-top: 3px solid #da0000;

}



.post-thumb img {

	max-width: 100%;

	height: auto;

	z-index: -1;

}



.post-thumb.issue img {

	position: static;

	display: block;

	margin: 0 auto;

}



.post-thumb figcaption {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

}



.post-thumb figcaption a {

	background: #fad133;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	padding: 0.5em 1em;

	display: block;

}



.article-meta {

	min-height: 32px;

	margin: 15px 0 0em 0;

	overflow: hidden;

}



.meta {

	float: right;

	min-height: 32px;

}



#print {

	display: inline-block;

	width: 21%;

	margin: 0 2%;

	float: left;

	text-align: center;

}

#print img{

	margin-top: 25px;

}

.tags {

	float: left;

	color: #da0000;

	height: 32px;

	line-height: 32px;

}



.tags a,

.tags span {

	margin: 0 0.2em;

}



.social-share {

	float: right;

	height: 32px;

	line-height: 32px;

	font-weight: bold;

	font-style: italic;

}



.social-share.with-btn {

	height: auto;

	line-height: normal;

	font-weight: normal;

	font-style: normal;

}



.social-share span {

	height: 100%;

	float: left;

	margin-right: 1em;

}



.social-share a {

	float: left;

	width: 32px;

	height: 32px;

	text-indent: -9999em;

	background-repeat: no-repeat;

	margin-left: 0.4em;

}



.social-share.with-btn a {

	float: none;

	width: auto;

	height: auto;

	text-indent: 0;

}



#socials.social-share .facebook,

#socials-bottom.social-share .facebook {

	background-position: 50% 50%;

	background-image: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/facebook.png);

}



#socials.social-share .twitter,

#socials-bottom.social-share .twitter {

	background-position: 50% 50%;

	background-image: url(images/twitter.png);

}



#socials.social-share .google-plus,

#socials-bottom.social-share .google-plus {

	background-position: 50% 50%;

	background-image: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/google-plus.png);

}



.article-excerpt {

	margin: 0.5em 0 0 0;

	font-style: italic;

	color: #666;

}



.article-author-date {

	color: #da0000;

	margin: 0.4em 0 0 0;

}







/*= Layout */



/*= Mobile Menu */





/*= Header */



#masthead {

    background: #fff;

  	border-top: 10px solid #a5311f;

  	border-bottom: 2px solid #eee;

}

#articles-home{

float: left;

width: 700px;

margin: 30px 0 ;

}



#articles-home .content-header {

	margin: 0;

	padding: 0;

	border: 0px ;

	float: left;

	width: 700px;

}



#articles-home .content-header h2 {

	font-weight: 700;

	font-size: 1.5em;

	color: #fff;

	padding: 8px 12px;

	background: #fad133;

}







#masthead-wrapper {

	height: 100px;

	min-height: 140px;

	position: relative;

	padding: 10px 2% 0;

	margin-bottom: 10px;

}



#branding {
	margin-top: 18px;
    width: 20%;

}



#site-title {

	width: 100%;

	height: 100%;



}



#site-title a {

	display: block;

	width: 100%;

	height: 100%;

}



#site-description {

	position: absolute;

	top: -9999em;

}



/*= Navigation */



#top-navigation {

    font-size: 12px;

    right: 0px;

    position: absolute;

    top: 5px;

}



#top-navigation li	{

	display: block;

	float: left;

	line-height: 30px; /* this should be the same as your #main-navigation height */

	height: 30px; /* this should be the same as your #main-navigation height */

	margin: 0; padding: 0; /* only needed if you don't have a reset */

	position: relative; /* this is needed in order to position sub menus */



}



#top-navigation li a	{

	height: 30px;

	line-height: 30px;

	

	padding: 2 5px;

	text-transform: uppercase;

	color: #868686;

}



#top-navigation .current-menu-item a, #top-navigation a:hover {

	color: #000044;

	/*background: #fff;

	background-position: top;*/ 

	text-decoration: none;

	z-index: 1000;

	border-bottom: 2px solid #868686;

}



#menu-menutop li {

    float: left;

   /* margin-right: 0;*/

  /*  padding: 0 10px;*/

}

/*

#menu-menutop li:last-child {

	margin-right: 0;

	 border-right: 0 solid #ccc;

}

*/

#menu-menutop li a,

#menu-menutop li a:hover {

	border-right: 1px solid #090c2b;

    color: #868686;

   /* font-family: "Apex New Medium",sans-serif;*/

    padding: 2px 10px;

    text-decoration: none;

    text-transform: uppercase;

}



#menu-menutop li:last-child a {

	border-right: 0 solid #090c2b;

}



/* --------------- below here main menu -------------*/

#main-navigation {

    font-size: 14px;

    right: 0px;

    bottom: 0px;

    position: absolute;

    width: 80%;

    background: #fff;

    height: 86px;

    z-index: 999999999;

}



#main-menu {

	padding-top: 0.8em;

	overflow: hidden;	

}



#main-menu li {

   border-right: 1px solid #ccc;

    float: left;

    margin-right: 0;

    padding: 0 10px;

}



#main-menu li:last-child {

	margin-right: 0;

	border-right: 0 solid #ccc;

}



#main-menu li a,

#main-menu li a:hover {

	/*font-family: 'Apex New Medium', sans-serif;*/

	color: #000; /* FFF */

	text-decoration: none;

	text-transform: uppercase;

}



#sfondo-navigation {

	height: 88px;

	background-image: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/sfondo-top.jpg); 

	background-repeat: repeat;

	width: 100%;

	border-top: 0px solid #da0000; 

}







#main-menu li.current-menu-item a,

#main-menu li.current-menu-item a:hover,

#top-menu li.current-menu-item a,

#top-menu li.current-menu-item a:hover,

#main-menu li:hover a,

#top-menu li:hover a {

	color: #da0000;

}



#main-menu li.current-menu-item {

	background: #FFC60A;

	background: url('http://www.melanomaespana.es/wp-content/themes/rdmedia/images/arrow-mwnu.png') 50% 100% no-repeat #FFC60A;

}





#main-navigation ul	{

	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */

	width: 100%;

	height: 100%;

}

#main-navigation li	{

	display: block;

	float: left;

	line-height: 30px; /* this should be the same as your #main-navigation height */

	height: initial;

	margin: 0; padding: 0; /* only needed if you don't have a reset */

	/*position: relative; /* this is needed in order to position sub menus */

	width: 33.33333333333333%;

	text-align: center;

}

#main-navigation li > a {

    text-transform: uppercase;

    font-size: 15px;

    width: 100%;

    padding: 41px 0 25px;

    color: #000;

    display:block;

    position: relative;

    text-shadow: 2px 2px 10px #ddd;

}

#main-navigation li > a:before {

	display: block;

  	content: '';

  	width: 27px;

  	position: absolute;

  	right: 5%;

  	bottom: 28px;

  	height: 27px;

	background: url('images/arrow-bottom.png') no-repeat;

}

#main-navigation li:hover{

}

#main-navigation li:hover a:before{

	background-position: 0 -27px;

}

#main-navigation li:last-child a {

}



#main-navigation .current-menu-item a, #main-navigation li:hover > a{

	color: #fad133;

	background-position: top; 

	text-decoration: none;

	z-index: 1000;
	text-shadow: 0 0 0 #666;
}

#main-navigation ul.sub-menu  a:before{

	display: none;

	background: none;

}



#main-navigation ul li > ul { /* this targets all sub menus */

	/* old style classic submenu

	display: none;

	z-index: 1000;

	background: #eee;

  	border-bottom: 5px solid #fad133;

  	*/

  	display: none;

  	padding-left: 3.7%;

  	z-index: 1000;

	position: absolute;

  	height: initial;

  	background: #f6f6f6;

  	border-top: 5px solid #a5311f;

  	border-bottom: 5px solid #a5311f;

  	left: 0;

  	padding-top: 15px;

}

#main-navigation ul li > ul li { /* this targets all submenu items */

	/* old style classic submenu

	float: none;

	border-bottom: 1px solid #fff;

	width: initial;

	*/

	width: 29.333333%;

  	margin: 0;

  	float: left;

  	height: initial;

  	padding: 10px 2%;

  	text-align: left;

}

#main-navigation .primary-nav > ul li:nth-of-type(2) > ul li{

	width: 46%;

}

#main-navigation .primary-nav ul li > ul li:nth-of-type(2) > ul li,

#main-navigation .primary-nav ul li:nth-of-type(2) > ul li > ul li{

	width: inherit;

}

/*

#main-navigation ul ul:after { /* target the after of the last sub menu item */

/*	content: '.';

	display:block;

	width:29%;

	padding: 10px 2%;

	height: initial;

	float: left;

	background: #f00;

}*/



#main-navigation ul li > ul li > a { /* target all sub menu item links */

	color: #000;

	padding: 5px 10px;

	/* new submenu style */

	text-shadow: none;

	font-size: 115%;

  	text-transform: initial;

}

#main-navigation ul li:hover > ul {

	display: block; /* show sub menus when hovering over a parent */

}

#main-navigation ul li > ul li:hover > a{

	color: #000;

}





#main-navigation ul li > ul li > ul {

	/* target all second, third, and deeper level sub menus */

	position: static;

	display: block;

	border: 0;

	padding-left: 0;

	width:100%;

	padding-top: 0;

}

#main-navigation ul li > ul li > ul li{

	width: 100%;

	padding: 0;

	float: none;

}

#main-navigation ul li > ul li > ul li > a{

	color: #a5311f;

	font-size: 100%;

}

#main-navigation ul li > ul li > ul li > a:hover {

	color: #fad133;
	text-shadow: 0 0 0 #666;
}

#main-navigation ul li > ul li:hover{

}



.breadcrumbs {

	font-weight: 400;

	padding: 20px 0 15px;

	line-height: 25px

}

.breadcrumbs a{

	font-size: 13px;

}

.breadcrumbs .sep{

    color: #e4a025;

}

.breadcrumbs .current {

padding: 0;

margin: 0;

color: #fad133;

font-weight: 400;

font-size: 14px;

}



/*= Social */



#top-social {

	position: absolute;

	right: 345px;

	bottom: 1.4em;

	height: 80px;

	top: 147px;

}



.rc-social {

	height: 34px;

	margin: 1.5em 0;

}



.rc-social h4 {

	padding-top: 0.4em;

	font-size: 1.1em;

	font-weight: bold;

	color: #da0000;

	margin-right: 1em;

	float: left;

}



.rc-social-wrapper {

	height: 34px;

	float: left;	

}



#top-social a,

.rc-social-wrapper a {

  background-image: url("http://www.melanomaespana.es/wp-content/themes/rdmedia/images/social-icons.png");

    background-repeat: no-repeat;

    float: left;

    height: 34px;

    margin-right: 8px;

    text-indent: -9999em;

    width: 38px;

}



#top-social a:last-child,

.rc-social-wrapper a:last-child {

	margin-right: 0;

}



#top-social #top-cart {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/carrello.png) no-repeat;

	width: 80px;

	height: 100%;

	

}

#top-social #top-cart:hover {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/carrello-over.png) no-repeat;

}



#top-social #top-account {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/account.png) no-repeat;

	width: 80px;

	height: 100%;

	

}

#top-social #top-account:hover {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/account-over.png) no-repeat;

}



#top-social #top-logout {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/logout.png) no-repeat;

	width: 80px;

	height: 100%;

	

}

#top-social #top-logout:hover {

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/logout-over.png) no-repeat;

}



#facebook, #twitter {

	position: relative;

	top: 1.5em;

}



#facebook, .facebook {

	background-position: 2px 0;

}



#twitter, .twitter {

	background-position: -48px 0;

}



#vimeo, .vimeo {

	background-position: -123px 0;

}

#google-plus, .google-plus {

	background-position: -164px 0;

}

#instagram, .instagram {

	background-position: -205px 0;

}



/*= Home Top */



#home-top {

	margin: 0.7em auto 0 auto;

}



.featured {

   float: left;

    margin: 30px 0 0;

    min-height: 460px;

    position: relative;

    width: 67.5%;

    z-index: 0;

}

.featured-news{

   	border-bottom: 6px solid #a5311f;

    color: #cc0000;

    font-weight: 700;

    float: left;

    font-size: 28px;

    position: relative;

    width: 97%;



}



.featured figcaption {

	position: absolute;

	top: 0;

	right: 0;

}



.featured figcaption a,

.featured figcaption a:hover {

	background: #da0000;

	color: #fff;

	text-decoration: none;

	padding: 0.5em 1em;

	display: block;

	font-weight: bold;

}



.side {

	float: right;

	width: 300px;

}



.featured .featured-image {

	position: absolute;

	top: 34px;

	left: 0;

}



.featured-caption {

 	border-bottom: 6px solid #a5311f;

    bottom: -5px;

    color: #000;

    left: 0;

    padding: 1% 0;

    position: absolute;

    width: 97%;

	/*background: rgba(0, 0, 0, 0.8);*/



}



.featured-caption p{

font-size: 0.8em;

}



.featured-caption h2 {

	font-size: 2em;

	font-weight: bold;

	margin-top: 0.3em;

	margin-bottom: 0.3em;

}



.featured-caption h2 a,

.featured-caption h2 a:hover,

.featured-caption h2.dossier {

	color: #000;

	text-decoration: none;

}



/* HOMEPAGE */





#home-box1

{

float: left;

width: 100%;

margin:15px 0 17px;



}



#home-box1-1

{

	position: relative;

	float: left;

	 width: 300px;

	 height: 233px;



		margin: 0 10px 0 0 ;

		 z-index: 0;

}



#home-box1-2

{

	position: relative;

	float: left;

	 width: 300px;

	 height: 233px;

	

	margin: 0 10px ;

	 z-index: 0;

}

#home-box1-3

{

	position: relative;

	float: left;

	 width: 300px;

	 height: 233px;



		margin: 0  0 0 10px ;

		 z-index: 0;

}



#home-box1-1 figcaption

{



	background: rgba(0, 0, 0, 0.8);

    bottom: 0;

    color: #fff;

    display: block;

    font-size: 30px;

    font-weight: 700;

    padding: 0.6em 1em;

    position: absolute;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    width: 240px;

}

#home-box1-2 figcaption

{

		background: rgba(0, 0, 0, 0.8);

    bottom: 0;

    color: #fff;

    display: block;

    font-size: 30px;

    font-weight: 700;

    padding: 0.6em 1em;

    position: absolute;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    width: 240px;

}

#home-box1-3 figcaption

{

	background: rgba(0, 0, 0, 0.8);

    bottom: 0;

    color: #fff;

    display: block;

    font-size: 30px;

    font-weight: 700;

    padding: 0.6em 1em;

    position: absolute;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    width: 240px;

}





/*= Search */



#searchform {

	padding-top: 0.3em;

	width: 100%;

	text-align: center;

}



#searchform-archive {

	padding: 1.4em 0.5em;

	background: #dedede;

}



#s, #q {

	width: 250px;

	padding: 5px;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	font: 1em Georgia, serif;

	background: #fff;

	color: #000;

}



#q {

	background: #fff;

}



#search, #search-archive {

	border: none;

	display: inline-block;

	width: 23px;

	height: 23px;

	background: url("http://www.melanomaespana.es/wp-content/themes/rdmedia/images/icon-search.png") no-repeat;

	text-indent: -9999em;

	margin-left: 1em;

}



/*= Latest Issue */



#latest {

	background: url("http://www.melanomaespana.es/wp-content/themes/rdmedia/images/prossime-attivita.jpg") no-repeat;

	margin-top: 1em;

	width: 251px;

	height: 41px;

	border-top: 0px solid #da0000;

	padding-top: 3em;

	text-align: center;

}



.sub #latest {

	margin-bottom: 1.5em;

}



#latest h3 {

	font-weight: bold;

	font-style: italic;

	font-size: 1.4em;

	padding-bottom: 0.7em;

}



#latest .cover-caption {

	color: #000;

	font-size: 90%;

	font-weight: bold;

	font-style: italic;

	margin: 1em auto 1.75em auto;

	max-width: 90%;

}



#latest .btn {

	padding: 0;

	height: 2.6em;

	line-height: 2;

}



.cover a img {

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

}



/*= Content */



.template-post{

	width: ;

}



.article-fields{

	border-left: 2px solid #090746;

	padding: 5px 8px;

	margin: 15px 0px;

}



.field{

	margin-left: 10px;	

}



.field-conferenze b{ /* blue */

	color: #090746;

}



.field-attivita b{ /* red */

	color: #a90808;

}



.home-header h3{

	color: #090745;

}



.home-post{

	float: left;

	padding: 20px 22px 0 10px;

	position:relative;

}



.home-category{

	clear:both;

}





.home-header{

    font-size: 22px;

    padding-bottom: 5px;

    padding-top: 25px;

    text-transform: uppercase;

}



a#glossary{

	position: absolute;

	top: 0;

	right:40px;

	padding: 12px 10px;

	color: #333;

}

a#glossary:hover{

	color: #fff;

	background: #a5311f;

}



.tp-button.red{

	letter-spacing: 0 !important;

	padding: 8px 20px !important;

}

#torna-su{

	background: #eee;

	border: 1px solid #ccc;

	display: inline-block;

	text-align: center;

	width: 100%;

	margin-top: 15px;

}



.error{

	margin-top:2px;

	margin-bottom:2px;

	padding: 15px;

	color: #f00;

	font-weight: 900;

	border-left: 3px solid #f00;

}



#form-top{

    background: none repeat scroll 0 0 #efefef;

    border: 1px solid #ccc;

    margin-bottom: 20px;

    padding: 15px;

}



.form-top-content{

	padding: 0px 5px 0px 0px;

	margin-left: 40px;

}



label.form-top-content{

    border-bottom: 1px solid #fff;

    padding-bottom: 3px;

    padding-left: 3px;

    padding-right: 25px;

}



#form2{

	float:left;

}



/* CUSTOM POSTS CONTENT STYLES ------------------------*/



#home-universita_estate{

    border-top: 5px solid #090746;

    margin-top: 25px;

    clear: both;

}



#home-universita_estate .home-thumbnail{

    height: 280px;

    width: 420px;

}



#home-universita_estate .home-post{

	float: left;

    padding: 15px 22px 0 10px;

    position: relative;

}



#home-universita_estate h3{

    border-bottom: 3px solid #090746;

    color: #090746;

    font-size: 22px;

    font-weight: 900;

    margin: 10px 0;

    padding-bottom: 5px;

}



#home-universita_estate p{

    color: #000;

    margin-bottom: 10px;

}



#article-single{

	margin-top: 55px;

}



#page_separator{

    max-width: 1024px;

    width: 90%;

    min-height: 55px;

    background: #fff;

    border-bottom: 5px solid #a5311f;

  	margin: 10px auto;

  	padding: 0 20px;

}



#uscita{



}



#uscita .content-header h3{

	border-bottom: 2px solid #f00;

}



.uscita{

	background: none repeat scroll 0 0 #ececec;

    float: left;

    margin: 5px;

    padding: 2px;

    width: 327px;

}



.uscita-header{

	padding: 0px;

}



.uscita-thumbnail{

	clear:both;

	padding-top: 10px;

	position:relative;

	left:10px;

}



#conferenze{



}



#conferenze .content-header{

	

}



.conferenze{

	width : 300px;

	float: left;

	margin: 6px;

}



.conferenze-header{

	padding-left: 15px;

}



.conferenze-thumbnail{

	clear:both;

	padding-top: 10px;

	position:relative;

	left:33px;

}



#attivita{



}



#attivita .content-header{

	

}



.attivita{

	width : 300px;

	float: left;

	margin: 6px;

}



.attivita-header{

	padding-left: 15px;

}



.attivita-thumbnail{

	clear:both;

	padding-top: 10px;

	position:relative;

	left:33px;

}



#post-no-thumbnail{

    background-image: url("images/logo.jpg");

    background-repeat: no-repeat;

    background-position: center;

    min-height: 221px;

    padding-bottom: 2px;

    width: 309px;

}



.post-excerpt{

	font-style: italic;

	font-size:15px;

}



.excerpt-conferenze{ /* BLUE */

	color: #090746;

}



.excerpt-attivita{ /* RED */

	color: #a90808;

}



/* OTHER CONTENTS STYLE -----------*/



.content-header {

	position: relative;

	margin-bottom: 1.5em;

	padding-bottom: 0.3em;

	/*border-bottom: 0 solid #da0000;*/

}



.content-header a{

    bottom: 10px;

    position: absolute;

    right: 40px;

    color: #090746;    

 }



.content-header h2 {

   /* border-bottom: 6px solid #090746;

    color: #a90808;*/

    font-size: 2.5em;

    font-style: normal;

    font-weight: 700;

    margin-bottom: 0;

    text-align: center;

}



.content-header h3 {

 /*   border-bottom: 2px solid #c5513f;

    color: #fad133;*/

    font-size: 2em;

    font-style: normal;

    font-weight: 300;

    line-height: 1.1;

    margin-bottom: 0;

    padding-left: 70px;

}



.posts .col.col-2 {

	margin-right: 2%;

	width: 48%;

	

}



.posts .col.col-2:last-child {

	margin-right: 0;

	margin-left: 2%;

}



.posts .featured-image {

	width: 100%;

	min-height: 215px;

	position: relative;

	 z-index: 0;

}



.posts .featured-image img {

	position: absolute;

	  border: 0px solid #ccc;

	top: 0;

	left: 0;

}



#articles.category .posts .featured-image {

	height: auto;

	min-height: 100%;

}



#articles.category .posts .col.col-4 {

	width: 47%;

}



#articles.category .posts .col.col-3 {

	width: 31%;

	margin-right: 2%;

}



#articles.category .posts .featured-image img {

	position: static;

}



.posts .featured-image figcaption {

	

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    bottom: -15px;

    color: #fff;

    display: block;

    font-size: 18px;

    font-weight: 700;

    padding: 0.6em 1em;

    position: absolute;

    right: 0;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    width: 264px;

}

.posts .featured-image figcaption .sottotitolo {

    float: left;

    font-size: 14px;

    font-weight: 400;

    margin: 6px 0 0;

	

}

.posts .featured-image figcaption a {

	color: #fff;

	text-decoration: none;

	background: #da0000;

	display: block;

	padding: 0.6em 1em;

	font-weight: bold;

}



.posts .post-header {

	margin: 0 0 0.6em 0;

}



.posts .post-header h2 {

	font-size: 1.3em;

	font-weight: bold;

	margin-bottom: 0.5em;

	line-height:18px;

}



#articles.category .posts .post-header h2 {

	font-size: 13px;

}



.posts .post-header h2 a {

	color: #000;

}

.posts .post-header h2 a:hover{

	color: #fad133;

}

.posts .post-meta {

	color: #da0000;

	color: #666;

}



.posts .post-excerpt {

}



.category{

	float:left;

	padding-left: 1%;

	padding-right: 1%;

}



div.lecture div.meta {

	float: none;

}



div.lecture div.meta div.article-author-date {

	float: left;

}



div.lecture div.meta #print {

	float: right;

	margin-top: 0.2em;

}



/*= Issues */



#issue-articles h2 {

	font-size: 1.4em;

	font-weight: normal;

	/*line-height: 1.3;*/

}



#issue-articles h3 {

	font-size: 1em;

	font-weight: bold;

	margin: 0;

	color: #666;

}



#issue-articles article.post {

	padding-bottom: 0.3em;

	border-bottom: 1px solid #ddd;

	margin: 1.5em 0;

}



#issue-articles article p {

	font-style: italic;

}



/*= Gallery */



#foto-gallery {

	width: 100%;

	height: 603px;

	position: relative;

}



#foto-gallery .foto-gallery {

	position: absolute;

	top: 0;

	left: 0;

}



#foto-gallery-caption {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 96%;

	padding: 4% 2%;

	background: rgba(0, 0, 0, 0.8);

	color: #fff;	

}



#foto-gallery-caption h3 {

	font-size: 2em;

	font-weight: bold;

	margin-bottom: 0.3em;

	color: #fff;

}



#foto-gallery-caption h3 a,

#foto-gallery-caption h3 a:hover {

	color: #fff;

	text-decoration: none;

}



#foto-gallery-caption p {

}



/*= Widgets */

span.glossaryLink, a.glossaryLink{

	color: #fad133;

}

.sub-widget {

	margin-bottom: 1.5em;

}



.sub-title {

	font-size: 1.4em;

	font-weight: bold;

	border-bottom: 3px solid #da0000;

	padding-bottom: 0.3em;

}



#issues-list {

	margin: 1.2em 0;

}



#issues-list li {

	display: block;

	margin-bottom: 0.7em;

	padding-bottom: 0.2em;

	border-bottom: 1px dashed #ccc;

	font-size: 1.2em;

}



/*= Sidebar */

ul.sidebar-links {

	background: #c5513f;

	padding-bottom:10px;

	padding-left: 25px;

	position: relative;

	top: -8px;

	

}

ul.sidebar-links a {

	color:#ccc;

}



/*= Login */



#loginform {

	padding: 1.5em 0.5em;

	background: #dedede;

}



#loginform div {

	margin-bottom: 0.4em;

}



#loginform input[type="text"],

#loginform input[type="password"] {

	padding: 5px;

	background: #fff;

	width: 220px;

	border: none;

	font-weight: bold;

	color: #000;

	font-style: italic;

}



#loginform input[type="submit"] {

	padding: 5px 10px;

	border: none;

	/*font-family: Georgia, serif;*/

	font-size: 1em;

	font-style: italic;

	background: #da0000;

	color: #fff;

	margin-left: 0.5em;

}



#view-profile {

	padding: 1em;

	background: #dedede;

	text-align: center;

}



#view-profile p a.btn {

	padding: 0.4em 1em;

}



/*= Content Sub */



.sub-posts, .popular-posts, .news-posts {

	margin-top: 1.5em;

}



.sub-posts h3 {

	font-size: 1.3em;

	font-weight: bold;

	margin-bottom: 0.3em;

}



.sub-widget h3 a,

.sub-widget h3 a:hover {

 color: #000;

    font-size: 14px;

    font-weight: normal;

    text-decoration: none;

}



.sub-posts p {

	margin-top: 0.5em;

}



.sub-posts article {

	padding-bottom: 0.5em;

	border-bottom: 1px solid #ccc;

	margin-bottom: 1em;

}



.popular-posts h3,

.news-posts h3 {

	font-weight: bold;

	font-size: 1em;

}



.popular-posts p,

.news-posts p {

	margin-top: 1em;

	/*line-height: 1.3;*/

}



.popular-posts article {

	padding-bottom: 1.5em;

	overflow: hidden;

	padding-top: 1em;

	font-size: 90%;

}



.news-posts article {

   border-bottom: 1px solid #ccc;

    font-size: 13px;

    font-weight: normal;

    margin: 8px 0;

    overflow: hidden;

    padding-bottom: 1em;

    padding-top: 0;

}





.popular-posts article figure {

	float: right;

}



.news-posts article figure {

	float: left;

}



.popular-posts h3,

.popular-posts p {

	margin-right: 105px;

}



.news-posts h3,

.news-posts p {

	margin-left: 155px;

}





.lettere-posts h3, .lettere-posts p {

	/*line-height: 1.3;*/

	margin: 6px 0 6px 0;

	text-align: justify;

}









.lettere-posts h4 {

   color: #000;

    font-size: 20px;

    font-weight: normal;

    margin: 10px 0;

}

.agenda-dove  {

border-top: 1px solid #ccc ;

border-bottom: 1px solid #ccc ;

}



.agenda-dove p {

	/*line-height: 1.3;*/

	margin: 6px 0 6px 0;

	text-align: justify;

}





/*= Slider */



.article #post-slider,

.article #post-slider ul.slides,

.article #post-slider ul.slides li,

#foto-gallery #post-slider,

#foto-gallery #post-slider ul.slides,

#foto-gallery #post-slider ul.slides li {

	margin: 0;

	padding: 0;

	list-style: none;

	height: 500px;

	display: block;

}



#post-slider .flex-control-nav {

	bottom: -50px;

	margin: 0;

	padding: 0;

	list-style: none;

}



#post-slider ul.flex-direction-nav {

	list-style: none;

	margin: 0;

	padding: 0;

}



.article #post-slider ul.slides li,

#foto-gallery #post-slider ul.slides li {

	position: relative;

}



.article #post-slider ul.slides li .flex-caption,

#foto-gallery #post-slider ul.slides li .flex-caption {

	position: absolute;

	margin: 0;

	bottom: 0;

	left: 0;

	padding: 0.7em 0;

	width: 100%;

	text-align: center;

	background: rgba( 0, 0, 0, 0.8 );

	color: #fff;

}



.article form table td p{

	padding: 0;

	margin: 0;

}



/*= Archive */



#archive {

	margin: 1.5em 0;

	text-align: center;

}



div.archive {

	font-size: 14px;

}



div.archive {

	margin-right: 1%;

	width: 24%;

	padding-bottom: 1.5em;

}



div.archive figure img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

	height: auto;

}



div.archive h4 {

	font-size: 1em;

	font-weight: bold;

	color: #da0000;

	margin-top: 0.8em;	

}



div.archive p {

	margin-top: 1em;

	

}



/*= Issues */



.issue-col-content {

	padding: 1em;

	background: #ede7cf;

}



#issue-info {

	margin: 1em 0;

	font-size: 14px;

	color: #000;

}



#issue-info h4,

#issue-info h5,

#issue-info p {

	margin: 0;

	font-weight: normal;

	font-size: 100%;

}



#issue-info .info {

	margin-bottom: 1em;

}



#issue-info .info h4,

#issue-info .info h5 {

	font-size: 15px;

	font-weight: bold;

	margin-bottom: 0.4em;

	/*line-height: 1.3;*/

}



#issue-info .info a,

#issue-info .info a:hover {

	color: #000;

}



h1.post-title.issue-title {

	font-style: normal;

	padding: 0.4em;

	background: #00b2b0;

	color: #fff;

}



#issue-row article.post {

	padding: 0;

	border: none;

}



#issue-row article header.post-header {

	padding: 0;

	border-bottom: 1px dashed #ccc;

	line-height: 1;

}



#issue-row article header.post-header h2 {

	font-size: 1em;

	margin: 0 0.4em 0 0;

	float: left;

}



#issue-row article.post header.post-header p.by {

	margin: 0;

	float: left;

	font-size: 1em;

	padding: 0.1em 0 0 0;

	font-style: normal;

}



#issue-row article header.post-header p.page {

	margin: 0;

	float: right;

	font-size: 1em;

	background: #fff;

	position: relative;

	top: 0.4em;

}



#issue-row h3.issue-category {

	margin: 1.2em 0 0 0;

	color: #9c850f;

	text-transform: uppercase;

}



/*= Pagination */



#pagination {

    clear: both;

    padding-right: 23px;

    padding-top: 20px;

    text-align: right;

}



#pagination a,

#pagination a:hover,

#pagination strong {

	width: 2em;

	height: 2em;

	line-height: 2;

	text-align: center;

	display: inline-block;

	margin-left: 0.5em;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #000;

	font-weight: bold;

}



#pagination strong {

	border: none;

	background: #da0000;

	color: #fff;

}



#pagination a.next,

#pagination a.prev {

	width: auto;

	padding: 0 1.2em;

	background: #222;

	color: #fff;

	font-style: italic;

}



.post-home{

	border-left: 1px solid;

	border-bottom: 2px solid;

	border-right: 1px solid;

	padding-top: 5px;

	padding-left: 10px;

	margin-bottom: 10px;

	margin-left: 25px;

	margin-right: 25px;

}



.post-home-content{

	margin-left: 30px;

	margin-right: 30px;

}



/*= Forms */

/* FORM */



 form label

{

font-weight: 400;

color: #fff;

}



 form input

{

font-weight: 400;

color: #08073f ;

padding: 8px;

}

 form input[type="submit"]

{

    background: none repeat scroll 0 0 #fff;

    border: 3px outset #e0e0e0;

    color: #000;

    padding: 4px 15px;

    text-transform: uppercase;

}

form input[type="submit"]:hover{

	background: none repeat scroll 0 0 #fad133;

	color: #fff;

}

 form textarea

{

font-weight: 400;

border: 1px solid #e4a025 ;

color: #08073f ;

}

 form button

{

font-weight: 400;

color: #08073f ;

border: 1px solid #e4a025 ;

}



form table  {

	float: left;

  	margin: 9px 0 0 30px ;

}



form table td {

    float: left;

    line-height: 1.8;

    margin: 9px 0 0;

    padding: 4px 0;

    white-space: pre-line;

    width: 399px;

}



form table td.textmess {

  	float: left;

    line-height: 1.8;

    margin: -21px 0 0;

    padding: 4px 0;

    white-space: pre-line;

    width: 399px;

}



form table textarea {

  	float: left;

    margin: 9px 0 0;

}





form table td.textmess {

    float: left;

    line-height: 1.8;

    margin: -21px 0 0;

    padding: 4px 0;

    white-space: pre-line;

    width: 399px;

}





/*= Sticky */



.is-sticky,

.sticky-wrapper {

	z-index: 90000000;

}

.is-sticky #branding{
	margin: 0;
	width: 25%;
	padding-top: 9px;
}



/*= Map */



#map {

	width: 100%;

	margin: 1.5em 0;

	height: 523px;

}



/*= Gallery */



.gallery {

	margin: 1.5em 0;

	padding: 5%;

	background: #dedede;

	border-top: 3px solid #da0000;

}



.gallery dl.gallery-item {

	display: inline-block;

	margin: 1em;

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

}



/*= Messages */



.message {

	margin: 1em 0;

	padding: 0.7em;

	font-weight: bold;

	border: 1px solid;

}



.success {

	color: #5cb85c;

}



.error {

	color: #d9534f;

}



/*= WooCommerce */



.woocommerce-breadcrumb,

.woocommerce-breadcrumb + .page-title,

body.woocommerce-cart .post-title,

.woocommerce-result-count,

.woocommerce-ordering,

.product-thumbnail,

input[name="update_cart"],

input.minus,

input.plus,

div.cart-collaterals {

	display: none;

}



#content ul.products {

	margin: 25px 0;

	padding: 0;

	list-style: none;

	position: relative;

	overflow: hidden;

}





#content ul.products li {

	padding-bottom: 25px;

	float: left;

	width: 18%;

	margin: 0 1%;

	position: relative;

}





#content ul.products li a {

	text-decoration: none;

	

}







#content ul.products li div.product-wrap {

	width: 100%;

	padding-bottom: 15px;

	position: relative;

}



#content ul.products li div.product-wrap img {

	display: block;

	width: 100%;

}



#content ul.products li div.product-wrap h3 {

	margin: 0;

	font-weight: bold;

	font-size: 13px;

	/*line-height: 1.3;*/

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	padding: 5px 0;

	background: #da0000;

	color: #fff;

	text-align: center;

}



#content ul.products li > div.product-wrap h3 + div {

	color: #000;

}



#content ul.products li > div.product-wrap span.price {

	color: #000;

	display: block;

	font-size: 18px;

	padding-top: 5px;

}



#content ul.products li a.button {

	background: #da0000;

	color: #fff;

	font-weight: bold;

	padding: 4px 9px;

	text-align: center;

	position: absolute;

	bottom: 2em;

	right: 0;

}



#content table.shop_table.order_details {

	margin: 40px 0;

}



table.shop_table.cart thead th,

table.shop_table.order_details thead th {

	text-align: center;

	background: #da0000;

	color: #fff;

	padding: 6px;

}



table.my_account_orders {

	margin: 1.5em 0;

	border-collapse: collapse;

	border-spacing: 0;

}



table.my_account_orders th,

table.my_account_orders td {

	padding: 0.5em;

	border: 1px solid #ddd;

}



#content ul.order_details {

	margin: 1.5em 0 40px 0;

	padding: 0;

	list-style: none;

}



#content .order-again {

	display: none;

}



#content .woocommerce header {

	text-align: left;

	margin: 1.2em 0;

}



#content .woocommerce address {

	padding: 1em;

	border: 1px solid #ddd;

	margin: 20px 0;

	border-radius: 6px;

	/*line-height: 1.5;*/

}



#content dl.customer_details {

	margin: 22px 0;

	overflow: hidden;

}



#content dl.customer_details dt {

	font-weight: bold;

}



#content dl.customer_details dd {

	margin: 0.5em 0;

}



#content .woocommerce header h2,

#content .woocommerce header h3 {

	margin: 1em 0;

	font-size: 25px;

	text-align: left;

	font-weight: normal;

}



#content ul.order_details li {

	display: block;

	margin-bottom: 0.8em;

	padding-bottom: 4px;

	border-bottom: 1px solid #eee;

	overflow: hidden;

}



#content ul.order_details li strong {

	float: right;

}



#content .col-2.address {

	width: auto;

}





table.shop_table.order_details thead th {

	

}



table.shop_table.cart tbody tr.cart_item td {

	padding: 6px;

	text-align: center;

	

}



table.shop_table.order_details tfoot tr td,

table.shop_table.order_details tbody tr td {

	padding: 6px;

	text-align: center;

	

}



table.shop_table.cart tbody tr.cart_item td.product-remove a {

	display: inline-block;

	text-decoration: none;

	width: 25px;

	height: 25px;

	background: url(http://www.melanomaespana.es/wp-content/themes/rdmedia/images/close-black.png) no-repeat;

	text-indent: -9999em;

}



input.input-text.qty.text {

	border: none;

	display: block;

	width: 100%;

	text-align: center;

	font: 1em Georgia, serif;

}



table.shop_table.cart tbody tr.cart_item td.product-name {

	color: #000;

	text-decoration: none;

}



table.shop_table.cart tbody tr td.actions {

	padding: 12px 0;

	text-align: right;

}



#content .woocommerce form table.shop_table.cart tbody tr td.actions a.button,

input.checkout-button.button.alt.wc-forward,

#place_order {

	text-align: center;

	background: #da0000;

	color: #fff;

	padding: 0.6em;

	font-weight: bold;

	text-decoration: none;

	border: none;

	font: 1em Georgia, serif;

}



input.checkout-button.button.alt.wc-forward {

	width: auto;

}



#place_order {

	width: 100%;

}



.form-row {

	margin-bottom: 1em;

}



.form-row label {

	display: block;

	font-weight: bold;

	margin-bottom: 0.5em;

}



.form-row input[type="text"],

.form-row input[type="email"],

.form-row input[type="password"] {

	font: 1em Georgia, serif;

	display: block;

	padding: 7px 5px;

	width: 100%;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #eee;

	background: #fff;

	

}



input[type="submit"].button {

	background: #da0000;

	color: #fff;

	padding: 0.5em 1.2em;

	border: none;

	font: 1em Georgia, serif;

}



.form-row textarea {

	font: 1em Georgia, serif;

	display: block;

	padding: 7px 5px;

	width: 100%;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #eee;

	background: #fff;

	height: 24em;

}



abbr.required {

	color: #da0000;

}



#billing_address_2,

#order_review_heading,

#order_review table.shop_table,

.woocommerce-shipping-fields h3,

.woocommerce-shipping-fields .notes {

	display: none;

}



body.woocommerce-checkout form.checkout .col-2 .woocommerce-shipping-fields h3,

body.woocommerce-checkout form.checkout .col-2 .woocommerce-shipping-fields h3 {

		

}



#billing_state {

	display: none !important;

}



#billing_state + div,

li.payment_method_paypal input,

li.payment_method_paypal label {

	

}



li.payment_method_paypal img {

	vertical-align: middle;

	margin-left: 0.5em;

}



#payment ul.payment_methods.methods {

	margin: 1em 0;

	padding: 0; 

	list-style: none;

	line-height: 24px;

}



#payment ul.payment_methods.methods li p {

	display: none;

}



/*= Products */



#product-list h3 {

	font-size: 1.1em;

	margin-bottom: 0;

	/*line-height: 1.3;*/

}



#product-list p {

	margin: 0.5em 0;

}



#product-list div a.btn.normal,

#product-list div a.btn.normal:hover {

	display: block;

	margin-top: 0.7em;

	text-align: center;

	padding: 0.4em 1em;

}



#product-list div span {

	display: block;

	text-align: center;

	font-size: 1.1em;

}





/*= Footer */



#site-info {

    clear: both;

    width: 100%;

    margin-top: 25px;

    background: #a5311f;

    border-top: 5px solid #fad133;
    position: relative;
    bottom:0;
    padding-bottom:15px;
}

.page-template-template-mappa #site-info{
	position: fixed;
}

#site-info-top {

	padding: 35px 0 70px 0;

}



.site-info-cover {

  	color: #fff;

    margin-left: 35px;

    text-align: left;

    width:31%;

}



.site-info-cover  img{

 

   margin: 0 66px;

    width: 125px;

 

}

.site-color{

	color: #a5311f;

}

.red{

	color: #fad133;

}

#last-news a{

	line-height: initial;

}

#last-news img{

	width: 150px;

	height:142px;

}

#last-news a.img-wrapper{

	width: 33%;

	float: left;

}

#last-news div.excerpt{

	width: 65%;

	font-size: 12px;

	min-height: initial;

	max-height: 150px;

	overflow: auto;

}
#last-news div.excerpt p:first-letter{
	text-transform: uppercase;
}
.site-info-cover-wrapper .site-info-cover:last-child {

	margin-right: 0;

}



.site-info-cover h4 {

	font-size: 1.5em;

	font-weight: bold;

	color: #da0000;

	margin-top: 0.8em;

	color: #fff;

}

.site-info-cover h4 a {

	font-size: 1.1em;

	font-weight: bold;

	color: #da0000;

	margin-top: 0.8em;

	color: #fff;

}

.site-info-cover p {

	margin-top: 1em;

}



#site-info-bottom {

    color: #fff;

    font-size: 11px;

    padding-top: 25px;

}



#site-info-bottom p {

	font-size: 12px;
	float: left;
	font-weight: normal;

	color: #fff;

	

}



#social-links {

    float:right;

    width: 200px;   

}



#social-links a {

	padding:15px;

}



input[type="submit"] {

	cursor: pointer !important;

}



#galleryfoto{

	float: left;

	margin: 15px 10px;

	max-height: 210px;

	overflow: hidden;



}

#galleryfoto h1{

font-size: 27px;



}

/*= Modifiche: 24-08-2014 */



body.home .post .post-date {

	color: #222;

	font-weight: bold;

}



.by small {

	color: #da0000;

	font-size: 14px;

}



article.prox_attivita{

float: left;

width: 300px;

}

#international_links > span{
	display: none;
	cursor: pointer;
	display: block;
	padding: 12px 10px;
	text-align: center;
}
#international_links > span > img{
	margin: 0 !important;
}
#international_links:hover > span{
	background: #a5311f;
	color: #fff;
}
#international_links > span.selected{
	background: #a5311f;
	color: #fff;
}
.extra-wrapper{
	display: none;
	position: relative;
	background: #fff;
	z-index: 9999999999;
	border: 3px solid #a5311f;
	border-top: 0;
}
#international_links .extra-wrapper > a{
	float: none;
	padding: 2px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
	color: #000;
}
#international_links .extra-wrapper > a:hover{
	color: #fff;
}
#international_links .extra-wrapper > a:last-child{
	border-bottom: none;
}
#international_links .extra-wrapper img {
    margin: 2.5px 2.5px 2px !important;
}

article h2{

	/*background: #eee;*/

	border-top: 1px solid #000;

	padding: 10px;

	/*color: #000;*/

	/*float: left;*/

	/*width: 280px;*/

	font-weight: 700;

	/*font-size: 12px;*/

	text-align: left;

}



	.boxtop_contiene{

   float: left;

    padding: 0 10px;

    width: 290px;

	

	}
#site-info-bottom a{
	color: #fff;
}
	.boxtop_1{

		float: left;

		width: 140px;

		padding: 18px 0;

		text-align: left;

		}

		.boxtop_2{

		float: left;	

		width: 140px;

		padding: 18px 0;

		text-align: left;

	}







article.widget_post  {

	float: left;

	margin: 33px 0;

	position: relative;

	width: 247px;

	height: 244px;

	z-index: 0;

}







article.widget_post p  {

    margin: 0 5px;

}



article.widget_post  h1{

     font-size: 14px;

    margin: 0;

    padding: 10px;

    position: absolute;

    text-align: left;

    text-transform: uppercase;

    top: -34px;

    width: 227px;

    z-index: 1;

   

}





article.widget_post .featured-image {

	  position: absolute;

	left: 0;

}

.widget_post .featured-image figcaption {

	

 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);

    bottom: 0;

    color: #fff;

    display: block;

    font-size: 18px;

    font-weight: 700;

    left: 0;

    padding: 0.6em 1em;

    position: absolute;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    width: 211px;

}

.widget_post .featured-image figcaption .sottotitolo {

    float: left;

    font-size: 14px;

    font-weight: 400;

    margin: 6px 0 0;

	

}

.widget_post .featured-image figcaption a {

	color: #fff;

	text-decoration: none;

	background: #da0000;

	display: block;

	padding: 0.6em 1em;

	font-weight: bold;

}





{



}



.wpcf7-form  input {

    color: #000;

	border: 1px solid #ccc;

    margin: 0 0 10px;

}

.wpcf7-form  textarea {

    color: #000;

	border: 1px solid #ccc;

    margin: 0 0 10px;

    width: 697px;

}



.wpcf7-form input[type="submit"] {

	padding: 5px 10px;

	font-size: 1em;

	background: #fad133;

	color: #fff;

	margin-left: 0.5em;

}



.sticky{

	background: red;

	width: 100%;

	height: 50px;

}

.menu_mobile{

	display: none;

}

 #main-menu{

display: block;

  } 

.foot-mobile{

	  display: none;

}



#content{

	width: 98%;

	max-width: 1064px;

}

#international_links{

	position: absolute;

	top:0;

	right:123px;

}
#international_links a{
	display: block;
	float: left;
	padding: 14px 5px 10px;
}
#international_links a:hover{
	background: #a5311f;
}
#international_links img{

	cursor: pointer;
	margin: 2.5px !important;
	padding: 0 2px;

}

/* HOME PAGE */

#main.main-home{

	margin-top: 45px;

}

#main.main-home div{

	float: left;

	margin:15px 1%;

	min-height: 150px;

/*	background: #ccc;

*/

}

/* pagina esperti */

.extendfull{

	width: 100%;

	max-width: initial;

}

#page_separator.extendfull{

	width: 95%;

	padding: 0 2.5%;

	max-width: initial;

}
.page-template-template-mappa #content{
	width: 35%;
    margin: -10px 0 0;
    position: fixed;
    right: 0;
    overflow: auto;
}

.page-template-template-mappa .article h1{
	font-size: 20px;
	font-weight: 700;
}
.page-template-template-mappa .article{

	width: 96%;

	margin-bottom: 0;

}

.page-template-template-mappa#content{

	border-left: 5px solid #a5311f;

	margin-top: -10px;

	width: 35%;

	float: right;

	overflow: auto;

	overflow-x: hidden;

	position: relative;

	height: 550px; /* the same as .fullwidth */

}

.page-template-template-mappa .article img{

	width: 100%;

	height: 100%;

}

.fullwidth{

	width: 65%;

	margin-top:-10px;

	height: 550px;

	position: fixed;

}

#box_pdf{

	margin-top: -46px;

	padding: 15px 5px;

	text-align: center;

	position: relative;

	background: rgba(255,255,255,.9);

}
#spagnamap #box_pdf{
	margin: 0 auto 20px;
	max-width: 1064px;
	padding: 15px 0;
	background: #eee;
}
#box_pdf a, #spagnamap #box_pdf a:hover{
	color: #fad133;
	font-weight: 700;
}
#spagnamap #box_pdf a,
#box_pdf a:hover{
	color: #D00;
}

#map-canvas{

	height: 100%;

}

#map-canvas .siteNotice h3{

	margin-bottom: 5px;

}

.provincia-box{

	padding-top: 5px;

	margin: 25px 0;

}

#lista_esperti h3{

  	background: #a5311f;

  	padding: 10px;

  	margin-left: -10px;

  	border-top: 2px solid #22bb88;

  	color: #fff;

}

.clinica{

	margin: 10px 0;

	border-bottom: 1px solid #ccc;

}

#lista_esperti span{

	display: block;

	font-size: 12px;

	line-height: 20px;

}

#lista_esperti .indirizzo{

	cursor: pointer;

	color: #fad133;

}

/* pagina esperti fine */

#melanoma{

	width: 100%;

}

#info > div{

	width: 33%;

	text-align: center;

	float: left;

}

div#last-news{

	margin: 0 !important;

}

#last-news div{

	min-height: initial !important;

}

#gruppo_lavoro{

	width: 100%;

}



#main.main-home div#widget-tabs ul.ui-tabs-nav{

	border-bottom: 5px solid #f6f6f6;

  	height: 36px;

  	text-align: center;

}

#main.main-home div#widget-tabs ul.ui-tabs-nav li{

	float: left;

	width: 27%;

	padding: 10px 1.4%;

	margin: 0 0.25%;

	background: #eee;

	border-top-left-radius: 15px;

  	border-top-right-radius: 15px;

}

#main.main-home div#widget-tabs ul.ui-tabs-nav li:first-child{

	margin-left: 0;

}

#main.main-home div#widget-tabs ul.ui-tabs-nav li:last-child{

	width: 36.6%;

	margin-right: 0;

}

#main.main-home div#widget-tabs ul.ui-tabs-nav li.ui-state-active{

	font-weight: 700;

	background: #f6f6f6;

}

#main.main-home div#widget-tabs div.ui-tabs-panel{

	margin: 0;

  	padding: 40px 15px 15px;

  	float: none;

  	background: #f6f6f6;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li{

	float: left;

	width: 20%;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li span{

	display:none;

}

#main.main-home div#widget-tabs ul.ui-tabs-nav li a{

	display: block;

  	width: 90%;

  	height: 90%;

  	margin: 0 auto;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li a{

	display: block;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li a:after{

	background: url('../../../images/stadi.gif') no-repeat top left;

	display:block;

	content: "";

	width: 58px;

	margin: 0 auto;

	height: 77px;

}

/* bg positioning */

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio0 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors0 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments0 a:after{

	background-position: -18px 0;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio1 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors1 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments1 a:after{

	background-position: -112px 0;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio2 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors2 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments2 a:after{

	background-position: -199px 0;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio3 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors3 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments3 a:after{

	background-position: -292px 0;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio4 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors4 a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments4 a:after{

	background-position: -384px 0;

}

/* hover */

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio0:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors0:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments0:hover a:after{

	background-position: -18px -77px;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio1:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors1:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments1:hover a:after{

	background-position: -112px -77px;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio2:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors2:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments2:hover a:after{

	background-position: -199px -77px;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio3:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors3:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments3:hover a:after{

	background-position: -292px -77px;

}

#main.main-home div#widget-tabs div.ui-tabs-panel li#Estadio4:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#survivors4:hover a:after,

#main.main-home div#widget-tabs div.ui-tabs-panel li#treatments4:hover a:after{

	background-position: -384px -77px;

}

/* end bg positioning */

#main.main-home div.calloutBox{

	border-top: 10px solid #a5311f;

  	padding: 15px;

  	margin: 0 0 25px;

  	min-height: initial;

  	background: #fff;

  	float: none;

}

#main.main-home div.calloutBox span.box-title{

	padding-right: 46px; /*the width of the right-arrow */

}

#main.main-home div.calloutBox span.right-arrow{

	background: url('../../../images/arrow_large_right.png') no-repeat 0 0;

	display: block;

	width: 46px;

	height: 46px;

	position: absolute;

	right: 0;

	top: -13px;

}

#main.main-home div.calloutBox a:hover{

	color: #fad133;

}

#main.main-home div.calloutBox a:hover span.right-arrow{

	background-position: 0 -46px;

}

#main.main-home div.calloutBox h3 a, #main.main-home div#widget-tabs div.ui-tabs-panel h3{

	font-size: 130%;

  	margin-bottom: 30px;

  	display: block;

  	position: relative;

  	padding-right: 46px;

  	line-height: 28px;

  	font-weight: 700;

}

#main.main-home div#blogBox{

	

}

#main.main-home div#nurseBox{

	padding-bottom: 0 !important;

}

#main.main-home div#linksBox{

	background: #eee;

	text-align: center;

}

#main.main-home #gruppo_lavoro > div.calloutBox{

	float: left;

	padding: 15px 1%;

	margin: 0 1% 25px;

	width: 46%;

}





/* FINE HOME PAGE */

#ttcont{

	line-height: 20px;

	padding: 15px !important;

}

/* SIDEBAR MENU */

#sidebar-menu-wrapper{

	padding: 5px 0 10px;

	border: 2px solid #a5311f;

	border-left: 0;

	border-right: 0;

	/*list-style: initial;*/

	line-height: 23px;

}

#sidebar-menu ul li{

	padding: 5px 3%;

	border-bottom: 1px solid #eee;

}

#sidebar-menu ul li:last-child{

	border-bottom: 0;

}

#sidebar-menu ul li a{

	width: 100%;

	display:block;

	color: #000;

}

#sidebar-menu ul li.current-menu-item{

	background: #eee;

}



#sidebar-menu ul li a:hover, #sidebar-menu ul li ul.sub-menu li a:hover{

	color: #fad133;

}



#sidebar-menu ul li ul.sub-menu{

	padding: 5px 1% 5px 5%;

	display: none;

	font-size: 85%;

  	list-style-type: decimal;

}

#sidebar-menu ul li.current-menu-item ul.sub-menu{

	display: block;

}

#sidebar-menu ul li ul.sub-menu li a{

	color: #555;

}

#sidebar-menu ul li.current-menu-item a, #sidebar-menu ul li ul.sub-menu li.current-menu-item a{

	font-weight: bold;

	color: #fad133;

}

#sidebar-menu header span{

  	font-weight: 900;

  	padding: 10px 0 5px;

  	display: block;

  	line-height: 25px;

  	border-top-left-radius: 15px;

  	border-top-right-radius: 15px;



}

#sidebar-menu header span p{

	padding: 5px 0;

	color: #fad133;

	margin-top: 5px;

	font-size: 115%;

}

#sidebar-menu header span a{

	color: #333;

  	font-weight: 400;

  	display: block;

	padding: 5px 0;

	width: 113%;

	position: relative;

	left:-8%;

  	border-top-left-radius: 15px;

  	background: #eee;

  	border-bottom-left-radius: 15px;

}

#sidebar-menu header span a i, a#torna_in_cima i{

	background: url('../../../images/arrow_left.png') no-repeat;

	width: 26px;

	display: block;

  	float: left;

  	height: 26px;

}

#sidebar-menu header span a:hover i, a#torna_in_cima:hover i{

	background-position: 0 -26px;

}
a#torna_in_cima i{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    margin: 0 5px;
}
a#torna_in_cima{
    color: #333;
    font-weight: 400;
    display: block;
    padding: 10px 0;
    margin: 30px 0 0;
    width: 100%;
    background: #eee;
}
a#torna_in_cima:hover{
	color: #fad133;
}
/* END SIDEBAR MENU */



/* STICKY-NOTE */

.sticky-note{

  background: #eee;

  font-size: 14px;

  margin-top: 10px;

  padding: 0 3% 10px;

  line-height: 23px;

  border-radius: 10px;

}



.sticky-note > *:first-child{

	padding-top: 10px;

	display: block;

}

.sticky-note h3{

	border-radius: 10px;

	border-bottom-right-radius: 0;

	border-bottom-left-radius: 0;

	text-align: center;

  	line-height: 1.4;

  	background: none repeat scroll 0 0 #fad133;

  	padding: 10px 1%;

  	margin: 20px -3% 5px;

  	border-bottom: none;

  	color: #fff;

  	font-size: 18px;

}

.sticky-note ul{

	margin: 15px 0;

}

/* END STICKY-NOTE */

/* news */

.news-page .article{

	width: initial;

}

#evento-evidenza{

    float: left;

    padding-left: 2.5%;

    margin-left: 2.5%;

    margin-bottom: 15px;

}

#evento-evidenza a h3{

    letter-spacing: 0;

    font-size: 20px;
    font-weight: 700;

    margin-top: 0;

}

#evento-evidenza p{

    font-size: 13px;

}

#evento-evidenza .news > div{

    width: 65%;

}

#eventi:after{

    display: block;

    content: '';

    clear: both;

}

.evento{

    width: 200px;

    float: left;

    height: 200px;

    overflow: hidden;

    margin: 20px 25px;

}

.evento a h4{

    display: block;

    background: #a5311f;

    color: #fff;

    margin: 0;

    font-weight: 400;

    padding: 5px 10px;

    line-height: 18px;

    font-size: 13px

}
#spagnamap{
	text-align: center;
}
#spagnamap div.map{
	margin:0 auto;
}
#spagnamap img, #spagnamap div.map{
	border: 1px solid;
    background-color: #fff !important;
}
.single-news .article > header{

	border-bottom: 1px solid;

}

.fonte{

	padding: 0 5px 15px;

	display: block;

}

.img-wrapper{

	text-align: center;

}
#sidebar-news > h4{
	margin: 10px 0;
	padding: 0 0 5px;
	font-size: 18px;
	color: #a5311f;
	border-bottom: 2px solid #a5311f;
}
.sidebar-evento{

	width: initial;

	height: initial;

	margin: 20px 8%;
	padding-top: 10px;
	background:#eee;
}

.content-sub > h4{

	padding: 15px 20px;

	background: #a5311f;

	color: #fff;

	margin-bottom: 15px;

}

.news a.alignleft{

	margin-right: 15px;

}

/* / news */

.alignleft{

	float: left;

}

/* RIFERIMENTI */

.riferimenti{

	border-top: 1px solid #aaa;

  padding-top: 15px;

}

.riferimenti pre{

	white-space: pre-line;

	font-family: inherit;

}

.riferimenti h6{

	font-size: 14px;

	margin: 0;

	font-weight: 400;

	line-height: initial;

}

.riferimenti h6:first-child{

	margin-bottom: 5px;

}

/* END RIFERIMENTI */

/* GLOSSARY */

ul#glossaryList{

	width: 95% !important;

	padding: 0 0 0 5% !important;

	margin: 0 auto !important;

	list-style-type: decimal;

}

ul#glossaryList li{

	float: left;

	line-height: 25px;

  	width: 50%;

}

/* END GLOSSARY */

/* sticky */

.is-sticky #masthead{

	border-top: 0;

	border-bottom: 5px solid #a5311f;

	width: 100%;

	z-index: 999999;

}

.is-sticky #masthead-wrapper{

	padding-top: 0;

	margin-bottom:0;

	min-height: initial;

}

.is-sticky #site-title img{

	width: 50%;

}

.is-sticky #main-navigation{

	height: 45px;

}

.is-sticky #main-navigation li > a{

	padding: 10px 0 5px;

}

.is-sticky #main-navigation li > a:before{

	bottom: 8px;

}

/* end sticky*/
#menu-mobile-open{
	display: none;
	text-indent: -9999em;
}
#wrapper{
            width:100%;
            height:100%;
            position: fixed;
            z-index: 99999;
            top:60px;
            left:0;
            background: rgba(0,0,0,.5);
            display: none;
}
/* new social */

    #boxsocial_mobile{

        width: 65%;

        margin-bottom: 20px;

        float: left;

        min-width: 320px;

    }

    #boxsocial_mobile div{

        width: 21%;

        margin: 0 2%;

        float: left;

    }

    #boxsocial_mobile div.single_dataeora{

        width:100%;

        float: right;

        text-align: right;

        margin:0 3% 10px;

    }

    .counter{

        display: block;

        height: 22px;

        width: 100%;

        margin: 0 auto;

        width: 96%;

        text-align: center;

    }

    #fb .counter, #tw .counter, #gg .counter, #wa .counter{

        border: 1px solid #eee;

        padding-top: 5px;

        font-size: 13px;

        text-shadow: 2px 2px 2px #eee;

    }

    .sprite-social{

        display: block;

        height: 27px;

        width: 100%;

        border-radius: 2px;

        -moz-border-radius: 2px;

        -webkit-border-radius: 2px;

        border-top-width: 2px;

        cursor: pointer;

        border-top-style: solid;

    }

    .sprite-social:after{

        display:block;

        width:35px;

        height:27px;

        content: "";

        margin: 0 auto;

        background: url('images/social-sprite.png') no-repeat;

    }

    #fb .sprite-social{

        background: #43609C;

        border-color: #7A94C8;

    }

    #tw .sprite-social{

        background: #3CCEFF;

        border-color: #7EF8FF;

    }

    #gg .sprite-social{

        background: #BE3838;

        border-color: #EF7474;

    }

    #wa .sprite-social{

        background: #49cf06;

        border-color: #77db44;

    }

    #fb .sprite-social:after{

        background-position: 0 0;

    }

    #tw .sprite-social:after{

        background-position: -32.75px 0;

    }

    #gg .sprite-social:after{

        background-position: -65.5px 0;

    }

    #wa .sprite-social:after{

        background-position: -98.25px 0;

    }

    /* FINE new social */

    /* search form */

    #search-box{
    	cursor: pointer;
    	position: absolute;

    	top: 0;

    	right: 0;

    	padding: 17px 0 7px;

    	height: 30px;

    	width: 40px;

    	text-align: center;

    }

    #search-box.opened, #search-box.opened #searchform{

    	background:#a5311f;

    }

    #search-box img{

    	cursor: pointer;

    }

    #search-box:hover{

    	background: #a5311f;
    }

    #searchform{

    	width: 610px;

    	position: absolute;

    	top: 40px;

    	right: 0;

    	border-bottom: 2px solid #600;

    	z-index: 999999999999;

    	display: none;

    	text-align: right;

    	padding: 0.3em 10px;

    }

    /* end serach form */
@media  screen and (max-width:1100px) {
    #main-navigation{
    	width: 72%;
    }
}

/* MOBILE RESPONSIVE RDMEDIA MEDIA QUERY */
@media  screen and (max-width:975px) {
	#site-info{
		position: relative;
	}


	#branding {

    left: 0;

    margin: 0 auto;

    position: relative;

    top: 13px;
}

        ::-webkit-scrollbar {
            display: block;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #aaa;
            -webkit-box-shadow: 0 0 1px rgba(125,125,125,.5);
            display: block;
        }
        .article{
        	width: 96%;
        }
        .sub{
        	width: 96%;
        	margin:0;
        	padding: 15px 2%;
        	border-radius: initial;
        }
        #sidebar-menu ul li{
        	padding: 5px 0;
        }
        #sidebar-menu ul li a{
        	width: 96%;
        	padding: 0 2%;
        }
        #sidebar-menu header span a{
        	left: 0;
        	width: 100%;
        	border-radius: 0;
        }
        .sidebar-menu-wrapper{
            display: none !important;
        }
        .hentry{
            position: static;
        }
        #main-navigation{
            display: none;
        }
        #loop-wrapper{
            max-height: initial;
        }
        #mapbar{
            padding: 0 !important;
            margin: 0;
        }
        #mapbar #lang_sel_list{
            float: none;
            margin-right: 0 !important;
        }
        #mapbar #lang_sel_list img.iclflag{
            width: 27px;
            height: 18px;
        }
        #mapbar #lang_sel_list li{
            margin: 0 !important;
            width: 50%;
            text-align: center;
        }
        .article h1{
        	font-size: 1.5em;
        	border-bottom: 1px solid #000;
        	padding-bottom: 10px;
        	font-weight: 700;
        }
        /*
        #mapbar #lang_sel_list li a img{
            display: none !important;
        }
        #mapbar #lang_sel_list li a:before{
            display: block;
            width: 30px;
            height: 20px;
            content: '';
            background: url('http://www.melanomaespana.es/wp-content/themes/rdmedia/images/sprite_flags.png');
        }*/
        #mapbar #lang_sel_list li.icl-en a:before{
            background-position: 0 0;
        }
        #mapbar #lang_sel_list li.icl-fr a:before{
            background-position: 0 -20px;
        }
        #mapbar #lang_sel_list li.icl-it a:before{
            background-position: 0 -40px;
        }
        #menu-mobile-open{
            display: block;
            width:35px;
            height:34px;
            background: url('images/hambmenu.png') no-repeat;
            background-position: center center;
            position: absolute;
            left: 0;
            padding: 10px;
            top: 16px;
            z-index: 9999999;
        }
        a#glossary{
        	right: 50px;
        	padding: 34px 10px 30px;
        }
        .evento{
        	width: 30%;
        	margin: 30px 1.5%;
        }
        #searchform{
        	width: 92%;
        	position: fixed;
        	top: 84px;
        	padding: 10px 4%;
        }
        ul#glossaryList li{
        	font-size: 12px;
        }
        a.glossaryLink{
        	font-size: 15px;
        }
        #s, #q{
        	width: 100%;
        	margin: 2px 0 10px;
        }
        #masthead{
        	position: fixed;
        	left:0;
        	top:0;
			border-top: 0;
			border-bottom: 5px solid #a5311f;
			width: 100%;
			z-index: 999999;
			height: 84px;
        }
        #masthead-wrapper{
        	    padding: 0;
			    margin-bottom: 0;
			    min-height: initial;
        }
        #search-box{
        	padding: 35px 0 19px
        }
        #site-title img{
        	width: 93px;
        }
        div#all_wrapper{
        	margin-top: 89px;
        }
        #mapbar{
            float: none;
            height: initial;
        }
        #international_links{
              float: none;
              position: fixed;
              margin: 0 !important;
              top: initial;
              bottom: 0;
              left: 0;
              z-index: 9999999;
              padding-top: 0;
              width: 85%;
              display: none;
              height: initial;
              max-width: 500px;
        }
        #international_links a{
        	width: 16%;
        	text-align: center;
        }
        #international_links img{
        	width:100%;
        	max-width: 25px;
        }
        .RdM-pdf-embed{
            width: 90%;
            left: 5%;
        }
        .certificate_layout_2 > div{
            width: 100% !important;
            margin: 0 !important;
            border-left: 0;
        }
        .content_wrapper{
            border-bottom: 1px solid #fad133;
        }
        #data-top a img, #data-top a:after{
            display: block;
            margin: 0 auto;
        }
        .fullwidth{
        	width: 80%;
        	position: relative;
        	margin: -10px auto 0;
        	height: 300px;
        	padding-top: 70px;
        }
        #box_pdf{
        	position: absolute;
        	margin: 0;
        	top: 0;
        	left: -10%;
        	right: -10%;
        }
        .page-template-template-mappa#content{
        	border-left: 0;
        	border-top: 10px solid #a5311f;
        	width: 100%;
        	height: initial;
        }
        #lista_esperti h3:after{
	        float: right;
	        background: url('images/piumeno.png');
	        background-position: 0 0;
	        height: 35px;
	        width: 35px;
	        display: block;
	        position: relative;
    		bottom: 4px;
	        content: '';
        }
        #lista_esperti h3.open:after{
        	background-position: 0 35px;
        }

        #main-navigation{
            width: 85%;
            height: 100%;
            max-width: 500px;
            position: fixed;
            text-align: center;
            top: 89px;
            z-index: 999999;
            left: 0;
            padding-top: 0;
            margin: 0;
            border-right: 5px solid #222;
        }
        #main-navigation li > a:before{
        	display: none;
        }
        .internal_page .hentry{
            width: 100%;
        }
        #scroll{
            display: none;
        }
        .provincia-box{
        	padding: 0;
        	margin: 0;
        }
        .loop-single .img_content{
            padding: 6px 2% 1px;
            /*margin-right: 2%;
            width: 23%; */
            width: 100%;
            margin: 0 auto;
            float: none;
            max-width: 200px;
        }
        .loop-single .content_wrapper{
            /*width: 70%;*/
            width: 100%;
            margin-top: 30px;
            border: 0;
        }
        .dove-siamo .entry-content:first-of-type{
            padding-bottom: 0;
        }
        .dove-siamo .entry-content:last-of-type{
            padding-top: 0;
        }
        .home-center{
            padding-top: 60px;
        }
        #last-news img{
        	max-width: 150px;
        	max-height: 142px;
        	width: 100%;
        	height: 100%;
        }
        #site-navigation{
            margin:0;
            background: #000;
            height: 100%;
            float: none;
        }
        #spagnamap img{
        	max-width: 100%;
        	height: auto;
        }
        .entry-content h2{
            font-size: 22px;
        }
        .home #site-navigation{
        }
        ul#menu-main_menu{
            overflow: auto;
            padding-top: 20px;
        }
        
        ul#menu-main_menu li{
            width: 100%;
            border-bottom: 1px dotted #555;
            padding: 5px 0;
            height: initial !important;
        }
        ul#menu-main_menu a, #menu-main_menu li ul.sub-menu li a{
            width: 90%;
            font-size: 20px !important;
            margin: 5px 5%;
            padding: 0 !important;
        }
        menu, ol#menu-main_menu, ul#menu-main_menu a, #sidebar-menu-wrapper a{
            text-shadow: none;
        }
        .home ul#menu-main_menu a{

        }
        ul#menu-main_menu li.current-menu-item a,
        #sidebar-menu-wrapper li.current-menu-item a{
            text-decoration: none;
            border: 0;
            /* background: rgba(0,0,0,.5); */
        }
        .home ul#menu-main_menu li.current-menu-item a{
        }
        #menu-main_menu .current-menu-item > a, 
        .home ul#menu-main_menu li.current-menu-item a,
        ul.sub-menu li a,
        ul.sub-menu li.current-menu-item a{
            margin: 6px 5%;
            /* color: #fff; */
        }
        .home #menu-main_menu .current-menu-item > a{
        }
        ul.sub-menu{
            position: static;
        }
        .entry-content-12 #content_wrapper > div{
            width: 100% !important;
            margin: 0 !important;
        }
        .hentry{
            width: 95%;
            margin: 0 auto;
            padding: 0;
            clear: both;
        }
        #colophon .site-info > a{
            color: #e00;
        }
        #box-actions{
            margin: 0 auto 50px;
            width: 240px;
            float: none;
        }
        .site-footer{
            background: #fff;
            position: relative;
            padding: 5px 0;
            /*z-index: 9999999;*/
            font-size: 15px;
        }
        .site-info{
            width: 90%;
            color: #000;
            text-shadow: none;
            font-size: 15px;
        }
        #sponsor_footer div.alignleft{
            max-width: initial;
            margin: 30px 0 10px;
        }
        #sponsor_footer div.alignright{
            max-width: initial;
            margin: 10px 0 0;
        }
        #sponsor_footer div > *{
            margin: 0 5%;
        }
        #sponsor_footer div > *:last-child{
            margin-right: 0;
        }
        .entry-content{
            padding: 20px 5%;
            margin-bottom: 0;
        }
        .entry-content p img{
            width: 100%;
            height: 100%;
            max-width: 500px;
            display: block;
            margin: 0 auto;
        }
        #main.site-main{
        }
        .home .entry-content{
            min-width: initial;
        }
        .certificate_layout_2 #box-actions{
            margin: 20px 0 50px;
            width: 100%;
        }
        #primary{
            z-index: 1;
            margin-top: 40px;
        }
        .home #primary{
            padding-top: 0;
        }
        #background-mask{
            display: none;
        }
        .home .home-center > .img-wrapper{
            margin-bottom: 50px;
        }
        #background-mask{
            z-index: 0;
        }
        .home-center #date{
            text-align: center;
            font-weight: 700;
        }
        #box-last-news .box-title-top{
            top: -75px;
            height: 75px;
        }
        .row{
            width: 100%;
            max-width: 1024px;
        }
        .box-title-top{
            width:100%;
            overflow: hidden;
        }
        .home .box-title-top{
            position: static;
            font-size: 17px;
            height: initial;
        }
        .news > picture, .news > a{
            float: none;
            margin: 0 auto 10px;
            display: block;
            width: 100%;
        }
        .news > div{
            width: 100%;
        }
        
        #prevslide, #nextslide{
            top: initial !important;
            float: right !important;
            position: static !important;
            margin: -100px 0 0 !important;
        }
        #nextslide{
            margin-right: 10px !important;
        }
        #prevslide{
            margin-right: 65px !important;
        }
        #content_wrapper{
            margin-top: 20px;
            overflow: initial;
            overflow-x: initial;
        }
        /* sprites mobile always hover:state; */
        /* /sprites mobile */
        #site-info-bottom{
        	padding: 30px 3% 0;
        }
        #social-links{
        	position: static;
        	width: 188px;
        	margin: 15px auto -15px;
        	padding-bottom: 15px;
        }
        .entry-content p{
            font-size: 18px;
            line-height: 22px
        }
        .ui-tabs .ui-tabs-nav{
            margin: -66px 0 10px
        }
        .ui-tabs .ui-tabs-nav li:last-child{
            padding-right: 0;
        }
        .ui-tabs .ui-tabs-nav li{
            padding-bottom: 15px !important;
        }
        .ui-tabs img.alignleft{
            width: 100%;
            max-width: 300px;
        }
        form{
            max-height: initial;
        }
        #sidebar-menu-wrapper{
        	border-width: 10px 0;
        }
        #sidebar-menu ul li.current-menu-item{
        	border-top: 1px solid #a5311f;
        	border-bottom: 1px solid #a5311f;
        }
        li a i.sub-indicator{
            display: block;
            height: 15px;
            width: 15px;
            margin: 5px 5px 0 -40px;
            padding: 5px 20px;
            float: right;
            content: '';
            background: url('images/arrow-bottom.png') no-repeat;
            background-position: 11px -28px;
        }
        #main-navigation ul li > ul li a i.sub-indicator{
        	background: url('images/arrow-light.png') no-repeat;
            background-position: 10px;
        }
        #main-navigation ul li > ul{
        	position: static;
        	padding: 0;
        	border-top-width: 1px;
        	display: none;
        }
        #main-navigation ul li > ul:after{
        	display: block;
        	clear: both;
        	content: '';
        }
        #widget-tabs{
        	display: none;
        }
        #main-navigation ul li > ul li, #main-navigation .primary-nav > ul li:nth-of-type(2) > ul li{
        	width: 100%;
        	padding: 10px 0;
        }
        #main-navigation ul li > ul li > ul li{
        	border: 0;
        }
        #main-navigation ul li > ul li > ul{
        	display: none;
        	background: #eee;
        }
        .alignleft{
            width: 100%;
            margin: 0;
            padding: 0;
        }
        #lang_sel_list a.lang_sel_sel{
            background: rgba(255,255,255,.1) !important;
        }
        
        #eventi{
            max-height: initial;
        }
        #content_wrapper.eventi{
            width: 100%;
            text-align: center;
            max-width: initial;
        }
        #content_wrapper.eventi img.alignnone{
            max-width: 200px;
        }
        #evento-evidenza{
            width: 100%;
            margin: 0;
            border-left: 0;
            border-top: 1px dotted #e00;
            padding-top: 4px;
            background: rgba(220,245,150,.5);
        }
        #evento-evidenza .news > div{
            width: 100%;
            padding: 0 5%;
        }
        .sub{
        	min-height: initial;
        }
        #page{
        	padding-bottom: 0;
        	margin-bottom: 0;
        }
        #torna_in_cima_wrapper{
        	margin-bottom: 10px;	
        }
        article .ui-mobile a img, article img{
        	width: 100%;
        	height: initial;
        	max-width: 500px;
        }
        th, td{
        	border-bottom: 1px solid #a5311f;
        }
        th h6, td h6{
        	font-size: 15px;
        }
        ul#glossaryList li{
			width: 28%;
			margin: 0 5% 0 0;
		}
}


    @media  screen and (max-width: 800px) {
    	#melanoma div.calloutBox{
    		border-top: 0 !important;
    		margin-top: 40px !important;
    	}
		.ui-tabs .ui-tabs-nav li:last-child{
            padding-right: 0!important;
        }
        .ui-tabs img.alignleft{
            width: 100%!important;
            max-width: 300px!important;
        }
		.ui-tabs .ui-tabs-nav li{
			border-radius: initial !important;
            width: 100%!important;
            padding: 10px 0 !important;
            margin: -80px 0 0!important;
            border-bottom: 1px solid #a5311f!important;
        }
        .ui-tabs-panel {
		    border-left: 10px solid #a5311f!important;
		}
        .ui-tabs .ui-tabs-nav li:first-child{
            margin-top: -40px!important;
        }
        .ui-tabs .ui-tabs-nav li:nth-child(3){
            margin-top: -120px!important;
        }
        .ui-tabs .ui-tabs-nav li.ui-tabs-active{
            margin-top: 0!important;
        }
        .ui-tabs .ui-tabs-nav{
        	padding: 0!important;
            margin: 10px 0 -4px !important;
        }
        #main.main-home div#widget-tabs ul.ui-tabs-nav li.ui-state-active{
        	background: #a5311f;
        }
        #main.main-home div#widget-tabs ul.ui-tabs-nav li.ui-state-active a{
        	color: #fff;
        }
        #main.main-home div#widget-tabs div.ui-tabs-panel{
        	padding-top: 30px;
        }



    }
@media  screen and (max-width: 652px) {
	.ln-letters a{
		width: 24%;
		padding: 10px 0 !important;
		border-right: 1px solid silver !important;
		text-align: center;
	}
}
@media  screen and (max-width: 600px) {
	#main.main-home #gruppo_lavoro > div.calloutBox{
		width: 96%;
	}

	ul#glossaryList li{
		width: 41%;
		margin: 0 9% 0 0;
	}
	.evento{
       	width: 48%;
        margin: 30px 1%;
    }
	
}
@media  screen and (max-width: 500px) {
	ul#menu-main_menu a, #menu-main_menu li ul.sub-menu li a, #sidebar-menu-wrapper a{
		font-size: 15px !important;
	}
	#melanoma div{
		min-height: 190px !important;
		margin-bottom: 0 !important;
	}

}
@media  screen and (max-width: 400px) {
	.rev_slider_wrapper{
		display: none !important;
	}
	ul#menu-main_menu a, #menu-main_menu li ul.sub-menu li a, #sidebar-menu-wrapper a{
		text-align: left;
	}
	#main.main-home div.calloutBox h3 a, #main.main-home div#widget-tabs div.ui-tabs-panel h3{
		font-size: 100%;
	}
	#main.main-home div#widget-tabs div.ui-tabs-panel li{
		width: 33%;
	}
	#melanoma div{
		min-height: 270px !important;
	}
	#branding{
		margin: 0 0 0 20%;
	}
	a#glossary{
		font-size: 14px;
		right: 40px;
		padding-bottom: 32px;
	}
	ul#glossaryList li{
		width: 90%;
		margin: 0 0 0 10%;
	}
	.evento{
       	width: 100%;
        margin: 20px 0;
    }
}

@media print {

	body *{

		font-size: 95% !important;

	}

	#masthead-wrapper{

		min-height: 0;

	}

	 #glossary, #international_links, #main-navigation, #sidebar-menu,

	#foot-mobile{

		display: none;

	}

	.glossaryLink{

		color: inherit;

		border-bottom: 0;

	}

}