/*sample base style for drop in box #1*/

div.dropinbox {
	width: 680px;
	height: 400px;
	border: 1px solid #3E3535;
	padding: 0px 0px;
	background: url('../images/bg_drop_in.png'); /* url('../images/precoz-arte-2.jpg'); */
	background-position: center center;
	background-repeat: repeat;
	text-align: center;
}

div.dropinbox h1 {	
	font-family: "Comic Sans MS", "Times New Roman", Times, serif;	
	font-size: 18px;
	color: #333;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
	padding: 0;
	margin: 25px auto 15px auto;
}

div.dropinbox h2 {
	font-family: 'FelipaRegular', Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
	font-size: 24px;
	text-align: center;
	color: #900;
	padding: 0;	
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	text-transform:none;	
}

div.dropinbox p {	
	font-family: "Comic Sans MS", "Times New Roman", Times, serif; /* Papyrus mis de cote */
	font-size: 16px;
	color: #000000;
	text-align: center;
	padding: 0;	
	margin: 0;
}

div.dropinbox p.mensaje {
	position: absolute; bottom: 10px; left: 33%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}

/*sample base style for drop in box #2 - Non utilise pour le moment*/
div.dropinboxaltstyle{
width:300px;
height:200px;
padding:10px;
background:#c7edac;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

/* Basic CSS3 shadow */
.standardshadow{
-webkit-box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
-moz-box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
box-shadow: 5px 5px 10px rgba(95, 95, 95, 0.5);
}


/* Some more "radical" CSS shadows. See http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */
.drop-shadow{
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before, .drop-shadow:after{
content:"";
position:absolute; 
z-index:-2;
}

.lifted{
-moz-border-radius:4px; 
border-radius:4px;
}
        
.lifted:before, .lifted:after{ 
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);    
-moz-transform:rotate(-3deg);   
-ms-transform:rotate(-3deg);   
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
        
.lifted:after{
right:10px; 
left:auto;
-webkit-transform:rotate(3deg);   
-moz-transform:rotate(3deg);  
-ms-transform:rotate(3deg);  
-o-transform:rotate(3deg);
transform:rotate(3deg);
}