﻿@charset "utf-8";
/* CSS Document */



.checkbox1 input[type=checkbox], 
.checkbox2 input[type=checkbox], 
.checkbox3 input[type=checkbox],
.checkbox4 input[type=checkbox]    {
	visibility: hidden;
}

.checkbox1 {
  margin: 3px;
  position: relative;
  float: left;
  width: 95%;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
  padding-left: 34%;
  font-size: 13px;
  margin-top: 10px;
}


.checkbox2, 
.checkbox3,
.checkbox4 {
  margin: 3px;
  position: relative;
  float: left;
  width: 100%;
  padding-left: 0%;
  font-size: 13px;
  margin-top: 10px;
}

.checkbox1 label, 
.checkbox2 label, 
.checkbox3 label,
.checkbox4 label {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  top: 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  background: #fcfff4;
  float: left;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}


.checkbox1 span, 
.checkbox2 span {
  position: relative;
	}
	
.checkbox1 div, 
.checkbox2 div, 
.checkbox3 div,
.checkbox4 div {
     position: relative;
  margin-left: 11px;
  float: left;
  width: calc(100% - 50px);
  top: 3px;
	}
	
.checkbox1 p, 
.checkbox2 p, 
.checkbox3 p,
.checkbox4 p  {
margin:0px;
padding:0px;

	}
	
	

.checkbox2 p {
font-size:13px;

	}
	
	.checkbox2 p a {
color: #666;
text-decoration:underline;
	}
	
	
		.checkbox2 p a:hover {
color: black;
text-decoration:underline;
	}
	
	
.checkbox1 p.obbligatorio, 
.checkbox2 p.obbligatorio, 
.checkbox3 p.obbligatorio {	
	  color: #252525;
  margin-top: 10px;
  left: -2em;
	}
.checkbox1 label:after, 
.checkbox2 label:after, 
.checkbox3 label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkbox1 label:hover::after, 
.checkbox2 label:hover::after, 
.checkbox3 label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.checkbox1 input[type=checkbox]:checked + label:after, 
.checkbox2 input[type=checkbox]:checked + label:after, 
.checkbox3 input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


@media (max-width:500px) { 
.checkbox1 {
  width: calc(100% - 30px);
  padding-left: 20px;
}
}
