/* iCAD diseño inteligente, C. A.
www.icad.com.ve
Diseño: Ramon Lapenta
webmaster@icad.com.ve
-----------------------------------------
Si vas a copiar algo de aqui, procura entenderlo, y darle buen uso.

/*----------     GENERAL     ----------*/
body {
	margin: 0;
	padding:0 0 20px 0;
	background:#FFFFFF url(img/bg.png) 80% 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	}

/*----------      HEADER     ----------*/

#head { width:100%; height:140px; color:#333333; background:#FFFFFF url(img/head_bg.png) repeat-x; }
	#head h1 { float:left; margin:0; padding:0;	}
	#head h1 a { display:block; width:170px; height:129px; font-size:0; margin-left:50px; background-image:url(img/logo.png); }
	#head h1 a span, #head p { display:none; }

#menu { margin:50px 0 0 60px; float:left; display:inline; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu ul li { float:left; }
#menu ul li a { font-size:14px; color:#AFDA2B; font-weight:bold; text-decoration:none; padding:30px 3px 4px 3px; display:block; background-repeat:no-repeat; background-position:top center; background-color:transparent; }
	#menu ul li a#home { background-image:url(img/home.png); }
	#menu ul li a#serv { background-image:url(img/serv.png); }
	#menu ul li a#port { background-image:url(img/port.png); }
	#menu ul li a#noso { background-image:url(img/noso.png); }
	#menu ul li a#sopo { background-image:url(img/clie.png); }
	#menu ul li a#cont { background-image:url(img/cont.png); }
	#menu ul li a#admi { background-image:url(img/noso.png); }
#menu ul li a:hover, #menu ul li.sel a { color:#014A7F; background-position:bottom center; background-color:#FFFFFF; }

#version { width:120px; height:120px; border:0; position:absolute; top:0; left:100%; margin-left:-120px; background-image:url(img/version.png); }
#version p { display:none; }

#bar { height:26px; background:#FFFFFF url(img/bg_bar.png) 80% 0; }

/*----------      BODY      ----------*/
.clearer { clear:both; }

a:link { color:#89AC1E; text-decoration:none; }
a:visited { color:#89AC1E; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#FF9900; }

a img { border:0; }

#wrap { width:100%; }

#left { float:left; width:71%; padding-top:20px; }

	#left div { padding:0 30px 10px 0; margin-left:8%; clear:both; }
	#left div h1 { font-size:2em; color:#AFDA2B; font-weight:normal; }
	#left div h2 { font-size:1.4em; color:#FF9900; font-weight:normal; }
	#left div h3 { font-size:1.1em; color:#014A7F; font-weight:normal; }

	#left div blockquote { clear:both; padding:10px; margin:10px 20px 10px -10px; background:transparent url(img/quote.png) repeat-y; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; font-size:1.3em; font-style:italic; }
	#left div blockquote p { margin:0; }

	p.center { text-align:center; }
	p.nota { font-size:80%; color:#999999; }
	.imagen { clear:both; padding:4px; background-color:#FFFFFF; border:1px solid #CCCCCC; }
	.resalte { font-size:110%; color:#FF9900; font-weight:bold; }
	.derbor { float:right; padding:6px; background-color:#EEEEEE; margin-left:10px; }
	.izqbor { float:left; padding:6px; background-color:#EEEEEE; margin-right:10px; }
	.der { float:right; }
	.izq { float:left; margin-right:10px; }
	.lbOn { background-color:#FFFFFF; }
	.lbOn:hover { background-color:#FFFFFF; }

	p.enviado { font-size:110%; color:#89AC1E; padding:3px; padding-left:24px; background:#FFFCF0 url(img/check.png) no-repeat; }
	.enviadosug { font-size:110%; color:#89AC1E; padding:3px; padding-left:24px; background:#F5F5F5 url(img/check.png) no-repeat; }
	.error { font-size:110%; color:#FF0000; padding:3px; padding-left:24px; background:#FFFCF0 url(img/bad.png) no-repeat; }
		div#left div.error div { display: block; padding: 10px 20px; }
	.errorsug { font-size:110%; color:#FF0000; padding:3px; padding-left:24px; background:#F5F5F5 url(img/bad.png) no-repeat; }
	p.info { font-size:110%; color:#FF6600; padding:3px; padding-left:24px; background:#ECF7FF url(img/info.png) no-repeat; }

	p.fecha { text-transform:capitalize; text-align:right; color:#AFDA2B; }

	#left div.rex { margin:10px; background-color:#FEFFF9; border:1px dotted #EEEEEE; padding:10px 20px; }

	p.paginitas {
				text-align: center;
				clear: both;
				}
		p.paginitas a {
					padding: 3px 6px;
					border: 1px solid #CCCCCC;
					text-decoration: none;
					background-color: #FFFFFF;
					}
		p.paginitas a:hover {
						background-color: #EFEFEF;
						}
	
/*----------      BODY      ----------*/
#samples { width:86%;  padding:0; margin:0 auto; }
	#samples div { padding: 0 0 10px 0; border-bottom: 1px solid #EEEEEE; height: 90px; }
	#samples div img { float: left; margin-right: 20px; border: 5px solid #F5FCE0; }
	#samples div p { text-align: right; }



	#left div table#host { width:90%; margin:10px auto; border-top:1px solid #F0FAD1; }
	#left div table#host thead tr th { text-align:center; color:#014A7F; background-color:#FCFEF6; border-bottom:1px solid #F0FAD1; }
	#left div table#host tbody tr th { border-bottom:1px solid #F0FAD1; text-align:left; }
	#left div table#host tbody tr td { border-bottom:1px solid #F0FAD1; text-align:right;}



	#left div.detail { width:96%; float:right; }
		#left div.detail p { width:44%; float:right; }
		#left div.detail ul { width:40%; float:right; }

	#left div div.afiliado {
		padding: 10px 20px;
		background-color: #FCFEF6;
		border: 1px solid #EEEEEE;
		}

	 
	#left .listado { margin: 0 auto; }	
	
	table.listado { 
		border:0; 
		margin:20px auto; 
		color:#000000; 
		}
		table.listado tr th { 
			font-weight: bold; 
			text-align: center; 
			color: #FFFFFF; 
			font-size: 10px; 
			background: #035EA7; 
			border-bottom:1px solid #CCCCCC; 
			padding: 4px 0;
			}
		table.listado tbody tr td { 
			background-color:#FFFFFF; 
			text-align: left; 
			border-bottom:1px solid #CCCCCC; 
			padding: 4px;
			}
		table.listado tbody tr td.money { 
			text-align: right; 
			}
	
	
/*----------   LISTAS DL    ----------*/
#left div dl dt { font-weight:bold; color:#014A7F; }
#left div dl dd { margin:6px 20px; padding:10px; border-top:1px solid #F0FAD1; }
#left div dl dd:hover { background-color:#FCFEF6; }

/*------------------------------------*/
#left ul { list-style-image:url(img/li.png); }
/*------------------------------------*/

#right { float:right; width:23%; margin-right:2%; display:inline; color:#CCCCCC; }

	#right div { color:#014A7F; background-color:#FCFEF6; }
	#right div  div { text-align: center; padding: 4px; }
	#right div  div a img { border: 4px solid #FFFFFF; }
	#right div  div a:hover img { border: 4px solid #D5EF86 ; }
	#right ul { color:#FF9900; list-style:none; padding-left:4px; margin:0 10px; }
	#right ul li { padding:0; margin:0; border-bottom:1px solid #F0FAD1; }
	#right ul li a { display:block; padding:4px 10px; }
	#right ul li.here a { background-color:#F0FAD1; color:#666666; }
	#right ul li a:hover { background-color:#F0FAD1; color:#FF9900; font-weight:normal; text-decoration:none; }
	#right h2 { color:#999999; word-spacing:-6px;  font-size:1.2em; border-bottom:1px dotted #999999; }
		#right h2 span { font-weight:normal; color:#014A7F; }
	#right p.link { text-align:right; }
	#right a img { margin:0 3px; border:0; padding:0; }
	#right a img.imglink { background-color:#CCCCCC; padding:0;  margin:4px; }
	#right a { color:#FF9900; }
	#right a:hover { background-color:#FCFEF6; color:#89AC1E;  }

	#right blockquote { margin:0; padding:0; }
	#right blockquote p { padding:10px; font-size:95%; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#666666; }
	#right blockquote p.autor { text-align:right; font-size:90%; color:#999999; font-style:italic; }

/*----------    CONTACTO    ----------*/
form#contacto { width:90%; margin:0 auto; }
	form#contacto fieldset { padding:8px 20px; border:0; }
	form#contacto fieldset legend { font-size:1.2em; color:#AFDA2B; }
	form#contacto fieldset input, form#contacto fieldset textarea { float:right; width:64%; margin-bottom:4px; border:0; border-bottom:1px dotted #999999;  font-family:"Courier New", Courier, monospace; font-size:15px; color:#333333; background-color:#F5F5F5; padding:3px; }
	form#contacto fieldset label { float:left; width:30%; height:22px; margin-bottom:5px; padding-top:2px; padding-left:2%; }

	form#contacto fieldset input { height:18px; }
	form#contacto fieldset label span { font-size:10px; color:#FF0000; }

	form#contacto fieldset input:focus, form#contacto fieldset#msg textarea:focus { background-color:#FCFEF6; border-color:#AFDA2B; }

	form#contacto fieldset#boton { padding-left:36%; }

	form#contacto fieldset input.em_err { border:1px solid #FF0000; }

/*----------  CURRICULUM    ----------*/

	#empleo fieldset { width:65%; margin:10px auto; padding:16px 24px 24px 24px; background-color:#F3F3F3; border:1px dotted #999999; }
	#empleo fieldset legend { display:none; }
	#empleo fieldset label { display:block; font-size:1.1em; margin:0; }
	#empleo fieldset button { width:20%; }

/*----------   REFERENCIA CSS     ----------*/

	table.ex { margin:10px auto; font-size:80%; }
	table.ex tr th { border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; padding:2px; }
	table.ex tr td { border-bottom:1px solid #CCCCCC; }


/*----------   SOPORTE     ----------*/
	
	div#wrap div#left div div.resp_usuario {
		padding: 10px 20px;
		background: #FFFFFF url(img/bg_respuser.png) top repeat-x;
		margin: 0 0 10px 0;
		}
		div#wrap div#left div div.resp_usuario h3 {
			color: #014A7F;
			margin: 0 0 10px 0;
			}
			div#wrap div#left div div.resp_usuario h3 span {
				font-size: 80%;
				}
	div#wrap div#left div div.resp_soporte {
		padding: 10px 20px;
		background: #FFFFFF url(img/bg_respsop.png) top repeat-x;
		margin: 0 0 10px 0;
		}
		div#wrap div#left div div.resp_soporte h3 {
			color: #AFDA2B;
			margin: 0 0 10px 0;
			}
			div#wrap div#left div div.resp_soporte h3 span {
				font-size: 80%;
				}
	
/*----------   REGISTRO     ----------*/

	#registro fieldset { width:80%; margin:10px auto; padding:10px 20px; background-color:#F3F3F3; border:1px dotted #999999; }
	#registro fieldset legend { color:#014A7F; }
	#registro fieldset label { display:block; margin:0; }
	#registro fieldset label span { font-size:80%; color:#FF0000; }
	#registro fieldset input, #registro fieldset textarea { width:100%; display:block; border:1px solid #CCCCCC; padding:3px; }
	#registro fieldset input:focus, #registro fieldset textarea:focus { background-color:#FCFEF6; border-color:#999999; }
	#registro fieldset textarea { width:100%; }
	#registro fieldset button { width:20%; }

	#registro fieldset#prods div.prods { margin:0; padding:0; clear:none; width:24%; float:left; }
	#registro fieldset#prods div.prods label { display:inline; }
	#registro fieldset#prods div.prods input { width:15px; display:inline; }
	#registro fieldset input.em_err { border:1px solid #FF0000; }

/*----------   CLIENTES     ----------*/
form#login { float:right; width: 40%; margin:0 0 10px 20px; }
form#login fieldset { border:0; margin:0; padding:10px; background-color:#F5F5F5; border:1px solid #EAEAEA; }
form#login fieldset legend { color:#999999; font-weight:bold; padding:3px; }
form#login fieldset label { display:block; }
form#login fieldset input { border:1px solid #CCCCCC; width:100%; }

form#imp_login { float:right; width: 40%; margin:0 0 10px 20px; }
form#imp_login fieldset { border:0; margin:0; padding:10px; background-color:#F5F5F5; border:1px solid #EAEAEA; }
form#imp_login fieldset legend { color:#999999; font-weight:bold; padding:3px; }
form#imp_login fieldset label { display:block; }
form#imp_login fieldset input { border:1px solid #CCCCCC; width:100%; }

/*----------     FOOTER     ----------*/
#footer { width:100%; padding:10px 0; clear:both; }
	#footer div { margin:0 32% 0 5%; border-top:1px solid #CCCCCC; padding-top:10px; }
	#footer p { padding:5px 0 0 0; margin:0; font-size:75%; color:#666666; }
	#footer a { color:#014A7F; }
	#footer a:hover { text-decoration:underline; background-color:#FFFFFF; }