@charset "utf-8";
/* CSS Document */
p{
	margin: 0;
}
.main{
	padding-bottom: 0;
}
h2{
	margin: 30px 0 10px 0;
	color: #588e99;
}
h5{
	padding: 10px 5px 0 5px;
	color: #cd504a;
}
label{
	color: #0d85a5;	
}
#col1, #col2{
	float: left;
	width: 450px;
	margin: 30px 0 0 0;
}
#col2{
	padding: 0 0 0 20px;
}
.narrow{
	width: 685px;	
}
.setup code{
	padding: 0;
}
#response{
	color: #0D85A5;
	clear: both;
	margin: 5px 0 0 1em;
	
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.getcode{
	overflow: hidden;
	display: block;
	
}
#respuesta_servidor{
	width: 426px;
}
#respuesta_servidor h3{
	color: #595959;
	margin: 0;
	padding: 10px 0;
}
#respuesta_servidor strong{
	color: #595959;
}
#response2{
	color: #0d85a5;
	font-size: 1em;
	padding: 5px 0 0 0;
}
#testroad3, #testroad4{
	margin: 30px 0;
}
#main_html5form{
	margin-top: 80px;
	position: relative;
}
#html5form input, #html5form textarea{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	width: 400px;
	margin: 0 0 15px 0;
	border: 2px solid #0d85a5;
	padding: 3px;
}
#html5form input{
	height: 25px;
}
#html5form textarea{
	height: 80px;
	font-family: Kalinga;
	font-size: 1em;
}
#html5form .submit{
	width: auto;
	height: auto;
	padding: 3px 5px;
	background-color: #fff;
	color: #0d85a5;
	font-weight: bold;
	
	display: inline-block;
	zoom: 1;
	*display: inline;
}
#html5form .submit:hover{
	color: #fff;
	background-color: #0d85a5;
}
#logo_html5form{
	min-height: 153px;
	top: -20px;
	left: 550px;
	text-align: left;
	margin-bottom: 40px;
}
#logo_html5form img{
	position: absolute;
	width: 386px;
	height: 153px;
	left: 545px;
}
#logo_html5form p{
	font-size: 1em;
	position: absolute;
	width: 550px;
	top: 60px;
}
#logo_html5form p span{
	/*color: #b73200;*/
	color: #cd504a;
	font-size: 1.2em;	
}
#logo_html5form #social-sharing{
	line-height: 2;
}
.descarga h2{
	font-size: 1.8em;
	margin: 10px 0 5px 0;
}
.descarga h2 span{
	color: #cd504a;
}
code{
	padding: 0.5em;
	background-color: #fdf5e6;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	line-height: 1.5;
}
dl{
	padding: 0;
}
dt{
	font-size: 1.3em;
	margin: 20px 0 0px 0;
}
dd{
	margin: 15px 0;
	line-height: 1.3em;
}
dd span, li span{
	color: #cd504a;
}
code span{
	color: #cd504a;
}
pre code{
	background-color: transparent;
   font-family: monaco, consolas, monospace;
	font-size: 12px;
}
pre{
	background-color: #fdf5e6;
	display: inline-block;
	padding: 5px 10px;
	width: 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
code span.comment{
	color: #b5b2b0;
}
dd li{
	list-style: disc;
	margin: 0 0 0 20px;
}
.descarga{
	margin: 30px 0 20px 0;
}
.version_notes{
	padding: 10px 0 0 5px;
	font-size: 0.95em; 
}
.version_notes h4{
	color: #fdf5e6;
	background-color: #cd504a;
	padding: 3px 10px 3px 10px;
	margin: 20px 0 5px 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 5px;
	border-radius: 7px;
	display: block;
	width: 255px;
}
.version_notes h4 span{
	font-size: 0.7em;
}
.version_notes span{
	color: #595959;
}

.buttons {
	float: left;
	height: 65px;
	width: 420px;
}
.version{
	float: left;
	position: relative;
	height: 65px;
	width: 500px;
}
.version h4{
	color: #0c7895;
	font-size: 1.1em;
	margin: 10px 0 0 0;
}
.version h4 span{
	color: #cd504a;
}
.version p{
	font-size: 0.9em;	
}
fieldset{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 2px solid #0e523b;
	padding: 10px;
}
legend{
	color: #0d85a5;
	font-size: 1.1em;
	font-weight: normal;
	color: #0c7895;
}
#main_html5form ul{
	margin: 0 0 0 20px;
}
#main_html5form li{
	list-style: disc;
	margin: 5px 0;
}
.lan{
	width: 185px;
	height: 130px;
	position: absolute;
	background: #2f2f2f;
	top: 38px;
	left: 730px;
}
.form_example1{
	margin: 20px 0;
	display: none;
	width: 100%;
}
.tweet{
	position: relative;
	margin: 10px 0;
}
.getcode{
	text-align: right;
	padding: 25px 0 0 10px;
	color: #cd504a;
	font-weight: bold;
	cursor: pointer;
}
#submit1{
	float: left;
}
#repo{
	margin: 15px 5px 0 5px;	
}
#repo span{
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	background-color: #444240;
	color: #fdf5e6;
	padding: 4px 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
}
#repo code{
	display: inline-block;
	margin: 5px 10px 10px 0;
}
#repo h3{
	padding: 0;
}
.version_notes h3{
	font-size: 1.2em;
}
#c_clipbutton{
	border: 2px solid #0d85a5;
}
.carga_demo{
	background-image: url(../images/demo_on.jpg);
}
.carga_download{
	background-image: url(../images/download_on.jpg);
}
.carga_docs{
	background-image: url(../images/docs_on.jpg);
}
.fix{
	font-weight: normal;
}
.version_notes li{
	font-size: 1.1em;
	padding: 2px 0;
	list-style: disc;
	margin: 0 0 0 20px;
}
#logo_html5form #plusone{
	position: relative;
	top: 3px;
	left: 10px;
}
  input {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	  
	color: #FFF;
	background-color: #090;
	border: 3px solid #999;
	}
	textarea{
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #FFF;
	border: 3px solid #999;
		}
	form{
	width: 80%;
		}
		.conirmacion{
	font-size: 14px;
	color: #F00;			
			}