@charset "utf-8";
/* Definición de estilos de mansinimaquetadorgrafico.com
	Autor:	Juan A. Pedrero juanpedrero@soloselared.com
	Sitio:	mansinimaquetadorgrafico.com
	Mapa:	Definición de los elementos generales de la interfaz
			Definición de los vínculos básicos
			Definición de la apariencia general
			Definición del formulario
	Colores:
			Naranja			#FF9900
			Azul			#0099FF
			Gris			#CCCCCC
			
/* Definición de los elementos generales de la interfaz
-------------------------------------------------------------------- */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}
br{
	margin:0;
	padding:0;
}
/* Definición de los vínculos básicos
-------------------------------------------------------------------- */
a {
	color:#0099FF;
	background-color:inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* Definición de las areas contendedoras
-------------------------------------------------------------------- */
.contenedor{
	margin:auto;
	width:760px!important;
}
.todo{
	margin:auto;
	width:100%;
}
.tabla {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:3px solid #CCCCCC;
	padding:5px;
	color:#666666;
	background-color:inherit;
	font-size:13px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:justify;
}

.separa{
	margin-bottom:20px;
}

#cabecera{
	height:220px!important;
}
#navegacion{
	margin:0px 0px 25px 0px;
	height:30px;
	line-height:30px;
}
#navegacion div ul{
	font-size:13px;
	font-weight:bold;
	margin:auto;
	padding-left:15px;

}
#navegacion div ul li{
	display: inline;
	width:auto;
	padding:0px 3px;
}
#navegacion a{
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	padding:7px 8px 7px 8px;
}
#navegacion a:hover{
	background-color:#999;
	color:inherit;
}
#imagenP{
	width:100%;
	margin:auto;
	margin-bottom:30px;
}
#imagenP img{
	margin:auto;
}
#contenido{
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}
#contenido h1{
	font-weight:bold;
	font-size:21px;
	color:#0099FF;
	background-color:inherit;
	margin:0px;
	padding:0px;
}
#contenido p{
	border:3px solid #CCCCCC;
	padding:5px;
	color:#666666;
	background-color:inherit;
	font-size:13px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:justify;
}
#contenido p a {
	font-weight:bold;
}
#izquierda{
	width:500px;
	float:left;
}
#derecha{
	width:250px;
	float:right;
}
#pie{
	clear:both;
	width:100%;
	margin-top:30px;
	margin-bottom:50px;
	border-top:2px #CCCCCC solid;
}
#pie div ul{
	font-size:13px;
	text-align:center;
	margin-top:5px;
	margin-left:0px;
}
#pie div ul li{
	display: inline;
	width:auto;
	padding:0px 3px;
}
.izquierda70{
	float:left;
	width:70%;
}
.derecha30{
	float:right;
	width: 25%;
}
.izquierda50{
	float:left;
	width:50%;
}
.derecha50{
	float:right;
	width: 50%;
}

.tercio{
	width:200px;
	float:left;
}
/* Definición de la apariencia general
-------------------------------------------------------------------- */
.gris{
	color:inherit;
	background-color:#E9E9E9;
}
.tahoma{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal!important;
}
.activo{
	background-color:#0099FF!important;
	color:inherit;
}
.normal{
	background-color:inherit;
	color:inherit;
}
.borde{
	border:3px solid #CCCCCC;
	margin-top:5px;
}
.separacion{
	margin-right:78px;
}
.tercio h1{
	font-size:18px!important;
}
.tercio p{
	padding:3px;
	border:0!important;
	text-align:left!important;
}
.tercio h2{
	font-size:45px!important;
	color:#FF9900;
	background-color:inherit;
	font-weight:bold;
	text-align:center;
	margin:0!important;
}
.azul{
	color:#0099FF!important;
	background-color:inherit;
}
.naranja{
	color:#FF9900!important;
	background-color:inherit;
}
.negrita{
	font-weight:bold!important;
}
.medio{
	font-size:12px!important;
}
.minimo{
	font-size:10px!important;
}
/* Definición del formulario
-------------------------------------------------------------------- */
.formulario{
	width:100%;
	padding:0px;
	margin-top:15px;
}
.formulario ul{
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	line-height: 1.5em;
	padding:0px;
}
.formulario li{
	margin:4px 0px;
	padding:0;
	width:100%;
	height:auto;
	min-height:1.8em;
}
.formulario label{
	float:left;
	width:100%;
	color:#FF9900;
	text-align:left;
	background-color:inherit;
}
.formulario input, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	border: 1px solid #CCCCCC; 
	font-size: .8em;
	color:#333333;
	background-color:inherit;
	width:100%;
}
#chkAcepto{
	border: 1px solid #CCCCCC; 
	width:auto;
	margin-right:2em;
	margin-top:5px;
}
.asterisco{
	font-weight: bold;
	text-decoration: none;
	color: #0099FF;
	background-color:inherit;
	font-size:12px;
}
.cuadro{
	color:#FFFFFF!important;
	background-color:#0099FF;
	width:100px!important;
	font-weight:bold;
	margin-left:350px;
}