@charset "iso-8859-1";
/* CSS Document */

* {
	margin:0;
	padding:0;
	}
	
body {
	background: url(images/bg-1.jpg) repeat-x #fff;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:62.5%;
	color:#333;
	text-align:center;
	}

/* LAYOUT - GENERALIDADES
------------------------*/

a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	}

a:hover {
	color: #d00;
	}

h1, h2, h3, h4, h5, h6 {
	color: #003;
	font-weight: 100;
	padding: 20px 0 0 0;
	}

h1 {
	font-size: 2.5em;
	}

h2 {
	font-size: 2.25em;
	}

h3 {
	font-size: 2em;
	}
	
h4 {
	font-size: 1.75em;
	}

h5 {
	font-size: 1.5em;
	}
	
h6 {
	font-size: 1.25em;
	}
	
p {
	font-size: 1.3em;
	line-height: 1.8em;
	padding: 10px 0 0 0;
	color: #333;
	text-align:justify;
	margin: 0 20px 0 20px;
	}
	
#principal {
	width: 960px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background:url(images/bg_principal.jpg) repeat-x;
	}

#wrapper {
	width: 910px;
	margin: 0;
	padding: 0;
	clear: both;
	}

strong {
	color: #333;
	font-size: 1.2em;
	font-weight: 600;
	}
	
/* ENCABEZADO */
		
		#header {
			width:960px;
			height:340px;
			margin:0;
			padding:0;
			}
		
		#header h1 {
			text-indent:-9999em;
			background: url(images/logo-coar.jpg) no-repeat;
			width: 274px;
			height: 71px;
			padding:0;
			margin:15px 0 0 10px;
			float:left;
			}
			
		#header h4 {
			float: right;
			background: url(images/ing-serv-capacitacion.jpg) no-repeat;
			text-indent:-9999em;
			width:380px;
			height:26px;
			padding:0;
			margin: 64px 10px 0 0;
			}
		
			
/* MENU */
		#wrapmenu {
			float: left;
			width:960px;
			height: 270px;
			margin: 0;
			padding: 0;
			background: url(images/bgmenu.jpg) no-repeat #fff;
			}

		#flash {
			float:right;
			width: 454px;
			height: 235px;
			margin: 0 20px 0 0;
			_margin: 0 10px 0 0;
			padding:0;
			}


/*big menu*/

		#kwick {
			position: relative;
			/*border-bottom: 3px double #333;*/
			margin: 20px 0 0 20px;
		}
		
		#kwick ul{
			   list-style:none;
			   }
			   
		
		#kwick li {
			float: left;
		}
		
		li:after {
			content: "";
		}
		
		#kwick .kwick {
			display: block;
			cursor: pointer;
			overflow: hidden;
			height: 235px;
			width: 90px;
			/*padding: 10px;*/
			background: #fff;
			/*border-right: 5px solid #202020;*/
			border-right: 2px solid #fff;
		}
		
		#kwick .kwick span {
			display: none;
		}
		
		#kwick .opt1 {
		outline: 0; background: #333 url(images/nav/inicio.jpg); text-indent:-9999em;
		}
		
		#kwick .opt2 {
		outline: 0; background: #666 url(images/nav/servicios.jpg); text-indent:-9999em;
		}
		
		#kwick .opt3 {
		 outline: 0; background: #999 url(images/nav/nosotros.jpg); text-indent:-9999em;
		}
		
		#kwick .opt4 {
		  outline: 0; background: #bbb url(images/nav/contacto.jpg); text-indent:-9999em;
		}
		
		#kwick .opt5 {
		outline: 0; background: #ddd url(images/nav/capacitacion.jpg); text-indent:-9999em;
			border-right: 0;
		}		
			
/* FIN MENU */

/* FIN ENCABEZADO */

/* COLUMNA IZQUIERDA */
		
		#left {
			float: left;
			display:block;
			margin: 25px 0 10px 50px;
			_margin: 25px 0 10px 25px;
			width: 500px;
			}
		
		ul.listasimple {
			font-size: 1.4em;
			font-weight:600;
			color: #333;
			margin: 0 0 0 70px;
			padding: 10px 0 5px 0;
			line-height: 1.8em;
			}
		
		dl {
			font-size: 1.4em;
			line-height:1.8em;
			margin: 20px 20px 0 20px;
			text-align:justify;
			font-weight:600;
			}
			
		dl dt {
			text-align: left;
			clear: both;
			}
		
		dl dd {
			margin: 0 0 20px 20px;
			font-weight:100;
			}
		
		dd span {
			font-weight:600;
			margin: 0 0 0 20px;
			}
		
		dd.inside {
			margin: -20px 0 30px 60px;
			}
			
		.deco-centro {
			float:right;
			margin: 0 0 0 10px;
			}
			
		.deco-izquierda {
			float:left;
			margin: 10px 10px 10px 20px;
			border: 8px solid #eee;
			padding:0;
			}
			
/* FIN COLUMNA IZQUIERDA */

/* COLUMNA DEERECHA */

	#right {
		float: left;
		display: block;
		width: 300px;
		margin: 0 0 0 50px;
		}
	
	#right ul.enumerado {
		font-size:1.2em;
		margin-left: 120px;
		line-height:1.8em;
		color:#900;
		list-style:disc;
		}
/*FORMULARIOS */

/* FORMULARIO DE LOGIN */

	#login {
		clear: both;
		margin: 50px 0 -35px 35px;
		padding: 10px;
		background: url(images/fondo_form_acceso.jpg) repeat-x;
		border: none;
		height:300px;
		width: 250px;
		}
	
	fieldset.acceso {
		padding: 10px;
		border: none;
		margin-top: 10px;
		}
	
	legend {
		font-size: 1.6em;
		font-weight: bold;
		padding:0 10px 0 10px;
		}
		
	label.access {
		font-size: 1.2em;
		color: #000;
		display:block;
		}
	
	input#email_access,input#usuario_access {
		background: url(images/bg-input-text.jpg) repeat-x;
		border: 1px solid #999;
		padding: 3px;
		margin: 0 0 5px 10px;
		width: 180px;
		font-size:1.2em;
		}
	
	input#acceder {
		background: url(images/bg-input-boton.jpg) repeat-x;
		margin: 5px 20px 0 0;
		padding: 1px;
		border: solid 1px #cec;
		width: 75px;
		display:block;
		clear:both;
		float:right;
		}

/* FORMULARIO DE CONTACTO RAPIDO */

	#contacto_rapido {
		clear: both;
		margin: 10px 0 0 10px;
		_margin: 0 0 0 10px;
		padding: 10px;
		border: none;
		width: 290px;
		}

	fieldset.contacto_rapido {
		padding: 10px;
		border: none;
		margin-top: -20px;
		clear:both;
		}

	label.cont_rapid {
		font-size: 1.2em;
		color: #000;
		display:block;
		}

	input#nom_cont_rapido,input#email_cont_rapido,textarea#mensaje_cont_rapido{
		background: url(images/bg-input-text.jpg) repeat-x;
		border: 1px solid #999;
		padding: 3px;
		margin: 0 0 5px 10px;
		width: 210px;
		font-size:1.2em;
		}

	textarea#mensaje_cont_rapido{
		background: url(images/bg-input-textarea-rapido.jpg) repeat-x;
		font-size:1.5em;
		}
		
	input#enviar {
		background: url(images/bg-input-boton.jpg) repeat-x;
		margin: 5px 20px 0 0;
		padding: 1px;
		border: solid 1px #cec;
		width: 75px;
		display:block;
		clear:both;
		float:right;
		}


/* FORMULARIO DE REGISTRO Y CONTACTO */

	label.reglabel {
		font-size: 1.2em;
		color: #000;
		display:block;
		}
		
	fieldset.general {
		margin:0;
		padding:10px 30px 0 30px;
		border: 1px dashed #bfc8d8;
		}

	input#apellido,input#nombre,input#direccion,input#ciudad,input#registroemail,input#telefono,input#movil,input#licencia,input#codpost,input#email,input#pais,input#confirmemail{
		background: url(images/bg-input-text.jpg) repeat-x;
		/*display: block;
		clear: both;*/
		border: 1px solid #999;
		padding: 3px;
		margin: 0 0 5px 10px;
		width: 350px;
		font-size:1.2em;
		}

	textarea#mensaje{
		background: url(images/bg-input-textarea.jpg) repeat-x;
		/*display: block;
		clear: both;*/
		border: 1px solid #999;
		padding: 3px;
		margin: 0 0 5px 10px;
		width: 350px;
		font-size:1.5em;
		}

	.radio {
		padding: 5px;
		font-size: 1.4em;
		}
	
	input#usrcype {
		padding: 3px;
		}

	input#enviar {
		background: url(images/bg-input-boton.jpg) repeat-x;
		margin: 5px 0 0 0;
		padding: 3px;
		border: solid 1px #cec;
		width: 75px;
		}
	
	/* LIVE VALIDATION */
	
		.LV_validation_message{
		font-weight:bold;
		margin:0 0 0 5px;
		}
		
		.LV_valid {
			color:#063;
		}
			
		.LV_invalid {
			color:#c00;
		}


/* SELECTS DEPENDIENTES */

#demoIzq, #demoDer {
		display: block;
		clear: both;
		/* border: 1px solid #999; */
		padding: 0;
		width: auto;
		margin: 0 0 5px 10px;
		/* background: url(images/bg-input-text.jpg) repeat-x; */
		font-size:1.2em;
		}


/* CERTIFICADOS */

#certificados {
	width: 500px;
	padding:0;
	margin:0;
	}
	
h3.argentina,h3.bolivia,h3.ecuador,h3.mexico,h3.paraguay,h3.peru,h3.venezuela {
	text-indent:-9999em;
	width:500px;
	height:100px;
	display:block;
	margin: 10px 0 -30px 0;
	}
h3.argentina {
	background:url(images/certificados/argentina.jpg) no-repeat;
	}
h3.bolivia {
	background:url(images/certificados/bolivia.jpg) no-repeat;
	}
h3.ecuador {
	background:url(images/certificados/ecuador.jpg) no-repeat;
	}
h3.mexico {
	background:url(images/certificados/mexico.jpg) no-repeat;
	}
h3.paraguay {
	background:url(images/certificados/paraguay.jpg) no-repeat;
	}
h3.peru {
	background:url(images/certificados/peru.jpg) no-repeat;
	}
h3.venezuela {
	background:url(images/certificados/venezuela.jpg) no-repeat;
	}
	
/* PIE */

	#pie {
		display: block;
		clear: both;
		width:960px;
		height:80px;
		background: url(images/fondo-pie.jpg) no-repeat;
		color: #666;
		font-size: 1em;
		font-weight:bold;
		text-align: center;
		margin: 20px 0 0 0;
		padding: 10px 0 0 0;
		}