/*
Theme Name: Teknos3
Description: Desarrollado para Teknos por Muro y Oficina de Asuntos Graficos

*/

body{
margin:0;
padding:0;
background-color:#fff;
background-image: url(images/fondo.jpg);
background-repeat: repeat-y;
background-position: right;
border-top:5px solid #c00;
}

a{
color:#993300;
}

a:hover{
color:#000;
}

h1{
color:#000; 
font:normal 20px Geneva, Helvetica, Arial, san-serif;
letter-spacing:1px;
margin:0 0 10px 0; 
padding:10px 0;
text-align:left;
border-bottom:1px solid #ddd;
}

h1 a{
color:#000;
text-decoration:none; 
}

h1 a:hover{
color:#cc0000;
text-decoration:none;  
}

#teknos{
width: 852px;
margin:0 auto;
padding:0;
font:normal 11px Geneva, Helvetica, Arial, sans-serif;
color:#333;
line-height:16px;
text-align:justify;
}

.cabecera{
width: 590px;
height: 30px;
margin:11px 5px 0 0;
padding:50px 0 10px 265px;
clear: both;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: left;
}

.centro{
width: 852px;
margin:0;
padding:0;
clear: both;
border-bottom: 1px solid #ddd;
}


	/*	DETALLES EN LA CABECERA	*/
	.cabecera ul{
	color:#000; 
	font:normal 12px Geneva, Helvetica, Arial, sans-serif;
	margin:0; 
	padding:0;
	list-style:none;
	}
	
	.cabecera ul li{
	list-style-type:none;
	border-left:1px solid #ccc;
	display: inline;
	padding: 20px 10px 0 10px;
	}

	.cabecera ul li a{
	display:inline;
	margin:0; 
	color:#4d4d3d;
	text-decoration:none;
	}
	
	.cabecera ul li a:hover{
	margin:0; 
	color:#c00;
	text-decoration:none;
	}	

	/* CENTRO EN HOME */
	
	.flash{
	width: 850px;
	height: 300px;
	margin:0;
	padding:0;
	clear: both;
	border-bottom: 1px solid #ddd;	
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;	
	border-right: 1px solid #fff;
	}

	.botones{
	width: 850px;
	margin:10px 0;
	padding:0;
	clear: both;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
	
	.noticias{
	width: 852px;
	height: 130px;
	margin:0;
	padding:15px 0;
	clear: both;
        background-image: url(images/noticias.gif);
        background-repeat: no-repeat;
        background-position: left;
	}
	
	.noticia{
	width: 250px;
	margin:0;
	padding:0 15px;
	height: 130px;
	float:left;
        font-size:10px;
        text-align:left;
	}

	.noticia a{color:#f00; text-decoration:none; }

	.noticia a:hover{color:#f00; text-decoration:none; }

        .more-link {
        text-align: right;
        float:right;
        margin:9px 0 0 0;
        padding:2px 4px;
        background-color:#fff;
        border:1px solid #ddd;
        font-size:9px;
        }


        .more-link a{
        text-decoration:none;
        color:#666;
        }

        .more-link a:hover{
        text-decoration:none;
        color:#000;
        }

	.vinculos{
	width: 195px;
	margin:0;
	padding:0 0 0 15px;
	float:left;
        font-size:10px;
	height: 130px;
	}

	.vinculos img{
	border:none;
	}
		
	/* CENTRO EN PAGES Y SINGLES */

	.espacio{
	width: 850px;
	height: 35px;
	margin:0 0 30px 0;
	padding:0;
	clear: both;
	border-bottom: 1px solid #ccc;	
	border-top: 1px solid #ccc;	
	}

	.menu{
	width: 235px;
	margin:0;
	padding:0;
	float:left;
        text-align:right;
	}

	.menu h2{
	color:#993300; 
	font:lighter 18px 'Lucida Grande' Verdana, Arial, san-serif;
	letter-spacing:1px;
	margin:0 0 10px 0; 
	padding:10px 0;
	text-align:right;
        border-bottom:1px solid #ddd;
	}
        .quien{
	margin:0;
	padding:0;
        text-align:right;
        background-image: url(images/titulo_quien.gif);
        background-repeat: no-repeat;
        background-position: right;
        border-bottom:1px solid #ddd;
	}

	.menu ul{
	color:#000; 
	font:bold 11px 'Lucida Grande', Verdana, sans-serif;
	margin:0 0 30px 0; 
	padding:0;
	list-style:none;
	}
	
	.menu ul li {
	list-style-type:none;
	border-bottom:1px dotted #ddd;
	}
	
	.menu ul li a{
	display:block;
	margin:0; 
	padding: 10px 0;
	color:#000;
	text-decoration:none;
	}
	
	.menu ul li a:hover{
	margin:0; 
	padding: 10px 0;
	color:#666666;
	text-decoration:none;
	}		
	
		.menu ul ul{
		font:normal 10px 'Lucida Grande', Verdana, sans-serif;
                color:#222;
		margin:0 0 30px 0; 
		padding:0;
		list-style:none;
		}
		
		.menu ul ul li {
		list-style-type:none;
	    border-bottom:1px dotted #ddd;
		}
	
		.menu ul ul li.submenu {
		background-color:#e5e4e4;
       padding:0px;
       margin:0;
       letter-spacing:1px;
       display:block;
		}
	    
			.menu ul ul ul{
			color:#333; 
			font:normal 10px 'Lucida Grande', Verdana, sans-serif;
			margin:0 0 20px 0; 
			padding:0;
			list-style:none;
background-color:#fff;
			}
			
			.menu ul ul ul li {
			list-style-type:none;
	       border-bottom:1px dotted #ddd;
			}
			
			.menu ul ul ul li a{
			display:block;
			margin:0; 
			padding: 10px 0;
			color:#666666;
			text-decoration:none;
			}
			
			.menu ul ul ul li a:hover{
			margin:0; 
			padding: 10px 0;
			color:#000;
			text-decoration:none;
			}

				.menu ul ul ul ul{
				color:#666; 
				font:normal 10px 'Lucida Grande', Verdana, sans-serif;
				margin:0 0 10px 0; 
				padding:0;
				list-style:none;
				}
				
				.menu ul ul ul ul li {
				list-style-type:none;
	           border-top:1px dotted #ddd;
				}
				
				.menu ul ul ul ul li a{
				display:block;
				margin:0; 
				padding: 10px 0;
				color:#666;
				text-decoration:none;
				}
				
				.menu ul ul ul ul li a:hover{
				margin:0; 
				padding: 10px 0;
				color:#000;
				text-decoration:none;
				}


				.menu ul ul ul ul ul{
				color:#999; 
				font:normal 11px 'Lucida Grande', Verdana, sans-serif;
				margin:0 0 10px 0; 
				padding:0;
				list-style:none;
				}
				
				.menu ul ul ul ul ul li {
				list-style-type:none;
	                        border-top:1px dotted #ddd;
				}
				
				.menu ul ul ul ul ul li a{
				display:block;
				margin:0; 
				padding: 10px 10px 10px 50px;
				color:#ccc;
				text-decoration:none;
				}
				
				.menu ul ul ul ul ul li a:hover{
				margin:0; 
				padding: 10px 10px 10px 50px;
				color:#000;
				text-decoration:none;
				}

	
	.contenido{
	width: 550px;
	margin:0;
	padding:0 35px 30px 30px;
	float:left;
	}

	.ajuste{
	width: 850px;
	content: ".";
	color:#fff;
	margin:0;
	padding:0;
	clear: both;	
	}

.dato{
text-align:right;
width:538px;
margin:25px 0 50px 0;
padding:5px;
font-size:9px;
border:1px solid #ddd;
background-color:#fff;
color:#777;
}

/*ACA TE ARREGLO EL PIE*/

.pie{
width: 842px;
height: 40px;
margin:0;
padding:0 20px 0 0;
clear: both;
border-top: 1px solid #fff;
font:normal 12px Geneva, Helvetica, Arial, sans-serif;
color:#777;	
}

.pie a {color:#333; text-decoration:none; margin:0 0 0 30px;}
.pie a:hover {color:#555; text-decoration:none; margin:0 0 0 30px;}
.pie p {margin:15px; padding:0;}

.pie .izquierdo{float:left; text-align:left; width:652px; padding:10px 0; margin:0;}

.pie .derecho{float:right; text-align:right; width:170px; background-image:url('http://www.teknos.cl/sitio/archivos/pedefe2.gif'); background-position: right; background-repeat:no-repeat; margin:0; padding:10px 10px 10px 0;}

.pie .ajustado{clear:both; width:852px; content:"."}

/*
PARA LA TABLA DE CLIENTES
*/

table ul{
padding:0 0 0 14px;
margin:0;
text-align:left;
}