/*===========================================
	Hoja de estilos globales,
	
	2013 - Eenda Works
===========================================*/

/*
Importo la tipografía */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);


/* Reset Global CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

textarea:focus, input:focus{
    outline: none;
}

input[type='submit']:hover,
select:hover{
	cursor:pointer;
}


/*
GENERALES */

Body{
	margin:20px 0 0 0;
}

.bradius8{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.bradius10{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.bradius10_bottom{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.bradius10_top{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.gris_degradado{
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.azul_degradado{
	background: #5b93cc; /* Old browsers */
	background: -moz-linear-gradient(top,  #5b93cc 0%, #0066cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b93cc), color-stop(100%,#0066cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b93cc 0%,#0066cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5b93cc 0%,#0066cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5b93cc 0%,#0066cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5b93cc 0%,#0066cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b93cc', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */
}

#wrap {
	width:100%; height:auto;
	margin:auto;
}


header{
	padding:15px;
	margin:auto;
	width:500px; height:auto;
	border-bottom:1px solid #999;
	font:12pt 'Open Sans', Arial, Verdana, Tahoma;
	color:#333333;
	text-shadow:0 1px 1px #ffffff;
}

	header span.sep{
		color:#bbb;
		padding:0 10px;
	}

#contenido{
	padding:15px 18px;
	margin:auto;
	width:494px; height:auto;
	background:#f2f2f2;
}

	.cnt label{
		font:11pt 'Open Sans', Arial, Verdana, Tahoma;
		color:#333333;
	}
	
	label.long{
		display:block;
		width:100%;
		text-align:center;
	}


td.cnt,
td.cnt_last{
	width:auto; height:25px;
	padding:10px 0;
	border-bottom:1px solid #e2e2e2;
}

td.cnt_last{
	height:auto !important;
	padding-top:15px !important;
	border-bottom:0 !important;
}

td.cnt h4{
		font:bold 14pt 'Open Sans', Arial, Verdana, Tahoma;
		color:#c82630;
		text-shadow:0 1px 1px #ffffff;
}

td.cnt h3{
		font: 12pt 'Open Sans', Arial, Verdana, Tahoma;
		color:#333333;
		text-shadow:0 1px 1px #ffffff;
}
	
	
.ic_min_lock{
	padding:2px 14px;
	background:url(../images/ic_min_lock.png) no-repeat left;
}

.ic_min_clipboard{
	padding:0 14px;
	background:url(../images/ic_min_clipboard.png) no-repeat left;
}

#copiar{
	display:block;
	padding:5px 0;
	width:80px; height:auto;
	text-align:center;
	background:#e2e2e2;
	font:8pt 'Open Sans', Arial, Verdana, Tahoma;
	color:#c82630;
	text-decoration:none;
}