/*
    infobox.css
    web-communication.eu | 14/04/2016
    Copyright 2016 web-communication.eu
*/



.infobox {
    position:                  fixed;
    background:                #FFFFFF;
    width:                     400px;
    min-height:                200px;
    top:                       50%;
	left:                      50%;
    margin-left:               -200px;
	/*margin-top:                -100px;*/
    border:                    Solid 2px #FFFFFF;
    -moz-box-shadow:           2px  5px 25px #000;
    -webkit-box-shadow:        2px  5px 25px #000;
    filter:                    progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);
    box-shadow:                2px 5px 25px #000;
    z-index:                   100001;
	padding: 			       25px;
}	



/*
.infobox {
    position:                  fixed;
    background:                #FFFFFF;
    width:                     400px;
    height:                    200px;
    top:                       50%;
	left:                      50%;
    margin-left:               -200px;
	margin-top:                -100px;
    border:                    Solid 2px #FFFFFF;
    -moz-box-shadow:           2px  5px 25px #000;
    -webkit-box-shadow:        2px  5px 25px #000;
    filter:                    progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=135, Strength=10);
    box-shadow:                2px 5px 25px #000;
    z-index:                   100001;
	padding: 			       25px;
}	
*/

.infobox p {
	font-family:               Arial, Helvetica, sans-serif;
    color:                     #333333;
	font-size:                 16px;
    font-weight:               normal;
}
	
#infobox_error, #infobox_email, #infobox_captcha, #infobox_sent, #infobox_error_send {
	display:                   none;
}	
	
.close {
	position:					relative;
	/*bottom:						20px;
	right:						45px;*/
	margin:						20px 0 0 0;
	float: right;
}	
	
.info-button, .info-button:visited {
    color:                     #666;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               normal;
    width:                     100px;
    height:                    30px;
    margin:                    0;
    background:                #DDD;
    cursor:                    pointer;
    border:                    none;
    text-decoration:           none;
    text-align:                center;
    display:                   inline-block;
    line-height:               30px;
    -webkit-appearance:        none;
    border-radius:             5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
}



.info-button:hover {
    background:                #CCCCCC;
}






/* responsive */
@media only screen and (max-width: 480px) {
 
	.infobox {
		width:                     90%;
		left:                      5%;
		margin:             	   0;
	}
 
}



@media only screen and (min-width: 481px) and (max-width: 639px) {
 
	.infobox {
		width:                     70%;
		left:                      15%;
		margin:             	   0;
	}
 
}



@media only screen and (min-width: 640px) and (max-width: 989px) {
	
	.infobox {
		width:                     50%;
		left:                      25%;
		margin:             	   0;
	}
	
}