// vim: set syntax=css:
// vim: set foldmethod=marker:

@bodyColor: #797979;
@bodyFont: normal 12px 'Open Sans', sans-serif;
@colorHeaders:#006462;

/*{{{ STANDARD WP*/

html{
background-color:#fff;
}

body{
font:@bodyFont;
color:@bodyColor;
min-width:320px;
}

.flowLeft{
display:block;
float:left;
clear:left;
position:relative;
}
.flowRight{
display:block;
float:right;
clear:right;
position:relative;
}

.bottomMargin{
margin-bottom:6px !important;
}

#registrazione table td a {
color:@bodyColor !important;
}
#registrazione table td a.topnormal {
color:#fff !important;
}

.customHeader{
color:@colorHeaders;
font-size:20px;
font-weight:bold;
display:block;
}

fieldset {
margin:0;
padding:0;
}

.formContactLabels{
text-align:right;
padding-right:20px;
width:200px;
}
.labelDiv{
width:200px !important;
}


td {
padding:4px;
}

.top{
  color:#fff;
}
.topnormal {
color:#fff;
}

td.main {
	padding:2px;color:#444;
}

a {
color:@colorHeaders;
text-decoration:none;
}
a:hover,a:focus,a.visited,a:active{
color:@colorHeaders;
text-decoration:underline;
}

.rsInput[type="submit"],.blue_button {
border:0;
font-size:14px;
padding:4px 16px !important;
}
.blue_button {
background-color:#fff;
}

.clearDiv{
clear:both;
line-height:0;
height:0;
overflow:hidden;
}

/*}}}*/

/*{{{ RESET BOOTSTRAP AND OTHER PLUGINS */

label{
display:inline;
}

.standardContent,.homeContent,.ecCenterContent{
background-color:#fff;
}

.homeContent{
padding:0 4%;
margin:0 auto;
}

.standardContent{
padding:10px 0;
font-size:14px;
}

.ecCenterContent{
padding:20px 4% 20px 0;
}
.ecContent{
padding-left:20px;
}

.ecCenterContent h1,.ecCenterContent h2,.ecCenterContent h3,.ecCenterContent h4,.ecCenterContent h5{
color:@colorHeaders;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}
.standardContent h1,.standardContent h2,.standardContent h3,.standardContent h4,.standardContent h5{
color:@colorHeaders;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}

.centerContent{
padding:10px 0;
}

.container {
padding-left:0;
padding-right:0;
}

.row {
margin-left:0;
margin-right:0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
padding-left: 0;
padding-right: 0;
}

#mobileMenuContainer{
position:absolute;
bottom:0;
}

#menuMobile{
position:relative;
z-index:20;
}

ul.slimmenu, ul.slimmenu ul{
padding:0 !important;
}

ul.slimmenu {
}
ul.slimmenu li {
text-align: left;
border-width:0 !important;
}
ul.slimmenu > li > ul > li {
}
ul.slimmenu.collapsed > li > ul > li > a{
text-indent:20px;
}

ul.slimmenu > li > ul > li > ul > li{
}
ul.slimmenu.collapsed > li > ul > li >ul>li >a{
text-indent:40px;
}

ul.slimmenu li a, ul.slimmenu li ul li a {
padding:12px 16px;
}

ul.slimmenu  span.sub-collapser i {
}

ul.slimmenu li a:hover,ul.slimmenu > li.active > a {
}

ul.slimmenu li.hasDropDown, ul.slimmenu li.hasDropDown li {
width: 150px;
}
ul.slimmenu li a {
font-size:12px;
}

ul.slimmenu.collapsed {
border-top:1px solid #bbb;
}


ul.slimmenu.collapsed li.hasDropDown, ul.slimmenu.collapsed li.hasDropDown li {
width: 100%;
}
div.menu-collapser{
height:34px;
line-height:34px;
position:absolute;
top:-20px;
}
div.collapse-button {
background-image: none !important;
}


/*}}}*/

/*{{{ EXTRA RULES FOR MENUS AND OTHER PLUGINS */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sideMenu ul,.sideMenu ul li{
list-style-type: none;
padding:0;
margin:0;
}

.sideMenu ul li ul{
padding-left:10px;
}

#newsSliderUl,#newsSliderUl li {
padding:0px;
list-style:none;
}

.newsControls{
padding:6px 2px;
}

#newsContainer .bx-wrapper .bx-viewport {
border: 5px solid #fff;
box-shadow: none !important;
}

.transparency(@opacity:50) {
	zoom: 1;
	filter: alpha(opacity=@opacity);
	opacity: @opacity/100;
	-moz-opacity: @opacity/100;
}

.rightDiv,.rightItem{
float:right;
}

.leftDiv,.leftItem{
float:left;
}

.boxPaddings(@padding:10px) {
.leftPadding{
padding-left:@padding;
}
.rightPadding{
padding-right:@padding;
}
.bottomPadding{
@paddingBottom:(@padding*2);
padding-bottom:@paddingBottom;
}
}

.boxPaddings(12px);

.red{
color:red;
}

.sideMenuOpener{
display:inline-block;
float:right;
}

/*}}}*/

/* 
You can use 2 media queries types:
width --> css width (use properties like min-width and max-width)
device-width --> device width (use properties like min-device-width and max-device-width)
*/

/*{{{ SM MEDIA 1280px max */
@media (max-width: 1280px) {

#mobileMenuContainer{
position:relative;
}

ul.slimmenu, ul.slimmenu ul{
padding:0 !important;
}

ul.slimmenu li {
text-align: left;
}

.standardContent{
margin-top:0px;
border:none;
padding: 20px 2%;
}

.footerMobile{
padding: 10px 2%;
}

.homeContent {
background-color:transparent;
}

select, input[type="text"]{
padding:4px 6px;
}

.boxPaddings(0);
.visible-xs{
display:block;
}
.marginBottom{
margin-bottom:12px;
}
.homeContent{
padding: 0 2%;
}
.menu-collapser{
height:0px !important;
position:relative !important;
}
.menu-collapser{
position:absolute !important;
top:70px;
}
div.menu-collapser > span{
display:none;
}

ul.slimmenu li > b {
display: block;
padding: 12px 64px 12px 16px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
transition: background-color 0.5s ease-out 0s;
}
}
/*}}}*/

/*{{{ MD MEDIA 992px max */
@media (max-width: 1200px) {
}
/*}}}*/

/*{{{ SM MEDIA 992px max */
@media (max-width: 992px) {

.hide-lg{
display:none;
}
.hide-md{
display:none;
}
.visible-md{
display:block;
}
#pippomd{
display:none;
}
#pipposm{
display:block;
}
}
/*}}}*/

/*{{{ SM MEDIA 768px max */
@media (max-width: 768px) {


}
/*}}}*/

/*{{{ XS MEDIA 480px max */
@media (max-width: 480px) {

.hide-lg{
display:none;
}
.hide-md{
display:none;
}
.hide-sm{
display:none;
}
.visible-xs{
display:block;
}
}
/*}}}*/

/*{{{ XS MEDIA 320px max */
@media (max-width: 320px) {
}
/*}}}*/

/*{{{ XS MEDIA 310px max */
@media (max-width: 310px) {
}
/*}}}*/



.img-responsive {
  margin-left: auto;
  margin-right: auto;
}