/*! MMPATTERN CSS HTML5 ©2013 - Base-form */	

:-moz-placeholder, ::-moz-placeholder  { color:#666;}

::-ms-input-placeholder { color:#666;}

::-webkit-input-placeholder { color:#666;}

::-moz-focus-inner { padding: 0; border: 0;}

form { padding:0; margin:0;}

/* ==========================================================================
   BaseForm Inputs, Select and TextArea
   ========================================================================== */
	button,
	input,
	select,
	textarea,
	.btn { font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight:300}

	input, select, textarea, ul { margin-bottom:5px;}
	input, textarea, select {
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 3px;
		width:100%;
		padding:8px 10px;
		font-size:13px !important;
		color:rgb(127,140,141);
		background-color:rgb(255,255,255);
	}
	input:hover, textarea:hover, select:hover,
	input:focus, textarea:focus, select:focus  { border:1px solid rgba(0,0,0,.2); box-shadow: inset 0 2px 3px rgba(0,0,0,.05);}
	input[type="text"], input[type="password"], input[type="submit"], textarea, button {-webkit-appearance: none;}
	select { -webkit-appearance: none; -moz-appearance:none; padding:7px 10px; background:url(../img/icons/seta-down.png) no-repeat 97% center #FFF;}
	select:hover, select:focus { box-shadow: inset 0 2px 3px rgba(0,0,0,.05);}
	textarea { height:80px; font-size:100%; transition: height 1s; -webkit-transition: height 1s; resize:none;}
	textarea:focus { height:80px; transition: height 1s; -webkit-transition: height 1s;}
	
	.input-unclass { border: 1px solid rgb(255,255,255); background-color:rgb(255,255,255);}
	.input-unclass:hover, .input-unclass:focus { border-color:rgb(240,240,240); background-color:rgb(255,255,255);}
	.input-unclass:hover + .btn, .input-unclass:focus + .btn { border-color:rgb(240,240,240); background-color:rgb(240,240,240);}
	
	.baseform input:hover, .baseform textarea:hover, .baseform select:hover,
	.baseform input:focus, .baseform textarea:focus, .baseform select:focus { box-shadow:0 2px 5px rgba(0,0,0,.1);}
	
/* ==========================================================================
   BaseForm CheckBox, Radio
   ========================================================================== */

	input[type=checkbox], input[type=radio] { display:inline-block; width:auto !important; margin-right:5px; padding:0; border:none;}
	input[type=checkbox] + label, input[type=radio] + label { display:inline; margin:0;}

/* ==========================================================================
   BaseForm InputFile
   ========================================================================== */
	
	.input-file input[type="file"] {visibility:hidden; position:absolute; top:0; left:0;}

/* ==========================================================================
   BaseForm Label
   ========================================================================== */

	form label { font-size:100%; display:block; color: inherit /*rgb(140,140,140)*/; margin-bottom:5px;}
	label.unform {display:inline; margin-bottom:0;}

/* ==========================================================================
   BaseForm Action
   ========================================================================== */

	form .action { display:block; clear:both; margin:20px 0;}

/* ==========================================================================
   BaseForm HelpBlock
   ========================================================================== */

	.help_block { display:block; font-size:12px; margin-bottom:10px; color:rgb(190,190,190); clear:both;}
	.help_block.error::before, .help_block.correct::before, .help_block.info::before {margin-right:5px; display:inline-block; width:14px; height:14px; vertical-align:top;}
	
	.help_block.error { color:#F00;}
	.help_block.error::before { content:""; background:url(../img/ico/glyphicons-halflings.png); background-position: -312px 0;}
	
	.help_block.correct { color:#093;}
	.help_block.correct::before { content:""; background:url(../img/ico/glyphicons-halflings.png); background-position: -288px 0;}
	
	.help_block.info { color:#09C;}
	.help_block.info::before { content:""; background:url(../img/ico/glyphicons-halflings.png); background-position: -96px -96px;}

/* ==========================================================================
   BaseForm ImageSelector
   ========================================================================== */

	.photo_selector { position:relative; display:block;}
	.image_selector { position:absolute; top:0; left:0; z-index:10; height:100%; width:100%; overflow:hidden; cursor:pointer;}
	.image_selector .file_input { position:absolute; top:0; right:0; z-index:10; height:100%; width:100%; font-size:50px; overflow:hidden; cursor:pointer !important; opacity:0;}

/* ==========================================================================
   BaseForm-large
   ========================================================================== */
	
	.baseform-large input, .baseform-large textarea, .baseform-large select { padding:10px 10px; font-size:180%;}
	.baseform-large select { padding:9px 10px;}
	.baseform-large label { font-size:120%;}
	.baseform-large .btn { font-size:180%; padding:10px 20px;}

/* ==========================================================================
   BaseForm-text
   ========================================================================== */
	.baseform-text input, .baseform-text textarea {
		padding:3px 0px 2px;
		color:rgb(52, 152, 219);
		background:none;
		border-top:solid 1px transparent;
		border-left:solid 1px transparent;
		border-right:solid 1px transparent;
		border-bottom:solid 2px rgba(0,0,0,.15);
		border-radius:0;
	}
	.baseform-text input:hover, .baseform-text input:focus,
	.baseform-text textarea:hover, .baseform-text textarea:focus { box-shadow:none;}
/* ==========================================================================
   GroupForm
   ========================================================================== */

	.group-form { letter-spacing:-.31em !important;}
	.group-form > input, .group-form > select { border-radius:0; letter-spacing:normal;}
	.group-form > .btn { border-radius:0; letter-spacing:normal;}
	.group-form > input:first-child, .group-form > .btn:first-child {border-radius:3px 0 0 3px; border-right:0;}
	.group-form > input:last-child, .group-form > .btn:last-child { border-radius:0 3px 3px 0;}

/* ==========================================================================
   BaseForm Btn
   ========================================================================== */
	
	.btn {
		position:relative;
		display:inline-block;
		padding:8px 15px;
		color:rgb(120,120,120) !important;
		text-decoration:none !important;
		width:auto;
		cursor:pointer;
		text-align:center;
		border: 1px solid;
		border-color:rgb(236,240,241);
		background:rgb(236,240,241);
		border-radius: 3px;
		font-size:110%;
		font-style: normal;
	}
	.btn-papo {border-radius: 100px; padding:8px 30px;}
	.btn-unlink { cursor:auto;}
	.btn:hover { *background:rgb(189,195,199); *border-color:rgb(190,190,190);}
	
	.btn-large1 {padding:20px 35px; font-size:300% !important; border-radius: 5px; letter-spacing:-3px;}
	.btn-large2 {padding:14px 30px; font-size:280% !important; border-radius: 5px; letter-spacing:-2px;}
	.btn-large3 {padding:12px 25px; font-size:220% !important; letter-spacing:-1px;}
	.btn-large4 {padding:10px 20px; font-size:180% !important; letter-spacing:-1px;}

	select.btn-large1 {padding:19px 35px; font-size:300% !important; border-radius: 5px; letter-spacing:-3px;}
	select.btn-large2 {padding:13px 30px; font-size:280% !important; border-radius: 5px; letter-spacing:-2px;}
	select.btn-large3 {padding:11px 25px; font-size:220% !important; letter-spacing:-1px;}
	select.btn-large4 {padding:9px 20px; font-size:180% !important; letter-spacing:-1px;}
	
	.btn-small1 {padding:6px 10px; font-size:100% !important;}
	.btn-small2 {padding:3px 8px ; font-size:90% !important;}
	
	.btn-auto { width:100% !important; display:inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}
	
	.btn-papolaranja { border-color:rgb(245, 129, 46); background-color:rgb(245, 129, 46); color:white !important;}
	.btn-papofacebook { border-color:rgb(33, 87, 159); background-color:rgb(33, 87, 159); color:white !important;}
	.btn-papotwitter { border-color:rgb(48, 142, 205); background-color:rgb(48, 142, 205); color:white !important;}
	.btn-papoinstagram { border-color:rgb(140, 59, 24); background-color:rgb(140, 59, 24); color:white !important;}
	.btn-papogoogleplus { border-color:rgb(224, 0, 21); background-color:rgb(224, 0, 21); color:white !important;}
	
	.btn-turquoise { border-color: rgb(26, 188, 156); background-color:rgb(26, 188, 156); color:white !important;}
	.btn-turquoise:hover, .btn-turquoise:focus { background-color:rgb(22, 160, 133); border-color:rgb(22, 160, 133);}
	
	.btn-emerald { border-color: rgb(46, 204, 133); background-color:rgb(46, 204, 133); color:white !important;}
	.btn-emerald:hover, .btn-emerald:focus { background-color:rgb(39, 174, 96); border-color:rgb(39, 174, 96);}
	
	.btn-peterriver { border-color: rgb(52, 152, 219); background-color:rgb(52, 152, 219); color:white !important;}
	.btn-peterriver:hover, .btn-peterriver:focus { background-color:rgb(41, 128, 185); border-color:rgb(41, 128, 185);}
	
	.btn-amethyst { border-color: rgb(155, 89, 182); background-color:rgb(155, 89, 182); color:white !important;}
	.btn-amethyst:hover, .btn-amethyst:focus { background-color:rgb(142, 68, 173); border-color:rgb(142, 68, 173);}
	
	.btn-wetasphalt { border-color: rgb(52, 73, 94); background-color:rgb(52, 73, 94); color:white !important;}
	.btn-wetasphalt:hover, .btn-wetasphalt:focus { background-color:rgb(44, 62, 80); border-color:rgb(44, 62, 80);}
	
	.btn-sunflower { border-color: rgb(241, 196, 15); background-color:rgb(241, 196, 15); color:white !important;}
	.btn-sunflower:hover, .btn-sunflower:focus { background-color:rgb(243, 156, 18); border-color:rgb(243, 156, 18);}
	
	.btn-carrot { border-color: rgb(230, 126, 34); background-color:rgb(230, 126, 34); color:white !important;}
	.btn-carrot:hover, .btn-carrot:focus { background-color:rgb(211, 84, 0); border-color:rgb(211, 84, 0);}
	
	.btn-alizarin { border-color: rgb(231, 76, 60); background-color:rgb(231, 76, 60); color:white !important;}
	.btn-alizarin:hover, .btn-alizarin:focus { background-color:rgb(192, 57, 43); border-color:rgb(192, 57, 43);}

	.btn-concrete { border-color: rgb(149, 165, 166); background-color:rgb(149, 165, 166); color:white !important;}
	.btn-concrete:hover, .btn-concrete:focus { background-color:rgb(127, 140, 141); border-color:rgb(127, 140, 141);}

	.btn-white { border-color: rgb(255,255,255); background-color:rgb(255,255,255); color:rgb(150,150,150) !important;}
	.btn-white:hover, .btn-white:focus { background-color:rgb(255,255,255); border-color: rgb(255,255,255);}
	
	.btn-white2 { border-color: rgb(230,230,230); background-color:rgb(255,255,255); color:rgb(120,120,120) !important;}
	.btn-white2:hover, .btn-white2:focus { background-color:rgb(255,255,255); border-color: rgb(180,180,180);}

	.btn-white3 { border-color: rgb(255,255,255); background-color:transparent; color:rgb(255,255,255) !important;}
	.btn-white3:hover, .btn-white3:focus { background-color:rgba(0,0,0,.5); border-color: rgb(180,180,180);}
	
	.btn:hover, btn:focus,
	.btn-turquoise:hover, .btn-turquoise:focus,
	.btn-emerald:hover, .btn-emerald:focus,
	.btn-peterriver:hover, .btn-peterriver:focus,
	.btn-amethyst:hover, .btn-amethyst:focus,
	.btn-wetasphalt:hover, .btn-wetasphalt:focus,
	.btn-sunflower:hover, .btn-sunflower:focus,
	.btn-carrot:hover, .btn-carrot:focus,
	.btn-alizarin:hover, .btn-alizarin:focus,
	.btn-concrete:hover, .btn-concrete:focus { box-shadow:inset 0 -.15em 0px rgba(0,0,0,.2);}
	
	.btn-modern { box-shadow: inset 0 -2em 1em -1em rgba(0,0,0,.2);}