/*  
Theme Name: Ramini Assicurazioni
Theme URI: http://www.raminiassicurazioni.it
Description: Ramini Assicurazioni
Version: 1.0
Author: BeeSoft
Author URI: http://www.beesoft.it
*/

/**************************************************************************************/

* { padding: 0px; margin: 0px; border: 0px; outline: 0px; }

body {
	font-family: 'Hammersmith One', sans-serif;
	background: #f7f7f7;
	font-size: 12px;
	color:#003660;
}

h1, h2, h3, h4, h5, h6 { color: #1268ac; }

a { 
	text-decoration: none; 
	color: #DF4901;
}

a:hover { text-decoration: underline; }

li { list-style: none; }

/**************************************************************************************/

#container {
	margin: 20px auto 20px auto;
	padding: 20px;
	background: #ffffff;
	overflow: hidden;
	width: 940px;
	border:1px solid #f1f1f1;
}

#header, #content, #footer {
	overflow: hidden;
	width: 100%;
}

#logo {
	width: 320px;
	height: 100px;
	padding-bottom:40px;
	float: left;
}

#logo img {
	width:100%;
	height:auto;
	display:inline-block;
}

#tel {
	padding-bottom:20px;
	float: right;
}

#tel a { 
	padding:16px 20px 0 10px;
	float:left; 
}

#tel strong { 
	font-weight:100;
	padding:16px 20px 0 10px;
	font-family: 'Open Sans', sans-serif;
	float:left; 
}

#tel .ref {
	text-align:center;
	margin:0 0 4px 0px;
	float:left;
}

#tel .ref .fa-phone, #tel .ref .fa-print, #tel .ref .fa-envelope-o, #tel .ref .fa-map-marker {
	width:40px;
	background:#1268ac;
	border-radius:50%;
	padding:10px 0 10px 0;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding-top:12px;
	float:left;
}

/************************** SLIDER *****************************/

#slider { 
	background: #e5e5e5; 
	position: relative;
}

#slider .viewport {
	width: 100%;
	height: 420px;
	overflow: hidden;
	position: relative;
}

#slider .slide {
	position: absolute; 
	overflow: hidden;
	height: 100%;
	width: 100%;
	display: none;
	top:0;
	left:0;
}

#slider .slide .container { 
	position: relative; 
	height: 100%;
	z-index: 50;
}

#slider .slide .info {
	position: absolute;
	text-align:center;
	left: 70px;
	top: -300px;
	opacity: 0;
	z-index:999999;
	-webkit-transition: all 1.2s ease-in-out; 
	-moz-transition: all 1.2s ease-in-out; 
	-o-transition: all 1.2s ease-in-out; 
	transition: all 1.2s ease-in-out;
}

#slider .slide.show .info { 
	top: 80px; 
	opacity: 1;
}

#slider .slide .info h2 { 
	font-size: 25px; 
	margin-bottom: 10px;
	background:rgba(255,255,255,0.9);
	width:300px;
	padding:10px;
}

#slider .slide .info p {
	line-height: 160%;
	margin-bottom: 20px;
	background:rgba(18,104,172,0.9);
	color:#fff;
	width:380px;
	padding:10px;
	margin-left:40px;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}

#slider .slide .obj {
	position: absolute;
	text-align: center;
	bottom: -100%;
	right: 40px;
	opacity: 0px;
	-webkit-transition: all 1.2s ease-in-out; 
	-moz-transition: all 1.2s ease-in-out; 
	-o-transition: all 1.2s ease-in-out; 
	transition: all 1.2s ease-in-out;
}

#slider .slide.show .obj {
	opacity: 1;
	bottom: 0px;
}

#slider .slide .obj img {
	width: auto;
	max-width: 100%;
}

#slider .slide.blocks-invert .info { 
	right: 50px; 
	left: auto;
}

#slider .slide.blocks-invert .obj { 
	left: 40px; 
	right: auto;
}

#slider .slide.blocks-center .info {
	left: 50%;
	margin-left: -190px;
	text-align: center;
}

#slider .bg { 
	position: absolute; 
	width: 100%;
	top: 0px;
}

#slider .bg img { min-height: 100%; }

#slider .bullets {
	position: absolute;
	text-align: center;
	margin-left: 20px;
	z-index: 50;
	top: 20px;
}

#slider .arrow {
	margin-top: -20px;
	top: 50%;
}

#slider .arrow .fa-chevron-left, #slider .arrow .fa-chevron-right { color:rgba(18,104,172,0.8); }  

#slider .arrow.invert { color:rgba(18,104,172,0.9); }

#slider .arrow.left { 
	background:rgba(255,255,255,0.6); 
	left: 0px; 
	padding:6px 10px 6px 4px; 
}

#slider .arrow.left:hover { background:rgba(255,255,255,0.9); } 

#slider .arrow.right {
	background:rgba(255,255,255,0.6); 
	right: 0px;  
	padding:6px 4px 6px 10px; 
}

#slider .arrow.right:hover { background:rgba(255,255,255,0.9); } 

.bullet {
	background: #444;
	display: inline-block;
	border-radius: 20px;
	text-indent: -90000px;
	cursor: pointer;
	opacity: 0.3;
	width: 10px;
	height: 10px;
} 

.bullet.invert { background: #fff; }

.bullet:hover { opacity: 0.5; }

.bullet.sel { 
	opacity: 1; 
	cursor: default;
}

.arrow {
	position: absolute;
	font-size: 40px;
	cursor: pointer;
	z-index: 50;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}

#slider .open {
	position:absolute;
	bottom:20px;
	right:40px;
	width:150px;
	border-radius:50%;
 	background:#DF4901;
	color:#fff;
	font-size:24px;
	text-align:center;
	z-index:999;
	padding:30px 0 30px 0;
	text-transform:uppercase;
	border-bottom:4px solid #9F3400;
}

#highlight { margin:40px 0 40px 0; }

#highlight h2 {
	font-weight:100;
	text-align:center;
	padding:20px 20px 20px 20px;
	border:2px solid rgba(18,104,172,0.6);
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	border-bottom-left-radius:100px;
	border-top-right-radius:100px;
	position:relative;
	overflow:hidden;
}

#highlight h2 .fa-quote-right {
	font-size:60px;
	color:#000;
	position:absolute;
	top:-35px;
	left:10px;
	background:rgba(18,104,172,0.4);
	padding:40px;
	text-align:center;
	border-radius:50%;
	color:#fff;
}
	


/***************************** END SLIDER **************************/

#content { padding-bottom: 40px; }

#section {
	/*background: url('images/bg-section1.jpg') no-repeat;*/
	background:#fff url(images/bg-chisiamo.jpg) bottom no-repeat;
	position: relative;
	height: 140px;
}

#section.sedi { background: url('images/bg-section2.jpg') no-repeat;}

#section.prodotti { background: url('images/bg-prodotti.jpg') no-repeat;}

#section.territorio { background: url('images/bg-territorio.jpg') no-repeat;}

#section.contatti { background: url('images/bg-contatti.jpg') no-repeat;}


#section h2 {
	position: absolute;
	margin-left: 20px;
	bottom: 20px;
	line-height: 25px;
	font-size: 36px;
	/*color: #fff;
	background:rgba(18,104,172,0.9);*/
	background:rgba(255,255,255,0.9);
	color:rgba(18,104,172,1);
	padding:16px 40px 16px 40px;
}

#section a { color: #fff; }

#page {
	overflow: hidden;
	border-top: 0px;
	padding: 40px 0 20px 0;
}

#page .subtitle h1 {
	border-bottom: 1px solid #efefef;
	margin: 20px 0px 20px 0px;
	line-height: 18px;
	font-size: 22px;
}

#subpages {
	margin-top: -1px;
	width: 300px;
	float: left;
}

#subpages li {
	background: url('images/bg-fade.jpg') repeat-x bottom;
	margin-bottom: 1px;
	border: 1px solid #efefef;
	height: 48px;
}

#subpages a {
	background: url('images/bg-title-arrow.png') no-repeat left;
	text-shadow: 1px 1px 1px #fff;
	text-decoration: none;
	line-height: 48px;
	padding-left: 35px;
	display: block;
	height: 48px;
	color: #193c5a;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#subpages a:hover { color: #be3335; }

#subpages .current_page_item { 
	background: url('images/bg-fade-sel.jpg') no-repeat left; 
	width: 315px;
}

#subpages .current_page_item a {
	border: 1px solid #ccc;
	border-right: 0px;
	color: #be3335; 
}

/**************************************************************************************/

#nav {
	/*background: url('images/bg-fade.jpg') repeat-x bottom;*/
	background:#1267AC;
	/*border: 1px solid #f1f1f1;
	overflow: hidden;
	clear: both;*/
	width:100%;
	float:left;
}

#nav ul { 
	text-align:center;
	margin:0;
	padding-left:34px; 
}

#nav li {
	font-size:16px;
	padding:0;
	position:relative;
	float: left;
}

#nav li:after {
	content:'';
	display:inline-block;
	width:0px;
	height:60px;
	border-left:1px solid #0F5893;
	border-right:1px solid #136FB9;
	position:absolute;
	right:0px;
	top:0;
}

#nav li.last:after { display:none; }

#nav a {
	padding: 10px 43px 10px 43px;
	line-height: 40px;
	color: #fff;
	display: block;
	float: left;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}

#nav a:hover {
	text-decoration: none;
	color: #fff;
	background:#232446; 
}

#nav .sel a:hover #nav li.sel a { background:#DF4901; } 

#nav .sel { background:#DF4901; }

#nav .sel a { color: #fff; }

/************************************************************************************

#news {
	background: url('images/bg-news.jpg') no-repeat right top;
	position: relative;
}

#news ul { width: auto; }

#news li {
	width: auto;
	margin: 0px 50px 10px 0px;
	border: 0px;
	float: none;
}

#news h3 { font-size: 12px; }

#news .bullets {
	position: absolute;
	bottom: 20px;
}

#news .num {
	background: #d1d8de;
	text-indent: -90000px;
	margin-right: 5px;
	display: block;
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#news .num.sel {
	background: #193c5a;
	cursor: default;
}

.date {
	background: url('images/icon-news.gif') no-repeat left;
	margin-bottom: 5px;
	padding-left: 20px;
}

.posts li {
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.posts h2 { font-size: 14px; }

***********************************************************************************/

#breadcrumb {
	font-size:14px;
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
}

#breadcrumb a { text-transform:uppercase; }

#main {
	width: 600px;
	float: left;
}

.invert #main { 
	padding: 0px 20px 0px 20px;
	width: 540px;
	float: right; 
}

#main.sub { 
	border: 1px solid #ccc; 
	min-height: 456px;
}

#main .title {
	margin-bottom: 10px;
}

#main .title h1 { 
	font-weight: normal;
	font-size: 24px; 
}

#main .cont p, .cont p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
	line-height: 160%;
	font-size:14px;
}

#main .cont ul { margin: 20px 0px 30px 0px; }

#main .cont li, #page .cont li {
	background: url('images/icon-pointer.gif') no-repeat 0px 2px;
	padding-left: 18px;
	margin-bottom: 10px;
	line-height: 160%;
}

#main .cont h1, #main .cont h2, #main .cont h3 {
	font-family: 'Open Sans', sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight:100;
}

#main .cont img { 
	border-radius:8px;
	margin:10px 0 10px 0; 
}

#main .cont iframe {
	overflow:hidden;
	border-radius:8px;
	margin-top:20px;
	margin-bottom:20px;
}

/************* CONTACT FORM *****************/

input#name { margin-top:20px; }

input#name, input#mail, input#phone, input#subject {
	width:100%;
	height:40px;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #e5e5e5;
	background:#fff;
	padding-left:10px;
	font-size:14px;
	font-weight:100;
	margin-bottom:10px;
	border-radius:8px;
}

textarea#message {
	width:100%;
	height:100px;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #e5e5e5;
	background:#fff;
	padding-left:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:100;
	margin-bottom:10px;
	border-radius:8px;
}

#privacy span { font-size:12px; color:#333; }

input#submit {
	width:100%;
	float:right;
	background:#DF4901;
	color:#fff;
	border-bottom-left-radius:40px;
	border-top-right-radius:40px;
	border-bottom:4px solid #9F3400;
	text-align:center;
	padding:6px 10px 6px 10px; 
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	font-size:12px;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	margin-top:20px;
	cursor:pointer;
}

input#submit:hover {background:#9F3400; }

	
	

/**************************************************************************************/

#sidebar {
	width: 300px;
	float: right;
}

.invert #sidebar { float: left; }

#sidebar .box {
	margin-bottom: 20px;
	background: #efefef;
	padding: 10px;
}

#sidebar .box h3 {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}

#sidebar .box li {
	list-style-type: circle; 
	margin: 0px 0px 10px 20px;
}

#sidebar .box p { margin-bottom: 10px; }

#sidebar .btn { width:240px; margin-left:20px; margin-bottom:20px; float:left; }

#sidebar .block .title h2 { color:#fff; }

#sidebar .block p { width:300px; clear:left; text-align:center; font-size:16px; }

#sidebar .block p strong { font-size:18px; color:#DF4901; padding-bottom:10px; font-weight:100; }

#sidebar .block .cont { width:298px; padding:20px 0 0 0;  }


#sidebar .block ul li a {
	width:300px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:100;
	padding:6px 0 6px 0px;
	margin-top:4px;
	border-bottom:2px solid #e5e5e5;
	border-bottom-left-radius:14px;
	float:left;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}

#sidebar .block ul li a:hover, #sidebar .block ul li a.sel {
	background:#DF4901;
	border-bottom:2px solid #9F3400;
	color:#fff;
	padding:6px 0 6px 40px;
	text-decoration:none;
}

#sidebar .block ul li .fa-angle-right {
	color:rgba(255,255,255,0.4);
	font-size:40px;
	vertical-align:middle;
	padding-right:8px;
}

#sidebar .block ul:hover > ul a { color:#fff; }


#sidebar #widget_latest_cpt { 
	border-bottom:none;
	padding-left:0; 
}

/*************************************************************************************

#intro {
	background: #e5e5e5;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	height: 350px;
}

#intro li {
	position: absolute;
	overflow: hidden;
	width: 940px;
	height: 420px;
	margin-left:-20px;
}

#intro .bg {
	position: absolute;
	width: 940px;
	height: 300px;
}

#intro .bg:after {
	content: ' ';
	display: block;
	background: url('images/mask-slider.png') no-repeat;
	position: absolute;
	width: 940px;
	height: 300px;
	top: 0px;
}

#intro .text {
	position: absolute;
	margin: 30px;
	width: 500px;
}

#intro h1, #intro p {
	background: url('images/bg-opacity.png');
	background: rgba(25,60,90,0.5);
	padding: 10px;
}

#intro p {
	margin-bottom: 20px;
	font-size: 22px;
	color: #a6b0ba;
}

#intro h1 {
	padding-bottom: 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size: 30px;
	color: #fff;
}

#intro a {
	font-style: italic;
	font-size: 16px;
}

#intro .note {
	background: url('images/bg-fade.jpg') repeat-x bottom;
	border: 1px solid #efefef;
	position: absolute;
	font-size: 16px;
	padding-left: 30px;
	line-height: 50px;
	color: #193c5a;
	bottom: 0px;
	width: 908px;
	height: 48px;
}

#intro .logo-fx { float: left; }

#intro .payoff-fx {
	text-align: right;
	font-style: italic;
	font-size: 25px;
	color: #193c5a;
	position: absolute;
	top: 80px;
	right: -150px;
}

***********************************************************************************/

.blocks {
	overflow: hidden;
	width: 100%;
}

/*.blocks ul { width: 110%; }

.blocks li {
	border: 1px solid #efefef;
	margin-right: 20px;
	width: 298px;
	float: left;
}*/

.block {
	width:300px;
	margin-right:20px;
	float:left;
}

.block.last { margin-right:0; margin-left:0px; }

.block .title {
	/*background: url('images/bg-fade.jpg') repeat-x bottom;*/
	height:40px;
	background:#1268ac;
	border-bottom: 2px solid #0F5993;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	position:relative;
	overflow:hidden;
}

#sidebar .widget_bee_widget_products_closest .box { 
	height:28px;
	color:#fff;
	background:#1268ac !important;
	border-bottom: 2px solid #0F5993;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	position:relative;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 14px;
}

.block .title .fa-arrow-circle-o-right {
	font-size:56px;
	color:rgba(255,255,255,0.4);
	position:absolute;
	left:-14px;
	top:-4px;
}

.block .title h2 {
	/*background: url('images/bg-title-arrow.png') no-repeat left;*/
	font-size: 16px;
	text-transform:uppercase;
	text-align:center;
	padding-top:14px;
}

.block .cont { 
	padding: 10px 20px 20px 20px;
	border-bottom:2px solid #f1f1f1;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	float:left;
}

.block .cont:hover { background:#f7f7f7; } 

.block h2 a { color:#fff; }

.block h2 a:hover { text-decoration:none; }

.block p {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	margin-bottom: 20px;
	line-height:150%;
	float:left; 
}

.block p a { color:#003660; }

.block p a:hover { text-decoration:none; }

.block .btn {
	width:100px;
	float:right;
	background:#DF4901;
	color:#fff;
	border-bottom-left-radius:40px;
	border-top-right-radius:40px;
	border-bottom:4px solid #9F3400;
	text-align:center;
	padding:6px 10px 6px 10px; 
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	font-size:12px;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
}

.block .btn:hover { background:#9F3400; text-decoration:none; }

.block .btn .fa-arrow-circle-o-right { font-size:18px; padding-left:4px; }

.block.product {
	width:288px;
	margin-bottom:40px;
	margin-right:20px;
	position:relative;
	float:left;
}

.block.product .photo  {
	width:290px;
	height:150px;
	margin-bottom:10px;
	padding:10px 10px 10px 0;
	float:left;
}

.block.product .photo img { 
	width:100%; 
	height:auto; 
	border-bottom-left-radius:14px;
	border-top-right-radius:14px;
}

.block.product .title {
	padding:4px 10px 4px 10px;
	background:rgba(18,104,172,0.9);
	border-bottom: 2px solid #0F5993;
	border-top-right-radius: 14px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 14px;
	position: absolute;
	top:20px;
	left:0;
	overflow: hidden;
	z-index:999;
}

.block.product .btn { width:140px; }

/**************************************************************************************/

.sede {
	padding: 20px 20px 20px 470px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	color: #7f7f7f;
	height: 110px;
}

.sede strong { color: #193c5a; }

.sede p { margin-bottom: 10px; }

.s1 { background: url('images/bg-sede1.jpg') #dcdde1 no-repeat 0px 0px; }
.s2 { background: url('images/bg-sede2.jpg') #dcdde1 no-repeat 0px 0px; }

.sede .map {
	background: url('images/bg-link-map.gif') no-repeat;
	padding: 40px 0px 0px 20px;
	position: absolute;
	display: block;
	bottom: 0px;
	right: 20px;
	width: 103px;
	height: 60px;
}

/**************************************************************************************/

#footer {
	border-top: 2px solid #f1f1f1;
	border-radius:8px;
	padding-top: 20px;
	line-height: 160%;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

#footer .right { text-align: right; }
#footer .right a { margin-left: 10px; }

#footer .fa-print, #footer .fa-phone { font-size:16px; color:#1268ac; padding-right:6px; padding-left:10px; }

#footer strong { color:#1268ac; font-size:12px; }

#footer .center {
	margin-left:150px;
	float:left;
}

#footer .center .logo-reale {
	width:80px;
	text-align:center;
	margin:0 auto;
}

#footer .center .logo-reale img { width:100%; float:left; height:auto; }

#footer address {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-style:normal;
	font-size:10px;
	float:left;
}

/**************************************************************************************/
/*// Google maps*/
#map_canvas {
    height: 800px; 
    width:100%;
}

.marker {
    left: 0px;
    top: 0px;
    position: relative;
    z-index: 10;
    width: 250px;
    height: 75px;
}
/**************************************************************************************/

.left { float: left; }
.right { float: right; }