/* CSS Document */

body{
	text-align:center;
	margin:0px;
	padding:0px;
	background-color:#C1C1C1;
	background-image:url(../images/fondo.gif);
	background-repeat:repeat-x;
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#616161;
}

p{
	line-height:14px;
}

/************************[Estructura principal]************************/
#frame{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
}

#superior{
	height:300px;
	margin:0px;
}

#central{
	position:relative;
	background-color:#FFFFFF;
	height:10px;
}

#contenido{
	position:relative;
	background-color:#FFFFFF;
}

.space{
	height:10px;
	clear:both;
}

#cargando{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;
	z-index:20;
	text-align:left;
}

#cargando p{
	margin-left:20px;
	margin-top:10px;
}

#derecha{
	float:right;
	width:440px;
	margin-top:0px;
	margin-right:10px;
	/*background-color:#CC6600;*/
	background-image:url(../images/fondogradient.gif);
	background-repeat:repeat-x;
	min-height:385px;
	padding-top:10px;
}


#izquierda{
	float:left;
	width:239px;
	margin-top:0px;
	margin-left:10px;
	/*background-color:#6666FF;*/
	padding-bottom:10px;
	background-image:url(../images/fondogradient.gif);
	background-repeat:repeat-x;
	min-height:385px;
	padding-top:10px;
}

div#izquierda p{
	margin:10px 10px 10px 10px;
	line-height:16px;
}
div#derecha p{
	line-height:16px;
}
div#derecha h1{
	margin:0px 0px 0px 10px;
	padding:0px;
	
	font-size:15px;
	color:#BE0000;
	font-weight:normal;
}

div#derecha p{
	margin:0px 10px 10px 10px;
	line-height:16px;
}
#inferior{
	position:relative;
	clear:both;
	height:82px;
	margin:0px;
	background-color:#fff;
	background-image:url(../images/abajo.gif);
	background-repeat:no-repeat;
}
#inferior a{
	position:absolute;
	display:block;
	width:185px;
	height:20px;
	right:35px;
	top:10px;
}

#inferior a span{
	display:none;
}

/************************[Contacto]************************/
#dudas{
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	background-image:url(../images/contactanos.gif);
	background-repeat:no-repeat;
}
#requerido, label span{
	color: #BE0000;
}
label{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block
}
.campo ,textarea{
	color: #BE0000;
	background-color: #FFF;
	border: 1px solid #B5B5B5;
	width:250px;
}
.check{
	border: 1px solid #B5B5B5;
}
.boton{
	color: #BE0000;
	background-color: #FFF;
	border: 1px solid #B5B5B5;
	width:auto;
}
textarea{
	height:150px;
}


#enviar{
	margin-left:110px;
}
/************************[Servicios]************************/
#servicios{
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	background-image:url(../images/servicios.gif);
	background-repeat:no-repeat;
}

#foto{
	margin:10px 10px 10px 10px;
	border:1px #B5B5B5 solid;
}

/************************[Estudio de casos]************************/
#cliente{
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	background-image:url(../images/cliente.gif);
	background-repeat:no-repeat;
}

a.download:link,a.download:visited{
	text-decoration:none;
	color:#BE0000;
}

a.download:hover,a.download:active{
	text-decoration:none;
	color:#FF6600;
}
/************************[Quienes somos]************************/
#objetivos{
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	background-image:url(../images/objetivos.gif);
	background-repeat:no-repeat;
}

#mision{
	display:block;
	width:420px;
	height:45px;
	text-indent:-9999px;
	background-image:url(../images/mision.gif);
	background-repeat:no-repeat;
}

#vision{
	display:block;
	width:420px;
	height:29px;
	text-indent:-9999px;
	background-image:url(../images/vision.gif);
	background-repeat:no-repeat;
}

/************************[catalogo]************************/

a.menuCat:link,a.menuCat:visited{
	text-decoration:none;
	color:#616161;
}

a.menuCat:hover,a.menuCat:active{
	text-decoration:none;
	color:#FF6600;
}

div#modelos{
	clear:both;
}
div#modelos h2{
	margin:15px 0px 0px 0px;
	padding:0px;
	
	font-size:15px;
	color:#BE0000;
	font-weight:normal;
}
div#modelos h3{
	font-size:13px;
	margin:0px 0px 0px 10px;
	padding:0px;
	font-weight:normal;
}
div#izquierda h1{
	margin:0px 0px 0px 10px;
}
div#izquierda p{
	padding-right:60px;
}

div#izquierda ul{
	list-style:none;
	margin-left:10px;
	padding:0px;
}
/*
div#izquierda ul li a:link,div#izquierda ul li a:visited{
	text-decoration:none;
	color:#BE0000;
}

div#izquierda ul li a:hover,div#izquierda ul li a:active{
	text-decoration:none;
	color:#FF6600;
}
*/
.producto{
	border-bottom:1px #B5B5B5 solid;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
}
h1.marca{	
	margin:0px 0px 0px 10px;
	padding:0px;
	
	font-size:15px;
	color:#BE0000;
	font-weight:normal;
}
ul.categorias{
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}
a.menuProd:link,a.menuProd:visited{
	text-decoration:none;
	color:#616161;
}

a.menuProd:hover,a.menuProd:active{
	text-decoration:none;
	color:#FF6600;
}
.imagen{
	float:left;
}
.imagen img{
	max-width:140px;
	border:1px #E5E5E5 solid;
}

.info{
	float:right;
	width:265px;
	margin-left:10px;
	margin-top:0px;
}

.info h1{
	font-size:15px;
	color:#BE0000;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.info p{
	text-align:left;
	margin:0px;
}

table#lista{
	border-collapse: collapse;
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
}
table#lista th{
	text-align:left;
	margin:0px;
	padding-right:10px;
}
table#lista td{
	border-top:1px #E5E5E5 solid;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding-right:10px;
	vertical-align:top;
}

.pie{
	padding-top:15px;
	padding-left:0px;
	border:0px;
}

div.info p a:link,div.info p a:visited{
	text-decoration:none;
	color:#BE0000;
}

div.info p a:hover,div.info p a:active{
	text-decoration:none;
	color:#FF6600;
}

/************************[Index]************************/
#derechaInicio{
	float:right;
	width:440px;
	margin-top:0px;
	margin-right:10px;
	background-color:#FFF;
	padding-bottom:10px;
	background-image:url(../images/fondogradient.gif);
	background-repeat:repeat-x;
	min-height:385px;
}


#izquierdaInicio{
	float:left;
	width:230px;
	margin-top:0px;
	margin-left:10px;
	background-color:#FFF;
	padding-bottom:10px;
}


div#izquierdaInicio h1{
	display:block;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
	width:220px;
	height:40px;
	background-image:url(../images/producto.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
div#izquierdaInicio h2{
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

div#izquierdaInicio img{
	margin:0px;
}

div#izquierdaInicio a{
	display:block;
	width:96px;
	height:20px;
	background-image:url(../images/masinfo.gif);
}

div#izquierdaInicio a span{
	display:none;
}

div#izquierdaInicio p{
	margin-top:10px;
	margin-bottom:10px;
}
.colwrapper{
	width: 440px;
}

.colwrapper p{
	margin:10px;
	-moz-column-width:200px; 
	-moz-column-gap:10px;
}

/************************[popup]************************/
#popup{
	width:250px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border:1px #E5E5E5 solid;
}

#popup p{
	text-align:left;
	margin:10px;
}

#popup h2{
	text-align:left;
	margin:10px;
}