.contacto{
	padding: 45px 45px 20px;
	background-color: #ECECEC;
	font-family:  'SFCartoonistHandRegular';
	background: #ECECEC url(../img/bg.png) no-repeat;

}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #666;
	resize: none;
	box-shadow:0 0 0 3px #666;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
	color:#03C;
}
.contacto input[type='submit']{
	border: 1px solid #000;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
	background-color: #BC1010;
	padding: 6px 12px;
	border-radius: 4px;
	color: white;
	font-weight: bold;
	margin-left: 16px;
	margin-top: 6px;
	position: absolute;
}
.error:before{
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}
/* -------------------------
FONTS
---------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 10, 2012 01:18:38 PM America/New_York */



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

}

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

}

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

}