/*-- estilos web Ochoa Lacar --*/
/* Hojas de estilo importadas */
@import url("tabcontent.css");
@import url("lightbox.css");
body {
	background-color: #999;
	text-align: center;
	margin: 0px;
	font: 0.8em Arial, Helvetica, sans-serif;
}
h1 {  
	font:bold 1.9em Georgia, "Times New Roman", Times, serif; 
	line-height:36px;
	color:#000;
	text-align:left;
	margin:0px;
	padding:5px 0 0 0px;
	display:none;
}

h2 {  
	font:bold 1.9em Georgia, "Times New Roman", Times, serif; 
	line-height:36px;
	color: #000;
	text-align:left;
	margin:0px;
	padding:0px;
}

h3 {
	font:1.4em Arial, Verdana, Tahoma;  
	color: #09c; 
	margin:0px;
	padding:0px
}

h4 {
	font:1.1em Arial, Verdana, Tahoma; 
	color:#09c;
	margin:5px 0 0 0;
	padding:0px;
}
h5 {
	font:1.1em Arial, Verdana, Tahoma; 
	color:#333;
	margin:5px 0 0 0;
	padding:0px;
}
ol {
	margin:0px 25px;
	padding:0px;
}

a{
	text-decoration:none;
}

a:hover {
	color: #c03;
}

p {
	text-align: justify;
	margin:8px 0;
}
p a{
	text-decoration:none;
	color:#666;
}
p a:hover{
	color:#09c;
}
img a{
	border:0px;
	text-decoration:none;
}
.limpiar {
	clear:both;
}
.espacio_menu {
	padding-bottom:20px;
	color:#fff;
	display:list-item;
	clear:both;
	height:20px;
}

#container {
	width: 748px;
	margin: 10px auto 0 auto;
	text-align: left;
	background-color: #fff;
	color: #666;
	border: 1px solid #ccc;
}

#header {
	background:#000;
	margin:0px;
	padding:0px;
	color:#09c;
	height:144px;
}
/*****BANNER CABECERA******/
#logos_banner{
	clear:both;
	height:110px;
}
.banner {
	float:right;
	width:170px;
	margin:29px 5px 0px 0px;
	border:1px solid #ffffff;
}
.banner img{
	border:0;
}
.logos {
	float:left;
	width:350px;
	margin:35px 0 15px 8px;
}
.logos ul {
	margin:0px;
	padding:0px;
}
.logos li {
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}
.logos img{
	margin-right:25px;
	border:0px;
}
/*
.logos {
	float:left;
	width:350px;
	margin:35px 0 0 8px;
}
.logos ul {
	margin:0px;
	padding:0px;
}
.logos li {
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}
.logos img{
	margin-right:25px;
	border:0px;
}
*/
.menu {
	float:right;
	padding:0px;
	margin:8px 5px 0 0px;
	text-align:right;
	overflow:auto;
}
.menu li{
	display:inline;
	margin:0px;
	padding:0px;
	list-style-type:none;
	color:#09c;
}
.menu li a{
	text-decoration:none;
	font:0.9em Arial, Verdana, Tahoma; 
	color:#09c;
}
.menu li a:hover{
	color:#c30;
}
#sidebar {
	float: left;
	width: 165px;
	padding:5px 15px;
	background-color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 0px solid #ccc;
}
sidebar_img img{
	padding-top:40px;
}

* html #sidebar {
	padding:15px;
}
#sidebar dl {
	clear:both;
}
#sidebar dt {
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
	color: #999;
	text-align:left;
	margin:8px 0 0 0px;
	padding:0px;
}
#sidebar dd {	
	display:inline;
	margin:0px;
	padding:0px;
	color: #09C;
}
#sidebar dd a{	
	font: bold 0.9em Arial, Verdana, Tahoma;
	color: #09C;
	border:0px;
	text-decoration:none;
}
#sidebar dd a:hover, #sidebar dd a:active {	
	color: #c03;
	border:0px;
	text-decoration:none;
}
#sidebar img {	
	border:0px;
	text-decoration:none;
	margin:2px 0;
}
.clear {
	height:1px;
	margin:8px 0 0px 0;
	background: url(../img/separador.jpg) left top no-repeat;

}
#main {
	float:left;
	padding: 15px 20px;
	width:510px;
}
#main ul {
	margin:0px;
	padding:0px;
}
#main li {
	margin:5px 0px 5px 14px;
	padding:0px;
}
.main_img {
	width:345px;
	margin:15px auto;
	text-align:center;

}
.main_img img{
	padding: 8px;
	border:1px solid #09c;
	display:block;
}
#main_home {
	width:550px;
	height:550px;
	float:right;
	padding: 0px;
	text-align:right;
	background-color:#000;
}
#footer {
	color: #ccc;
	padding: 5px;
	margin:0px auto;
	width:738px;
	text-align:left;
	background-color:#000;
	border:1px solid #ccc;
	border-top:1px solid #fff;
}

.negro {
	font-family: Arial, Verdana, Tahoma; 
	font-size: 1.2em; 
	color: #000; 
	margin:0px;
	padding:0px
}

sub {
	font:1.2em Arial, Verdana, Tahoma;  
	color: #09c; 
	margin:0px;
	padding:0px
}

cite {
	color: #09C; 
	font:0.85em Arial, Verdana, Tahoma; 
	text-align:center;
}

em {
	font:1em Arial, Verdana, Tahoma; 
	color: #09c; 
}

.catalogo li{
	list-style-type:none;
	display:inline;
}
.catalogo li a{
	
}
.catalogo img{ 
	margin:20px 15px 0 0;
	text-decoration:none;
	border:0px;
}

/* -- descargas -- */
.imagenes {
	float:left;
	margin:20px 40px 0 0;
	padding-top:5px;
}
.descargas {
	float:left;
	width:300px;
	margin:20px 0px 0 0;
}
.descargas ul{
	margin:0px;
	padding:0px;	
	
}
.descargas li{
	margin:5px;
	padding:3px 0;
	list-style-type:none;
	border-bottom:1px dashed #ccc;
	
}	
.descargas li a{	
	color:#999;
	display:block;
}
.descargas li a:hover {
	color:#c03;
}	
.descargas img {
	border:0px;
	text-decoration:none;
	margin:0px 5px 0 10px;
}
/* -- Formulario -- */

#formulario {
	margin:10px auto 10px auto;
	padding:20px 50px;
	font: 0.9em Tahoma, Verdana, Arial, Helvetica;
	background-color:#eee;
	border-top:1px dashed #999;
	text-align:right;
}
label{
	display: list-item;
	list-style-type:none;
	margin:5px 0;
}
input, textarea{
	width:280px;
	border:1px solid #fff;
	border-bottom: 1px dashed #999;
	color:#999;
	font: 0.95em Tahoma, Verdana, Arial, Helvetica;

}
textarea{
	height:50px;
	width:280px;
}
.boton{
	width:80px;
	border:1px solid #999;
	margin:10px 0 10px;
	padding-bottom:1px;
	font: 1em Tahoma, Verdana, Arial, Helvetica;
}
* html .boton{
	margin:10px 0 5px;
}

/* -- Marcas -- */
.marcas {
	float:left;
	margin:30px 0px 0 0;
	width:400px;
}
.marcas ul{
	margin:0px;
	padding:0px;	
	
}
.marcas li{
	margin:5px;
	padding:5px 0;
	list-style-type:none;
	border-bottom:1px dashed #ccc;
}	
.marcas img {
	border:0px;
	text-decoration:none;
	margin:0px 45px 0 0px;
}

/*--- ----*/
.marcas2 {
	float:left;
	margin:10px 0px 0 0;
	font:1.2em tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:500px;
}
.marcas2 h4 {
	background-color: #DDECF4;
	padding:2px;
		

}
.marcas2 ul{
	margin:0px;
	padding:0px;
	
}
.marcas2 li{
	float: left;
	height:60px;
	width:110px;
	text-align:center;
	border:1px solid #ccc;
	margin:6px;
	padding:5px 0;
	list-style-type:none;
}	
.marcas2 img {
	border:0px;
	text-decoration:none;
}


/* contacto */

.col1, .col2 {
	float:left;
	width:220px;
	text-align:left;
	font-size:0.9em;
}
.col2 {
	margin-left:20px;
}
.col1_mapa {
	float:left;
	width:180px;
	text-align:left;
	font-size:0.9em;
}
.col1_mapa img {
	float:left;
	margin:5px 5px 0 0;
}
.col2_mapa {
	float:left;
	width:300px;
	text-align:left;
	margin-left:15px;
}
.col2_mapa dl { 
	margin:0px;
	padding:0px;
}
.col2_mapa dt, .col2_mapa dt a {
	font-size:1.1em;
	color:#09c;
	margin:5px 0px;
	padding:0px;
}
.col2_mapa dd a {
	color:#666;
	margin:0px;
	padding:0px;
}
.col2_mapa dd a:hover, .col2_mapa dt a:hover {
	color:#c03;
}
.visita {
	margin-top:20px;
}