/* CSS CONTACTO */
@font-face {
    font-family: 'amazone_btregular';
    src: url('../font/amazone-bt-33359-webfont.eot');
    src: url('../font/amazone-bt-33359-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/amazone-bt-33359-webfont.woff') format('woff'),
         url('../font/amazone-bt-33359-webfont.ttf') format('truetype'),
         url('../font/amazone-bt-33359-webfont.svg#amazone_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'raspoutine_classicitalic';
    src: url('../font/raspoutineclassic_tb-webfont.eot');
    src: url('../font/raspoutineclassic_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/raspoutineclassic_tb-webfont.woff') format('woff'),
         url('../font/raspoutineclassic_tb-webfont.ttf') format('truetype'),
         url('../font/raspoutineclassic_tb-webfont.svg#raspoutine_classicitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*///// Para PC'S ////*/
@media (min-width: 1016px) {
section#conte_contact {
	margin:40px auto;
	position:relative;
	max-width: 1050px;
}
h2 {
	color:#fff;
    font-family: 'amazone_btregular';
	font-size:50px;	
	margin:0;

	}
section#formu {
	max-width: 400px;
	min-height: 150px;
	border-radius: 10px;
	background:#FFF;
	margin: 100px 50px;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-top:10px;
}
.labeles {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	width:80px;
	margin-left:20px;
	margin-top:15px;
	display:inline-block;
	vertical-align:top;
}
.input_ {
    font-family: 'raspoutine_classicitalic';
	color:#000;
	font-size:16px;
	border:0;
	width:250px;
	border-bottom:2px dotted #2a78f9;
	margin-left:10px;
	margin-top:15px;
	display:inline-block;
	vertical-align:top;
}
.labelmensaje {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	margin-top:50px;
	text-align:center;
	display:block;
	vertical-align:top;
}
section#mensaje {
	max-width: 480px;
	min-height:376px;
	width:100%;
	margin-top: -20px;
	display:inline-block;
	vertical-align:top;
	background:url(../img/nube_nosotros.png) 0 0  no-repeat;
}
textarea {
	width:300px;
	height:200px;
	margin-left:90px;
	margin-top:0px;
	border:0;
	background:none;
}
section#paraboton {
	max-width:450px;
	}
#enviar {
	float:right;
	}
.inputenviar {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	border-radius:10px;
	border:0;
	width:80px;
	height:40px;
	text-align:center;
	background:#FFF;
	   box-shadow: 3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
   -moz-box-shadow: 3px 3px 3px #666;
}
}
/*///// Para tablet ////*/
@media (max-width: 1015px) and (min-width: 823px) {
section#conte_contact {
	margin:40px auto;
	position:relative;
	max-width: 825px;
}
h2 {
	color:#fff;
    font-family: 'amazone_btregular';
	font-size:50px;	
	margin:0;

	}
section#formu {
	max-width: 380px;
	min-height: 150px;
	border-radius: 10px;
	background:#FFF;
	margin: 60px 10px;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-top:10px;
}
.labeles {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	width:80px;
	margin-left:20px;
	margin-top:15px;
	display:inline-block;
	vertical-align:top;
}
.input_ {
    font-family: 'raspoutine_classicitalic';
	color:#000;
	font-size:16px;
	border:0;
	width:250px;
	border-bottom:2px dotted #2a78f9;
	margin-left:10px;
	margin-top:15px;
	display:inline-block;
	vertical-align:top;
}
.labelmensaje {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	margin-top:50px;
	text-align:center;
	display:block;
	vertical-align:top;
}
section#mensaje {
	max-width: 380px;
	min-height:298px;
	width:100%;
	margin-top: -20px;
	display:inline-block;
	vertical-align:top;
	background:url(../img/nube_nosotros_table.png) 0 0  no-repeat;
}
textarea {
	width:300px;
	height:200px;
	margin-left:90px;
	margin-top:0px;
	border:0;
	background:none;
}
section#paraboton {
	max-width:390px;
	}
#enviar {
	float:right;
	}
.inputenviar {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:18px;
	border-radius:10px;
	border:0;
	width:80px;
	height:40px;
	text-align:center;
	background:#FFF;
	   box-shadow: 3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
   -moz-box-shadow: 3px 3px 3px #666;
}
}
/*////// Otra para table /////*/
@media (max-width: 822px) and (min-width: 721px) {
section#conte_contact {
	margin:40px auto;
	position:relative;
	max-width: 722px;
}
h2 {
	color:#fff;
    font-family: 'amazone_btregular';
	font-size:50px;	
	margin:0;

	}
section#formu {
	max-width: 300px;
	min-height: 150px;
	border-radius: 10px;
	background:#FFF;
	margin: 30px 10px;
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}
.labeles {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	width:50px;
	margin-left:20px;
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
}
.input_ {
    font-family: 'raspoutine_classicitalic';
	color:#000;
	font-size:16px;
	border:0;
	width:250px;
	border-bottom:2px dotted #2a78f9;
	margin-left:20px;
	margin-top:0px;
	display:inline-block;
	vertical-align:top;
}
.labelmensaje {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	margin-top:40px;
	text-align:center;
	display:block;
	vertical-align:top;
}
section#mensaje {
	max-width: 380px;
	min-height:298px;
	width:100%;
	margin-top: -40px;
	display:inline-block;
	vertical-align:top;
	background:url(../img/nube_nosotros_table.png) 0 0  no-repeat;
}
textarea {
	width:250px;
	height:180px;
	margin-left:60px;
	margin-top:0px;
	border:0;
	background:none;
}
section#paraboton {
	max-width:310px;
	margin-bottom:30px;
	}
#enviar {
	float:right;
	}
.inputenviar {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	border-radius:10px;
	margin-bottom:20px;
	border:0;
	width:80px;
	height:40px;
	text-align:center;
	background:#FFF;
	   box-shadow: 3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
   -moz-box-shadow: 3px 3px 3px #666;
}
}
/*///// Para Celulares ////*/
@media (max-width: 720px) and (min-width: 250px) {
section#conte_contact {
	margin:40px auto;
	position:relative;
	max-width: 722px;
}
h2 {
	color:#fff;
	margin:0px 0 0px 10px;
    font-family: 'amazone_btregular';
	font-size:50px;	


	}
section#formu {
	max-width: 650px;
	min-height: 80px;
	border-radius: 10px 10px 0 0px;
	background:#FFF;
	margin: 0px 5px;
	padding-top:10px;
	padding-bottom:10px;
}
.labeles {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	width:50px;
	margin-left:20px;
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
}
.input_ {
    font-family: 'raspoutine_classicitalic';
	color:#000;
	font-size:16px;
	border:0;
	width:250px;
	border-bottom:2px dotted #2a78f9;
	margin-left:20px;
	margin-top:0px;
	display:inline-block;
	vertical-align:top;
}
.labelmensaje {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	margin-top:50px;
	margin-left:20px;
	text-align:left;
	display:block;
	vertical-align:top;
}
section#mensaje {
	max-width: 650px;
	min-height:220px;
	margin:5px;
	margin-top:-50px;
	background:#fff;
	border-radius:0px 0 10px 10px;
}
textarea {
	max-width:315px;
	width:100%;
	height:200px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	border:0;
	background:none;
	border:2px dotted #2a78f9;
}
section#paraboton {
	max-width:320px;
	margin-top:20px;
	margin-bottom:30px;
	}
#enviar {
	float:right;
	margin-right:10px;
	}
.inputenviar {
    font-family: 'raspoutine_classicitalic';
	color:#2a78f9;
	font-size:16px;
	border-radius:10px;
	margin-bottom:20px;
	border:0;
	width:80px;
	height:40px;
	text-align:center;
	background:#FFF;
	   box-shadow: 3px 3px 3px #666;
   -webkit-box-shadow: 3px 3px 3px #666;
   -moz-box-shadow: 3px 3px 3px #666;
}
}