/************************************************************************************************
Ckm!
web, Apps & Multimedia
www.ckm.co
2014
************************************************************************************************/

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

html,body{ margin: 0; padding:0}

body{
	font: 96% Arial, Helvetica, sans-serif;
	color: #666;
	background: #CCC url(../interfaz/ini_bk.png) center -40px no-repeat;

	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
}


/************************************************************************************************
ANIMA
/************************************************************************************************/
input, select, textarea, a, a span, a img, .fileSubir{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

/************************************************************************************************/
input, select, textarea, .fileSubir, a.btn{
/*	float: left;*/
	padding: 13px 10px 10px 10px;
	color: #666;
	font-size: 100%;
	background: #FFF;
	border: 1px solid #FFF;

	border-radius: 6px;
	text-shadow: 1px 1px 0 #EEE;
	
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.30);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.30);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.30);
}

input:hover, select:hover, textarea:hover{
	color: #000;
	background: #EBEBEB;

	box-shadow: inset 0 1px 5px rgba(0,0,0,0.60);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.60);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.60);
}

input[type=submit], input[type=button], .fileSubir, a.btn{
	cursor: pointer;
	font-weight: bold;
	
	background: none;
	border: none;
	
	color: #FFF;
	text-shadow: 0px 1px 0 rgba(256,256,256,0.5);
	text-shadow: 1px 1px 0 #000;

	box-shadow: inset 0 1px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(255,255,2550.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(255,255,255,0.5);

	/*
	background: #60a625; /* Old browsers *
	background: -moz-linear-gradient(top,  #60a625 47%, #6fc02c 100%); /* FF3.6+ *
	background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#60a625), color-stop(100%,#6fc02c)); /* Chrome,Safari4+ *
	background: -webkit-linear-gradient(top,  #60a625 47%,#6fc02c 100%); /* Chrome10+,Safari5.1+ *
	background: -o-linear-gradient(top,  #60a625 47%,#6fc02c 100%); /* Opera 11.10+ *
	background: -ms-linear-gradient(top,  #60a625 47%,#6fc02c 100%); /* IE10+ *
	background: linear-gradient(to bottom,  #60a625 47%,#6fc02c 100%); /* W3C *
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a625', endColorstr='#6fc02c',GradientType=0 ); /* IE6-9 *
*/
	background: #6B9323;
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat;
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(47%,#6B9323), color-stop(100%,#4B6718));
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat, -webkit-linear-gradient(top,  #6B9323 47%,#4B6718 100%);
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat,    -moz-linear-gradient(#f00, #300);
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat,    -moz-linear-gradient(top,  #6B9323 47%, #4B6718 100%);
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat,      -o-linear-gradient(top,  #6B9323 47%,#4B6718 100%);
	background: url(../interfaz/bt_uploadXX.png) 8px center no-repeat,         linear-gradient(to bottom,  #6B9323 47%,#4B6718 100%);

}

input[type=submit]:hover, input[type=button]:hover, .fileSubir:hover, a.btn:hover{
	text-shadow: none;
	background: #4B6718;

	box-shadow: inset 0 1px 6px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0 1px 6px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0 1px 6px rgba(0,0,0,0.7);
}
a.btn:hover{
	text-decoration: none;
	color: #FFF;
}


select{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

input[type=radio], input[type=checkbox]{
	text-shadow: 1px 1px 0 red;
	border: none;

	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


/************************************************************************************************/
#ckm a{
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #555;
}
#ckm a:hover{
	color: #000;
}