/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
 margin: 0; 
 padding: 0; 
 border: 0; 
 outline: 0; 
} 
/* remember to define focus styles! */ 
:focus { 
 outline: 0; 
} 
body {  
 color: black; 
 background: white; 
} 
ol, ul { 
 list-style:disc; 
} 
/* tables still need 'cellspacing="0"' in the markup */ 
table { 
 border-collapse: separate; 
 border-spacing: 0; 
} 
caption, th, td { 
 text-align: left; 
 font-weight: normal; 
} 
blockquote:before, blockquote:after, q:before, q:after { 
 content: ""; 
} 
blockquote, q { 
 quotes: "" ""; 
}
/*--------------------------------------------------------------*/
html, body{
 background:url(imagenes/fondo.jpg) 0px -83px;
 margin:0; 
 padding:0; 
 text-align:center;
} 
#ladoL{
	position:absolute;
	width:100%;
	height:49px;
	left:0px;
	top:45px;
	background:url(imagenes/fondoMenuL.jpg);
	z-index:1;
}
#pagewidth{ 
 width:1022px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height:768px;
 z-index:2;
    
} 
 
#content{
	position:absolute;
	width:1022px;
	height:800px;
	z-index:2;
} 

#logo{
	position:absolute;
	top:0px;
	left:645px;
	background:url(imagenes/logo.jpg);
	width:377px;
	height:45px;
}
#menuL{
	position:absolute;
	top:45px;
	left:0px;
	background:url(imagenes/fondoMenu.jpg);
	width:645px;
	height:49px;
}
#menuR{
	position:absolute;
	top:45px;
	left:645px;
	background:url(imagenes/fondoMenuR.jpg);
	width:377px;
	height:49px;
}
#sup{
	position:absolute;
	top:94px;
	left:0px;
	background:url(imagenes/fondoSup.jpg);
	width:1022px;
	height:135px;
	background-image: url(imagenes/fondoSup.jpg);
}
#centro{
	position:absolute;
	top:229px;
	left:0px;
	background:url(imagenes/centro.jpg);
	width:1022px;
	height:456px;
	background-image: url(imagenes/centro.jpg);
} 
.pie{
	position:absolute;
	top:685px;
	left:0px;
	width:976px;
	text-align:right;
	padding:23px;
} 

img{
	border: 0px;
	padding: 2px;
	margin: 0;
}
img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
		float: right;
} 
img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
		float: left;
}

.marca1{ 
	 position:absolute;
     display:block;
     background:url(transparente.gif);
	 width:100px;
	 height:60px;
	 left:0px;
	 outline:none;
}
.marca2{
	position:absolute;
	display:block;
	background:url(transparente.gif);
	width:100px;
	height:60px;
	left:128px;
	outline:none;
}
.marca3{
	position:absolute;
	display:block;
	background:url(transparente.gif);
	width:100px;
	height:60px;
	left:250px;
	outline:none;
}
.marca4{
	position:absolute;
	display:block;
	background:url(transparente.gif);
	width:143px;
	height:60px;
	outline:none;
	left:382px;
}
.marca5{
	position:absolute;
	display:block;
	background:url(transparente.gif);
	width:96px;
	height:60px;
	outline:none;
	left:562px;
}
.marca6{
	position:absolute;
	display:block;
	background:url(transparente.gif);
	width:106px;
	height:60px;
	left:685px;
	outline:none;
}
.marca7{
	position:absolute;
	display:block;
	left:823px;
	background:url(transparente.gif);
	width:132px;
	height:60px;
	outline:none;
	top: 0px;
}
.fondo1{
	background:url(imagenes/fondo1.jpg);
	width:958px;
	height:403px;
	margin: 1px;
	padding:9px;
}
.fondo1txt{
	position: relative;
	width:958px;
	top:80px;
	height: 327px;
}
.fondo2{
	background:url(imagenes/fondo2.jpg);
	width:958px;
	height:403px;
	margin: 1px;
	padding:9px;;
}
.fondo2txt{
	position: relative;
	width:728px;
	top:80px;
	height: 217px;
}
.fondo3{
	background:url(imagenes/fondo3.jpg);
	width:958px;
	height:403px;
	margin: 1px;
	padding:9px;
}
.fondo3txt{
	position: relative;
	width:728px;
	top:80px;
	height: 85px;
}
.fondo3img{
	position:absolute;
	top:180px;
	width:960px;
	height:230px;
}
.fondo4{
	background:url(imagenes/fondo4.jpg);
	width:958px;
	height:403px;
	margin: 1px;
	padding:9px;
}
.fondo5{
	background:url(imagenes/fondo5.jpg);
	width:958px;
	height:403px;
	margin: 1px;
	padding:9px;
}
.fondo5txt{
	position: relative;
	width:958px;
	top:80px;
	height: 327px;
}
.inicio{
	position:absolute;
	top:0px;
	left:22px;
	width:65px;
	height:41px;
	background:none;
	text-align:center;
}
.inicio:hover{
	position:absolute;
	top:0px;
	left:22px;
	width:65px;
	height:41px;
	background:#870214;
	text-align:center;
}
.servicios{
	position:absolute;
	top:0px;
	left:86px;
	width:92px;
	height:41px;
	background:none;
	text-align:center;
}
.servicios:hover{
	position:absolute;
	top:0px;
	left:86px;
	width:92px;
	height:41px;
	background:#870214;
	text-align:center;
}
.marcas{
	position:absolute;
	top:0px;
	left:177px;
	width:152px;
	height:41px;
	background:none;
	text-align:center;
}
.marcas:hover{
	position:absolute;
	top:0px;
	left:177px;
	width:152px;
	height:41px;
	background:#870214;
	text-align:center;
}
.clientes{
	position:absolute;
	top:0px;
	left:328px;
	width:157px;
	height:41px;
	background:none;
	text-align:center;
}
.clientes:hover{
	position:absolute;
	top:0px;
	left:328px;
	width:157px;
	height:41px;
	background:#870214;
	text-align:center;
}
.contacto{
	position:absolute;
	top:0px;
	left:484px;
	width:91px;
	height:41px;
	background:none;
	text-align:center;
}
.contacto:hover{
	position:absolute;
	top:0px;
	left:484px;
	width:91px;
	height:41px;
	background:#870214;
	text-align:center;
}
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px;
	position: relative;
	left:21px;
	top:14px;
	width: 978px;
	height: 423px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 423px; overflow:hidden;}
.csw .loading {
	margin: 100px 0 350px 0; 
	text-align: center; 
	font-family:"Trebuchet MS", Verdana;
	font-size:14px;
	text-decoration:none;
	color:#8c0114;}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 978px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 423px;
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 978px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	visibility:visible;
	display:none;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}