@charset "utf-8";
/* CSS Document */



.lightbox-target #contacto {
	/*width:530px; height:500px;*/
	/*padding:80px 0 50px 0;*/
	position:absolute;
	top:50%/*29%*/;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	}
	
#contacto .contenedor{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:0 15px;
	/*background:orange;*/
	}
#contacto .contenedor p{
	text-align:center;
	margin:0 0 20px 0;
	}

form{
	width:430px;/*430px*/ height:auto;
	padding:/*4% 4%*/20px 20px;
	/*border:1px solid rgba(255,255,255,0.9);*/
	background:rgba(255, 255, 255, 0.97);
	margin:0 auto;
	box-sizing:border-box;
	}
	
input, textarea{
	width:100%;	
	margin:0 0 6% 0;
	padding:6px 10px;/*16px*/
	box-sizing:border-box;
	border:none;
	display:inline-block;
	
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:26px;
	outline: none;
	
	background:none;
	border-bottom: 1px solid rgba(69,160,65,0.97);
	color:#459F40;
	}
	
#contacto h1{
	color:white;
	background: #45A041;
	padding:8px 0 9px 10px; margin:0 0 60px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:19px;
	}

#contacto ul{
	padding:0 0;
	list-style-type:none;
	color:#828282;
	}

#contacto .icon-large{
	width:40px; height:40px;
	margin:7px 7px;
	/*background: black;*/
	float:right;
	 }

#contacto .icon-min{
	width:20px; height:20px;
	margin:3px 5px 0 0;
	/*background: black;*/
	float:left;
 	}
	
textarea{
	min-height:150px;
	max-height:150px;
	max-width:100%;
	}
	
#boton{
	/*width:110px;
	background:#459F40;
	color:#fff;
	padding:10px 20px;
	font-size:20px;
	font-weight:500;
	border-radius:3px;
	border:1px solid #fff;*/

	width: auto;
    height: auto;
    margin: 20px 0 0 0;
    padding: 6px 15px 6px 15px;
    border-radius: 4px;
    border: 2px solid #45A041;
    background: #45A041;
	color: white;
	font-size: 16px;
    font-weight: 700;

	-webkit-font-smoothing:antialiased;
	transition:all 0.2s;
	position:relative;
	
	float:right;
	
	-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	}
	
#boton:hover{
	cursor:pointer;
	border: 2px solid #45A041;
	background:white;
	color:#45A041;
	/*margin:8px auto 0;
	float:right;
	display:block;*/
	}
	
@media (min-width:320px){
	#contacto .contenedor p{
		display:none;
		}
	}
	
@media (min-width:480px){
	#contacto .contenedor p{
		display:block;
		}
	}