/* CSS Document */

body {

	background: #ffffff url(../images/bg-bash.jpg) repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;

	

}


img{ border:none;}
.oneColFixCtrHdr #gran-contenedor{

	width: 943px;

	min-height:657px;

	margin: 0 auto; 

	padding:0 0;

	}

#sombra-izq{

	float:left;

	width:11px;

	height:657px;

	background:url(../images/bg-sombra-bash-IZQ.png) no-repeat;

	margin:0;

	padding:0;	

	}

#sombra-der{

	float:left;

	width:11px;

	background:url(../images/bg-sombra-bash-DER.png) no-repeat;

	margin:0;

	padding:0;



	}



#container {

	float:left;

	width: 920px; 

	border: 0 solid #000000;

	text-align: left;

	height: auto;    

	padding: 0 0;

	margin: 0 auto;

}





/*CABECERA*/

.oneColFixCtrHdr #header {

	width:876px;

	height:90px;

	background: #B5C000;

	padding:21px 22px 0 22px;

}





	

	

		

		#idioma {

			display:block;

			float: right;

			width:5px;

			height:100%;

			margin:3px 0 0 0;

			padding:0 30px 0 8px;

			}

			#idioma a:link{

	display:block;

	color:#000;

	text-decoration:none;

	list-style:none;

				}

			#idioma a:hover{

	color:#FFF;

				}

			#guion {

				display:block;

				float: right;

				padding:3px 0 0 0;

				}

				

		#idioma2 {

			display:block;

			float: right;

			width:50px;

			height:100%;

			margin:3px 0 0 0;

			padding:0 0 0 8px;

			}

				#idioma2 a:link{

	display:block;

	color:#FFF;

	text-decoration:none;

	list-style:none;

				}

				#idioma2 a:hover{

	color:#000;

				}

			

#logo2 {

	display:block;

	float: left;

	width:152px;

	height:74px;

	

	}

			



			

/*CONTENIDO*/

#mainContent {

	width:920px;

	margin:0 0 0 0;

	padding-bottom: 50px;/* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */

	background: #fff;

	height: auto; /* esto estaba auto MODIFICADO 02/09/2010 */

	float: right;

	margin-top: -3px;

	/*min-height: auto;*/

}

/*MENU LATERAL*/

#menu-lateral{

	display:block;

	float:left;

	width:135px;

	min-height: 400px;
    
	height: auto !important;

	margin:11px 0 0 36px;

	padding:0;

	}



a {

	color:#666;

	text-decoration:none;

	}		

a:link{

	color:#666;

	text-decoration:none;

	}		

a:hover{

	color: #333;

	text-decoration:none;

	}

	a:active{

	

	text-decoration:none;

	}

	a:visited{

	

	text-decoration:none;

	}



/*PIE DE PAGINA*/	

#footer {

	height:47px;/* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */

	margin:0;

	padding:0 0;

	float: left;

	width: 920px;
	padding-left:5px;
}

#footer p {

	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */

	padding:5px 25px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */

}



#sombra-inferior{

	display:block;

	float:left;

	width:920px;

	height:13px;

	background: url(../images/sombrainferior.png) no-repeat;

	}

/*MENU SECUNDARIO*/

#menu-secundario{

	display:block;

	float:left;

	width:580px;

	text-align:right;

	margin:0;

	padding:0;

	margin-left: 5px;



	}

	

	#menu-secundario a{

	display:block;

	float:left;

	height:13px;/*alto de las viñetas*/

	font-size:11px;/*modificar los vínculos*/

	line-height:100%;

	text-align:center;

	list-style:none;

	margin:0;

	padding:0 5px;

	border-left: 1px solid;

	margin-bottom: 5px;

		}

	#menu-secundario ul{

		margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#menu-secundario ul li{

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	float: left;

}	



	h2{

		display:block;

		font:"Trebuchet MS", Arial, Helvetica, sans-serif;

		font-size:18px;

		padding:0;

		margin:0;

		}



/*MENU ACORDEON*/

#menuacordeon{



	border-radius:5px;



}

#menuacordeon li{border-bottom:1px solid #FFF;}

#menuacordeon ul li, #menuacordeon li:last-child{border:none}	





#menuacordeon a:hover{

	color:#B5C000;

	

}

#menuacordeon ul a{

	background-color:#FFF;

}

#menuacordeon ul a:hover{

	background-color:#FFF;

	color:#B5C000;

	text-shadow:none;

	

}

#menuacordeon ul{

}

ul{

	margin:0;

	padding:0;

	list-style:none;

}

#menuacordeon ul{

}

#menuacordeon li ul {display:none;}

.linkmenu1 {

	font-size: 11px;

	margin-left: 5px;

		display:block;

	color:#FFF;

	text-decoration:none;

	font-family:'Arial', Arial, sans-serif;

	

	padding:3px 5px;

		}

.linkmenuh1 {

	font-size: 14px;

	border-bottom: 1.5px solid;

	border-bottom-color: #666;

	margin-top: 10px;

		display:block;

	color:#FFF;

	text-decoration:none;

	font-family:'Arial', Arial, sans-serif;

	

	padding:3px 5px;

	}

/*Fin de Acordeon*/

/*Buscar y divisiones*/

#listaybuscarh {

	float: right;

	height: 30px;

	width: 600px;

}

#buscar {

	background: url(../images/lupa.png);

	height: 22px;

	width: 31px;

	border: 0px;

	float: left;
	margin-top:-1px;
	margin-left:2px;

}

.fond_buscar{
	background: url(../images/rectangulo_lupa.png);
	height: 22px;
	float: left;
	width: 121px;
	margin-top:-1px ;	
}

#search {

	float: left;

	width: 105px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	margin-left: 2px;
	margin-top: 3px;
	padding-left:5px;
	border: none;
  	border-color: transparent;
	height:15px; 
	 

}

.busqueda_input  {height:20px;}

/*.busqueda_input  {height:22px; border:1.5px solid #4b575f; font:14px Arial, Helvetica, sans-serif;  color:#999; -moz-border-radius:2px; -webkit-border-radius:2px; }*/

#divisiones {

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	width: 120px;

	color: #666;

	height: 20px;

	margin-top: 1px;

}

/*Fin de buscar y direcciones*/



#tituloseccions {

	float: left;

	width: 550px;

	font-size: 18px;

	font-family: Arial, Helvetica, sans-serif;

	padding-left: 20px;

	padding-top: 5px;

	margin-bottom: 3px;

}

#migass {

	float: left;

	height: 15px;

	width: 700px;

	padding-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	

}

#migass a:link {

	color: #000;

	text-decoration:none;



	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#migass a:hover {

	color: #B5C000;

	text-decoration:none;



}



#contenidogrila {

	float: left;

	height: auto; /*MODIFICADO*/

 	width: 740px;

	margin-top: 10px;

}

#fsubfotter {

	height:50px;

	width: 780px;

	clear: both;

	margin-top: 400px;

	margin-left: 200px;

}

#prensa1 {

	float: left;

	height: auto;

	width: 300px;

	margin-top: 10px;

	margin-left: 30px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

#imagensubfoter {

	float: left;

	height: 70px;

	width: 105px;

	margin-top: 10px;

}

#h1subfooter {

	float: right;

	height: auto;

	width: 190px;

	margin-left: 0px;

	color: #999;

	margin-top: 5px;

}

#fechasubf {

	float: right;

	height: 15px;

	width: 190px;

	margin-left: 0px;

	color: #999;

	font-size: 9px;

}

#contenidosubf {

	float: left;

	height: 10px;

	width: 150px;

	margin-left: 5px;

	font-size: 9px;

	color: #999;

}

#vermassubfoter {

	text-align: right;

	padding-top: 37px;

	float: right;

	height: 15px;

	width: 40px;

	font-size: 9px;

}

#grillacontenedor {

	float: left;

	height: 300px;

	width: 700px;

}

/*Grilla*/

/* Rotator Styles */

#wrapper {

	width:960px; 

	border-top:3px solid #92a5bc;

	border-bottom:1px solid #92a5bc;

	margin:0 auto;

}



#rotator {

	background:#FFF;

	color:#000;

	padding-bottom:2.6em;

	margin:0;

	font-size:16px;

	width: 500px;

}



/* Tabs */

ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	line-height:1.3;

	text-decoration:none;

	font-size:100%;

	list-style:none;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

}



ul.ui-tabs-nav {

	bottom:0px;

	left:0px;

	z-index:1;

	background:#FFF url(images/uitabsbg.gif) repeat-x bottom right;

	border-top:1px solid #FFF;

	float: left;

	width: 300px;

	height: 300px;

}



/* Non-Selected Tabs */

li.ui-tabs-nav-item a:link,

li.ui-tabs-nav-item a:visited {	

	font-size:.8em;

	font-weight:normal;

	color:#999;

	background:#FFF url(images/uitabsbg.gif) repeat-x bottom left; 

	border-left:1px solid #FFF;

	border-right:1px solid #c5ced9;

}



/* Hovered Tab */

#rotator .ui-tabs-nav-item a:hover,

#rotator .ui-tabs-nav-item a:active {

	background:#FFF url(images/uiactivetabbg.gif) repeat-x bottom left;

	color:#333;

}



#rotator .ui-tabs-nav-item a span {

	float:left; 

	padding:1em; 

	cursor:pointer;

}



/

/* Estilos de catalogo y paginas interiores*/

#catologocajas {

	float: left;

	height: 170px;

	width: 185px;

	margin-top: 20px;

	display: block;

}

#catologocajas img{

	width: 140px;

	height: 140px;

	margin-left: 20px;

}

.aligncenter {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	color: #333;

	display: block;

	float: left;

	width: 170px;

	margin-bottom: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

}



.catologocajasimg {

	float: left;

}

.catologocajasimgleft {

	float: right;

	width: 140px;

	height: 140px;

}

.catologocajasimgleft33 {

	float: right;

	margin-right: 20px;

}







#contenidogrila2 {

	float: left;

	height: auto;

	width: 570px;

}

#contenidogrila4 {

	float: left;

	height: auto;

	width: 720px;

}

#contenidogrila3 {

	float: left;

	height: auto/*auto*/;

	width: 720px;

	margin-top: 10px;

}

#contenidogrilasol {

	float: left;

	height: auto;

	width: 360px;
	margin-left:20px;

}

#menucategoriascs {

	float: left;

	width: 160px;

	margin-top: 20px;

}

#menucategoriascs2 {

	float: left;

		width: 160px;

		margin-top: 10px;

}



#menucategoriascs ul li a:link{

	display: block;

	margin-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#menucategoriascs ul li a{

	display: block;

	margin-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#menucategoriascs ul li a:hover{

	background-color: #999;

	color: #FFF;	

}



/* FIN Estilos de catalogo y paginas interiores*/

/*Login*/

#login {

	float: left;

	height: 75px;

	width: 240px;

	margin-left: 5px;

}

#userl {

	float: left;

	height: 20px;

	width: 184px;

}

#otrouserlogin {

	float: left;

	height: 30px;

	width: 184px;

}

#avatarlogin {

	background-image: url(../images/avtara.PNG);

	height: 45px;

	width: 44px;

	float: right;

}

#registrologin {

	float: left;

	height: 20px;

	width: 100px;

	font-size: 9px;

}

#registro {

	float: right;

	height: 20px;

	width: 70px;

	font-size: 9px;

	text-align: right;

}

/*Fin login*/#firstdetalle {

	float: left;

	height: 22px;

	width: 540px;

}

#compartirdetalle {

	float: right;

	height: 22px;

	width: 130px;



}

#twodetalle {

	float: left;

	height: auto;

	width: 700px;

    margin-left: 15px;

}

#imagenproductodetalle {

	float: left;

	height: 200px;

	width: 210px;

}

#tipodevista {

	float: left;

	height: 25px;

	width: 200px;

}

#espacioproductodetalle {

	float: left;

	height: 186px;

	width: 215px; /* 210px */

	margin-left: 9px;

	background: url(../images/fondoproductodetalle.jpg) no-repeat;

}

#imagenproducto {

	float: left;

	height: 150px;

	width: 150px;

	margin-left: 25px;

	margin-top: 20px;

}



#detalleproductocontenedor {

	float: left;

	width: 480px;

}


#detallepestañas { width:100%;
height:auto;}


#detalleproductocontenedor ul {
    clear: both;
    height: 28px;
    list-style: none outside none;
    margin: 0 0 0 30px;
    padding: 0;
    width: 100%;
}

#detalleproductocontenedor li {

background-color: #999999;
    color: #EEEEEE;
    float: left;
    font-size: 8pt;
    margin: 0 6px 0 0;
    padding: 4px 6px;
}

#detalleproductocontenedor li.pestanaseleccionada {

background-color: #CCC;
    color: #333;
    float: left;
    font-size: 8pt;
    margin: 0 6px 0 0;
    padding: 4px 6px;
}



#h1detalle {

	background-image: url(../images/especif.jpg);

	background-repeat:no-repeat;

	float: right;

	height: 20px;

	width: 465px;

	font-size: 12px;

	font-weight: bold;

	color: #000;

	

}


#detallesproducto {



	float: left;

	height: auto /*130px*/;

	width: 450px;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 5px;

	text-align: justify;

	overflow: auto;


}

#especificaciones-2 {

	width: 460px;

	height: auto /*325px*/;

	overflow: auto;

	margin-top: 0px;

	overflow-x:  hidden;

	overflow-y: hidden /* scroll*/;

	float: left;

	margin-left: 30px;
}



#apisdealle {

	float: right;

	height: 20px;

	width: 140px;

	margin-bottom: 10px;

}

#apisdealle a{

	font-size: 9px;

}

#apisdealle a:link{

	font-size: 9px;

}

#listadetalle {

	float: left;



	width: 230px;

}

#minidetalle1 {

	float: left;

	margin-left: 5px;



	width: 209px;

	text-align:right;



}

#precios1 {

	float: right;;

	height: 25px;

	width: 192px;

	margin-left: 5px;

	background-color: #999;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10px;

	margin-right: 21px;

	

}

#precioh1 {

	float: left;

	height: 11px;

	width: 110px;

	margin: 5px;

}

#precioiva2 {

	float: right;

	height: 11px;

	width: 60px;

	margin: 5px;

	font-weight: bold;

	text-align: right;

}

#precios2 {

	float: right;

	height: 25px;

	width: 192px;

	margin-left: 5px;

	background-color: #B5C000;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 11px;

	margin-right: 21px;

	margin-bottom: 5px;

}

#minidetalle1 select {

	float: left;

	width: 80px;

	margin-left: 7px;

}

#tab1 {

	float: left;

	/*background-image: url(../images/tabbg.jpg);*/

	width: 676px;

	height: 174px;

	padding-left: 10px;

	padding-top: 10px;

	font-size: 10px;

	color: #666;

	padding-bottom: 10px;

	padding-right: 10px;}





	

/*tab*/

ul.tabs {  

     margin: 0;  

    padding: 0;  

     float: left;  

    list-style: none;  

  height: 30px;  

      

     

   width: 100%;  

}  

 ul.tabs li {

	float: left;

	margin: 0;

	padding: 0;

	height: 30px;

	overflow: hidden;

	position: relative;

	background-image: url(../images/tab2.jpg);

	width: 95px;	

 }  

 ul.tabs li a {

	text-decoration: none;

	color: #666;

	display: block;

	font-size: 10px;

	padding: 0 20px;

	outline: none;

	padding-top: 5px;

 }  

 ul.tabs li a:hover {

			 

 }  

 html ul.tabs li.active, html ul.tabs li.active a:hover  {  

      

    

	background-image: url(../images/tab1.jpg);

 }  

  #espaciotabs {

	float: left;

	height: 2px;

	width: 3px;

}

/* fin de tabs*/

/*Ofertas orden de mayor menor o modelo */

#mayoamenor {

	float: right;

	height: 20px;

	width: 300px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666;

	margin-top: 5px;

}

#ofertaproducto {

	float: left;

	height: 200px;

	width: 600px;

	margin-left: 20px;

	border-bottom: 1px solid;

	border-bottom-color: #999;

	margin-top: 20px;

}

#ofertah1 {

	float: left;

	height: 20px;

	width: 600px;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#imgoferta {

	float: left;

	height: 180px;

	width: 190px;

}

#descripcionoferta {

	float: left;

	height: 100px;

	width: 350px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;

	margin-left: 20px;

	margin-top: 10px;

}

#detllesub {

	float: right;

	height: 50px;

	width: 300px;

	text-align: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;

	margin-right: 40px;

}

#sttexto {

	float: left;

	width: 700px;

	text-align: justify;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 20px;

	color: #666;

}

#formulariost {

	height: auto;

	width: 700px;

	color: #666;

	float: left;

	margin-left:20px;

}

#avionred {

	float: right;

	height: 17px;

	width: 33px;

	background-image: url(../images/img-avion.jpg);

}

#enviar {

	background-image: url(../images/enviarbutton.jpg);

	height: 30px;

	width: 80px;

	margin-left: 300px;

	border: 0px;

}

.formright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: right;

	margin-right: 10px;

	float: right;

	display: block;

}

.datopersonalesst strong {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left;

	margin-left: 150px;

	text-align: left;

}

#datospersonalesst {

	height: 30px;

	width: 200px;

	margin-left: 205px;

}

#grilla1 {

	float: left;

	height: 300px;

	width: 700px;

}

#contenidogrilla {

	float: left;

	height: 300px;

	width: 150px;

}

#contenidogrilla2 {

	float: left;

	height: 300px;

	width: 150px;

	margin-left: 50px;

}

/* fin de servicio tecico*/

/*grilla*/

#tab10 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab11{

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab12 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab13 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab14 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab15 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab16 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab17 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

#tab18 {

	float: left;

	width: 150px;

	height: 345px;

	margin-left: 80px;

	margin-top: 40px;

}

/*tab*/

#grilla {

	height: 345px;

	width: 345px;

	float: left;

	margin-left: 50px;

} 

ul.grilla2 {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 345px;

	width: 345px;

}  

 ul.grilla2 li {

	float: left;

	margin: 2px;

	height: 107px;

	overflow: hidden;

	position: relative;

	width: 107px;

	background-color: #B5C000;

	

 }  

 ul.grilla2 li a {

	text-decoration: none;

	color: #666;

	display: block;

	font-size: 10px;

	

	outline: none;

	

 }  

 ul.grilla2 li a:hover {

			 

 }  

 html ul.grilla2 li.active, html ul.grilla2 li.active a:hover  {

	background-color: #B5C000;

 }  

  #espaciotabs2 {

	float: left;

	height: 2px;

	width: 3px;

}

/* fin de tabs*/

.tab_container2 {

	float: left;

	width: 400px;

}

#contenidogrilla {

	float: left;

	height: 300px;

	width: 150px;

}

#contenidogrilabody {

	float: left;

	height: 360px;

	width: 740px;
}

#contenidogrilabody2 {

	float: left;

	width: 720px;

	height: 450px;

}

#imagentab1 {

	float: left;

	height: 150px;

	width: 150px;

	margin-top: 20px;

}

#imagentab2 {

	float: left;

	height: 150px;

	width: 150px;

	margin-top: 20px;

}

#tab11detalle {

	float: left;

	height: 170px;

	width: 150px;

	text-align: justify;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

}

#ofertas {

	float: left;

	height: 150px;

	width: 150px;

}

.h1tab11 {

	font-size: 12px;

	font-weight: bold;

}

#enlacetabs11 {

	float: left;

	height: 20px;

	width: 150px;

	text-align: left;

	font-weight: bold;

}

#enlacetabs11 a{

	color: #B5C000;	

	}

/*soluciones grilla*/

#grillaso {

	height: 345px;

	width: 345px;

	float: left;

	margin-left: 15px;

}  

ul.grilla2s {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 450px;

	width: 394px;

}  

 ul.grilla2s li {

	float: left;

	height: auto;

	overflow: hidden;

	position: relative;

	width: auto;

	background-color: #FFF;

 }  

 ul.grilla2s li a {

	text-decoration: none;

	color: #666;

	display: block;

	font-size: 10px;

	

	outline: none;

	

 }  

 ul.grilla2s li a:hover {

			 

 }  

 html ul.grilla2s li.active, html ul.grilla2s li.active a:hover  {

	background-color: #B5C000;

 }  

  #espaciotabs2s {

	float: left;

	height: 2px;

	width: 3px;

}

#tab19 {

	float: left;

	width: 300px;

	height: 345px;

	font-size: 10px;

	color: #666;

}

#tab20{

	float: left;

	width: 310px;

	height: 345px;

}

#tab21 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab22 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab23 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab24 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab25 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab26 {

	float: left;

	width: 310px;

	height: 345px;

}

#tab27 {

	float: left;

	width: 310px;

	height: 345px;

}

/* fin de soluciones grilla*/

.preciossolucion {

	display: block;

	background-color: #666;

	color: #FFF;

	font-weight: bold;

	padding-left: 5px;

}

#catologocajas {

	

	float: left;

	width: 185px;

	height: 185px;

	margin-top: 20px;

	display: block;

}

/* acordeon */

.accordion_headings{

	padding:5px;

	color:#666;

	cursor:pointer;

	font-weight:bold;

	background: #FFF;

	font-size: 14px;

	border-bottom: 2px solid #666;

}



.accordion_headings:hover {

	color: #666;

}



.accordion_child{

	padding:7px;

	

}



.header_highlight{

	color: #666;	

}

.header_highlight a{

	color: #333;

}

.header_highlight a:link{

	color: #333;

}

.header_highlight a:active{

	color: #FFF;

}

.header_highlight a:hover{

	color: #666;

}

.header_highlight a:active{

	color: #333;

}

#test-header a {

	color: #666;

}

#test-header a:hover {

	color: #333;

}#test-header a:visited {

	color: #333;

}

#test-header a:active {

	color: #666;

}

#menucategoriascs ul li{

	list-style-image: none;

}

#menucategoriascs2 ul li{

	list-style-image: none;

	padding-left: 20px;

}

#menucategoriascs ul li a:link{

	display: block;

	margin-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#menucategoriascs ul li a{

	display: block;

	margin-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#menucategoriascs ul li a:hover{

	background-color: #999;

	color: #FFF;	

}

#catologocajas .catologocajasimg {

	height: 120px;

	width: 170px;

}

#imagendetalle {

	height: 30px;

	width: 100%;

	float: left;

	text-align: center;

}

#imagendetalle img{



	

}

#texto-resumen12 {

	float: left;

	width: 700px;

	margin-top: 20px;

}

#imagenproducto img {

	float:right;

	height: 120px;

	width: 150px;

}

#oferta12 {

	font-size: 40px;

	float: left;

	height: 90px;

	width: 100%;

	color: #20383C;

	text-align: center;

}

#valoresoferta {

	float: left;

	width: 100%;

	color: #20383C;

	font-size: 24px;

	text-align: center;

}

#imagentab1 img {

	float: left;

	height: 140px;

	width: 140px;

}

#modulocompra {

	float: right;

	height: 20px;

	width: 200px;

}

#shopCart {

	float: right;

	width: 220px;

	padding-left: 2px;

	padding-right: 2px;

	margin-left: 2px;

	color: #FFF;

	margin-top: -10px;

	height: 83px;

	border: 1px solid;

	border-color: #FFF;

}

.cart-order {

	float: left;

	width:195px;

}

.aligncenter strong a {

	color: #333;

}

#textointreo-categ {

	float: left;

	width: 184px;

}

#botones-categorias {

	float: left;

	height: 25px;

	width: 184px;

	text-align: left;

}

#botones-categorias img {

	float: left;

	height: auto;

	width: auto;

	margin-left: 0px;

}

#rezise {

	float: right;

	width: 105px;

	text-align: left;

	margin-top: 5px;

	margin-right:25px;

}

.menuf-i a{

	font-weight: bold;

	color: #333;

}



.menuf-i a:link{

	font-weight: bold;

	color: #333;

}

.menuf-i a:active{

	font-weight: bold;

	color: #333;

}

.menuf-i a:visited{

	font-weight: bold;

	

}

.menuf-i a:hover{

	font-weight: bold;

	color: #666;

}

#ontenidoseguudad {

	float: left;

	width: 700px;

	margin-left: 23px;

}

.cart-order {

	float: left;

	width:195px;

}

.cotnenido-catalaogo {

	float: left;

	width: 600px;

}

#cotnenido-catalaogo {

	float: left;

	width: 700px;
	margin-left: 20px;

}

div.pagination {

	width: 700px;
	/*background-color:#fff;*/
	color:#000;
	padding:10px 0 10px 0;
	margin:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	float:left;
	
}


div.pagination a {

padding:2px 5px;
/*background-color: #B5C000;
border: thick double;*/
color: #B5C000;
font-weight: bold;

font-size: 12px;
}

div.pagination a:hover {
    font-size: 12px;
/*	background-color: #B5C000;
    border: thick double;*/
    color: #B5C000;
    font-weight: bold;
}
div.pagination a:link   {
}

div.pagination span.current {
color: #B5C000;
font-weight: bold;
}
div.pagination span.disabled {
display:none;
}




/*
div.pagination span.current {
    background-color: #B5C000;
    border: thick double;
    color: #FFFFFF;
    font-weight: bold;
}

div.pagination  a{

	font-size: 11px;

	}

	div.pagination a:link{

	font-size: 11;

	}

	div.pagination a:hover, div.pagination a:active {

	font-size: 11px;

	color: #B5C000;

	}
	
	div.pagination span.disabled {
	display:none;
	}*/

#carrusel123 {

	float: right;

	width: 350px;

}

#carruselproy {

	float: right;

	width: 350px;

}

#carruselproy li {

	list-style-type: none;

	padding: 0px;

}

#carruselproy li img{

	border:medium none;

	margin:5px !important;

	float: left;

	list-style-type: none;

}

#proyectostext {

	float: left;

	width: 350px;

	margin-left: 20px;

	margin-top: 10px;

}

#contenido2-seg {

	width: 700px;

	margin-left: 20px;

	float: left;

}

#contenedor-proyectos {

	float: left;

	width: 100%;

	border-bottom: 1px solid;

	border-color: #CCC;

	padding-bottom: 10px;

}

#titulo-proyecto {

	float: left;

	width: 500px;

	margin-top: 20px;

	font-weight: bold;

	margin-left: 5px;

}

#intro-producto {

	float: left;

	width: 500px;

	margin-top: 10px;

	margin-left: 5px;

}

#producto {

	float: left;

	width: 350px;

	margin-top: 10px;

}

#solucion {


	float: right;

	width: 250px;

	margin: 10px;

}

#shopCart a{

	color: #FFF;

}

#shopCart a:link{

	color: #FFF;

}

#shopCart a:hover{

	color: #999;

}

/* example_3 css */

label { display: block; } 



.infiniteCarousel {

	width: 185px;

	position: relative;

	margin-top: 30px;

	margin-left: 10px;

}




.infiniteCarousel .wrapper {

	width: 150px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */

	/*overflow: auto;*/

	min-height: 150px;

	position: absolute;

	top: 0;

	margin-left: 17px;

}



.infiniteCarousel ul a img {

	-webkit-border-radius: 5px;

}



.infiniteCarousel .wrapper ul {

  width: 9999px;



  margin:0;

  padding:0;

  position: absolute;

  top: 0;

}

.infiniteCarousel .wrapper ul center {

	width: 150px;

	height: 140px;

	/*overflow: scroll;*/

	z-index: 23;

	float: left;

}

.managecontainer {

		width: 150px;

	height: 140px;

	overflow: scroll;

}

.uploadfile input {

	width: 100px;

}



.infiniteCarousel ul li {

	display:block;

	float:left;

	height: 120px;

	width: 150px;

}



.infiniteCarousel ul li a img {

  display:block;

}



.infiniteCarousel .arrow {

	display: block;

	height: 100px;

	width: 15px;

	text-indent: -999px;

	position: absolute;

	top: 10px;

	cursor: pointer;

}



.infiniteCarousel .forward {
	background-position: 0;
	right: 0;
	margin-top:35px;
	height:30px;
	width:30px;

	background-image: url(../fancybox/fancy_nav_right.png);


}



.infiniteCarousel .back {

	background-position: 0;
	margin-top:35px;
	left: 0;
	height:30px;
	width:30px;

	background-image: url(../fancybox/fancy_nav_left.png);

}



.infiniteCarousel .forward:hover {

  background-position: 0 ;

}



.infiniteCarousel .back:hover {

  background-position: 0 ;

}





#descargas-tab {

	width: 185px;

	height: 150px;

	float: left;

	margin-top: 0px;

	margin-left: 10px;

	padding-left: 11px;

	padding-top: 22px;

	background-image: url(../images/descargas.jpg);

	background-repeat:no-repeat;

}

/* menu dropdown*/

.menu_class {



}



.the_menu {

	display:none;

	width:140px;

	z-index: 999999;

}



.the_menu li {

	background-color: #FFF;

}



.the_menu li a {

	color:#333;

	text-decoration:none;

	display:block;

	padding-left: 10px;

}



.the_menu li a:hover {

	color: #000;

	background-color: #CCC;

}

#button {

	height: 32px;

	width: 184px;

	float: left;

}

/* video tab*/

.video_class {

	cursor:pointer;



}



.video_tab {

	display:none;

	width:173px;

	z-index: 999999;

	position: absolute;

}



.video_tab li {

	float: left;

	height: 181px;

	width: 195px;

	background-image: url(../images/fondovideo.jpg);

	margin-left: -40px;

	padding-left: 15px;

	padding-top: 5px;

}



.video_tab li a {

	color:#333;

	text-decoration:none;

	display:block;

	padding-left: 10px;

}



.video_tab li a:hover {

	color: #000;

	background-color: #CCC;

}

#button2 {

	height: 25px;

	width: 38px;

	float: left;



}

/* foto tab*/

.foto_class {



}



.foto_tab {

	display:none;

	width:173px;

	z-index: 999999;

	position: absolute;

}



.foto_tab li {

	float: left;

	height: 188px;

	width: 210px;

	background-image: url(../images/fondoproductodetalle.jpg);



}



.foto_tab li a {

	color:#333;

	text-decoration:none;

	display:block;

	padding-left: 10px;

}



.foto_tab li a:hover {

	color: #000;

	background-color: #CCC;

}

#shs-title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	color: #FFF;

	display: block;

	float: left;

	width: 184px;

	margin-bottom: 5px;

	background-color: #E31818;

	padding-top: 2px;

	padding-bottom: 2px;

}

#totalCart {

	width: 120px;

	text-align: left;

	font-weight: bold;

}

.cotizador-titulo {

	font-weight: bold;

	font-size: 12px;

}

#toolcotizador {

	width: 100px;

	text-align: left;

}

.increaseFont, .decreaseFont, .resetFont {

	color:#CCCCCC;

	font-size:14px;

	float:left;

	margin:10px;

}

#footerinfo {

	width: 310px;	

    display:block;

	float:right;

	text-align:right;

}

#listadotab {

	float: left;

	width: 180px;

	height: 345px;

	margin-left: 10px;

	margin-top: 20px;

}

#listadotabsingle  {

	float: left;

	width: 220px;





}

#listadotabsingle img {

	float: left;

	width: 10px;

	height: 10px;

	margin-right: 10px;

}

#cotizar-solucion {

	float:left;

	width:280px;

	height:23px;

	margin-left: 20px;

	text-align: center;

	background-image: url(../images/cotizar.jpg);

	padding-top: 3px;

}

/* representaciones*/

@charset "UTF-8";



/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* This is the selector for the main CollapsiblePanel container. For our

 * default style, the CollapsiblePanel is responsible for drawing the borders

 * around the widget.

 *

 * If you want to constrain the width of the CollapsiblePanel widget, set a width on

 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill

 * up available space.

 *

 * The name of the class ("CollapsiblePanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * CollapsiblePanel container.

 */

.CollapsiblePanel {

	margin: 0px;

	padding: 0px;

}



/* This is the selector for the CollapsiblePanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open or close the panel.

 *

 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * CollapsiblePanel panel tab container.

 */

.CollapsiblePanelTab {

	font: bold 12px sans-serif;


	margin: 0px;

	padding: 2px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;


}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that

 * you should never put any padding on the content area element if you plan to

 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content

 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.

 *

 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style a

 * CollapsiblePanel content container.

 */

.CollapsiblePanelContent {

	margin: 0px;

	padding: 0px;

}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the

 * keyboard focus ring appears *inside* the tab instead of around the tab.

 * This is an example of how to make the text within the anchor tag look

 * like non-anchor (normal) text.

 */

.CollapsiblePanelTab a {

	color: black;

	text-decoration: none;

}



/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the CollapsiblePanel.

 */

.CollapsiblePanelOpen .CollapsiblePanelTab {

	

}



/* This is an example of how to change the appearance of the panel tab when the

 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed

 * whenever the CollapsiblePanel is closed.

 */



.CollapsiblePanelClosed .CollapsiblePanelTab {

 /* background-color: #EFEFEF */

}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	background-color: #CCC;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed

 * whenever the CollapsiblePanel gains or loses keyboard focus.

 */

.CollapsiblePanelFocused .CollapsiblePanelTab {

	background-color: #FFF;

}





#galeria-boton {

	float: left;

	height: 20px;

	width: 40px;

	background-image: url(../images/iconcube.jpg);

	background-repeat: no-repeat;

	padding-left: 20px;

}

#listado-boton {

	float: left;

	height: 20px;

	width: 40px;

	background-repeat: no-repeat;

	padding-left: 20px;

	background-image: url(../images/iconli.jpg);

}

#listado-bg {

	float: left;

	width: 700px;

	border-bottom: 1px dashed;

	border-color: #B5C000;

}

#texto-resumen-bg{

	float: left;

	width: 700px;

	margin-bottom: 5px;

}

#carrusel123 li {

	list-style-type: none;

	padding: 0px;

}

#carrusel123 li img{

	border:medium none;

	margin:0 !important;

	float: left;

	list-style-type: none;

}

#enviar267 {

background-image:url("../images/enviarbutton.jpg");

border:0 none;

float:left;

height:30px;

margin-left:220px;

width:80px;

cursor:pointer;

}d.

 */



.CollapsiblePanelClosed .CollapsiblePanelTab {

 /* background-color: #EFEFEF */

}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	background-color: #CCC;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed

 * whenever the CollapsiblePanel gains or loses keyboard focus.

 */

.CollapsiblePanelFocused .CollapsiblePanelTab {

	background-color: #FFF;

}

#filtros {

	float: left;

	height: 20px;

	width: 703px;

	padding-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 5px;

	

}

#ordenar {

	float: right;

	height: 20px;

	width: 185px;

}

#galeria-boton {

	float: left;

	height: 20px;

	width: 40px;

	background-image: url(../images/iconcube.jpg);

	background-repeat: no-repeat;

	padding-left: 20px;

}

#listado-boton {

	float: left;

	height: 20px;

	width: 40px;

	background-repeat: no-repeat;

	padding-left: 20px;

	background-image: url(../images/iconli.jpg);

}

#listado-bg {

	float: left;

	width: 700px;

	border-bottom: 1px dashed;

	border-color: #B5C000;

}

#texto-resumen-bg{

	float: left;

	width: 700px;

	margin-bottom: 5px;

}

#carrusel123 li {

	list-style-type: none;

	padding: 0px;

}

#carrusel123 li img{

	border:medium none;

	margin:0 !important;

	float: left;

	list-style-type: none;

}

.ditto_page a {

	display:block;

	padding:3px;

	

	

}

.ditto_page a:hover {

	display:block;

	padding:3px;

	background-color:#999;

	

	

}

.ditto_currentpage {

	background-color:#B5C000;

	color:#FFF;

	border:double;

	border-width:thick;

	font-weight: bold;

}

.textfield {

	width:200px;

	margin-bottom:5px;

	border:1px solid #CCC;

	color:#666;

	font-size:12px;

	float:right;

}

.contenido-tabla-productos



{



font-family: Arial,Helvetica,sans-serif;



font-style: normal;



font-variant: normal;



font-weight: normal;



font-size: 11px;



line-height: normal;



font-size-adjust: none;



font-stretch: normal;



-x-system-font: none;



color: #333333;



padding-top: 5px;



padding-right: 4px;



padding-bottom: 5px;



padding-left: 4px;



border-bottom-width: 1px;



border-bottom-style: solid;



border-bottom-color: #cccccc;



vertical-align: top;



}



.bullet-rojo



{



font-family: Arial,Helvetica,sans-serif;



font-style: normal;



font-variant: normal;



font-weight: normal;



font-size: 11px;



line-height: 140%;



font-size-adjust: none;



font-stretch: normal;



-x-system-font: none;



color: #B5C000;



}

#footer-menu{

	float:left;

	width:600px;

	text-align:right;

	margin-left: 5px;

	}

	

#footer-menu ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	float: left;

}

#footer-menu ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

	#footer-menu a{

	display:block;

	float:left;

	height:13px;/*alto de las viñetas*/

	font-size:11px;

	text-align:center;

	padding:0 5px;

	margin-bottom: 5px;

	border-left: 1px solid;

		}


http://www.terminalautoservicio.cl/assets/templates/bash/js/acordeon/style.css

* {margin:0; padding:0}

#accordion {
	width:135px
}
.accordion {
	width:135px;
	font:12px Verdana,Arial;
	color:#666
}
.accordion dt {
	width:120px;
	padding:8px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background-image:url(../images/cerrado-acordeon.jpg);
	background-repeat:no-repeat;
	background-position:right;
	border-bottom: 1px solid;
	
	
}
.accordion dt:hover {
	background-image: url(../images/abajo-acordeon.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
}
.accordion dd { 
	background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    margin: 0 0px 13px -8px;
    overflow: hidden;
    width: 135px;
	}
.accordion span {
	display:block;
	width:135px;
	border-top:none;
	padding: 8px;
	font-size: 10px;
	border-bottom: 1px solid;
	
}

#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(../images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:229px; border-top:none; padding:15px}
#slider dd span ul li a {
	display: block;
	margin-top: 5px;
}

http://www.terminalautoservicio.cl/assets/templates/bash/js/facebox/facebox.css

#facebox .b {
  background:url(b.png);
}

#facebox .tl {
  background:url(tl.png);
}

#facebox .tr {
  background:url(tr.png);
}

#facebox .bl {
  background:url(bl.png);
}

#facebox .br {
  background:url(br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

http://www.terminalautoservicio.cl/assets/snippets/shopkeeper/style/default/style.css

/* shop stuff */
.shop-stuff {}
.shop-stuff-b {}
.shop-stuff .shk-image {float:left; margin:0 10px 5px 0;}
.shop-stuff .shs-descr {}
.shop-stuff .shs-price {height:40px;}
.shop-stuff .shs-price .shk-but {float: right; vertical-align: middle;}
.shop-stuff small {font-size:12px;}

.shs-tocart {margin:5px 0; padding:5px 0;}
.shs-tocart div {margin:5px 0;}

.shk-price {font-weight:bold; font-size:12px;}
.shk-but {
	background:url("../images/tab2.jpg") no-repeat;
	display: block;
	height: 26px;
	width: 75px;
	float: left;
	text-align: center;
	padding-top: 0px;
	border: 0px;
	cursor:pointer;
	color:#666;
	font-size:11px;
	}
.shk-but:hover {
	color:#F00;
}
.shs-link {
	background:url("../images/tab2.jpg") no-repeat;
	display: block;
	height: 26px;
	width: 75px;
	float: left;
	text-align: center;
	padding-top: 6px;
	border: 0px;
	}
.shk-but:active {outline:none;}
.price-add {color:red; padding-left:3px; line-height:0;}

/* cart block */
.shop-cart {}
.shop-cart-head {text-align: center;}
.shop-cart-body {text-align: center;}
.shop-cart table {border-collapse:collapse; margin:5px 0;}
.shop-cart td {}
.shop-cart table small {
	font-size:11px;
	color:#FFF;
}
#butEmptyCart {
	text-decoration: none;
	color:#FFF;
	border-bottom:1px dashed #000;
} 
#cartEmpty {height:50px; line-height:50px;}
#totalCart {margin:5px 0;}
.cart-order {margin:5px 0; text-align: center;}

/* helper box */
#stuffHelper {
	position: absolute;
	z-index:100;
	width:150px;
	padding:5px;
	background-color:#FFF;
	border:1px solid #CCC;
	display:none;
}
#stuffHelper div {/*padding:5px 0; */text-align: center;}

/* progressbar */
#shkLoading {width:30px; height:30px; position: absolute; z-index:100; background:url(images/ajax-loader.gif) center center no-repeat #fff; border:1px solid #888; display: none;}

.relative {position:relative;}

/* *** crossbrowser inline-block *** */
/*.shop-stuff {*/
  /* for firefox2 */
  /*display: -moz-inline-stack;*/
  /* for all modern */
  /*display: inline-block; vertical-align: top;*/
  /* for IE6 & IE7 */
  /*zoom: 1; *display: inline;*/
/*}
.shop-stuff .shs-descr {*/
  /* for IE6 */  
  /*_height: 120px;
}*/


http://www.terminalautoservicio.cl/assets/snippets/maxigallery/css/default.css

ul.thumbs li {
	list-style: 		none;
	float: 				left;
	display: 			block;
	list-style-image: 	none !important;
	margin:				5px 5px 0 5px !important;
}
ul.thumbs {
	list-style: 		none;
	margin: 			0;
	padding: 			0;
	clear: 				both;
}
.thumbs {
	
	margin:				0px !important;
}
ul.thumbs li a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
ul.thumbs li p {
	overflow:			hidden;
}
.thumbs .clearboth { 
	clear: 				both; 
}
.childscontainer {
	margin-bottom:		20px;
	float:				left;
}
.thumbscontainer {
	margin-bottom:		20px;
	float:				left;
}
.pagenumbers {
	margin-bottom:		20px;
}
.picturecontainer {
	text-align:			center;
}
.picturecontainer .title {
	font-weight:		bold;
	margin-top:			20px;
}
.picturecontainer .picture img {
	border:				none;
	margin:				0 !important;
}
.picturecontainer .picture a {
	background:			none !important;
	text-decoration:	none;
	border: 			0;
}
.managecontainer {
    float: 				left;
}
.managecontainer textarea {
	width:				395px;
}
.managecontainer hr {
	width:				400px;
	text-align: 		left;
	margin: 			20px auto 20px 0;
}
.pictureform .managepicture {
	float:				left;
	clear:				left;
}
.pictureform .shortfields {
	margin-left: 		20px;
	float:				left;
}
.pictureform .clearboth {
	clear:				both;
}
.uploadcounter {
	width: 				20px;
	margin-bottom: 		10px;
	float:				left;
	clear:				left;
}
.uploadfile {
	margin-bottom: 		10px;
	float:          	none;
}
.uploadfile input {
	width:				30px;	
}
.uploadform {
	margin-top:			20px;
	margin-bottom:		-10px;
   	clear: 				both;
}
.uploadform .clearboth {
	clear:				both;
}
.slideshowwrapper {
	text-align:			center;
}
.deleteform {
	float:				left;
}
.synchform {
	float:				left;
}

.notice
{
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(../images/tick.png) no-repeat 10px 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #ffc;
}

.error
{
  margin: 4px 0;
  padding: 4px 4px 4px 30px;
  background: url(../images/error.png) no-repeat 10px 4px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #ffc;
  margin-bottom:10px;
}

#foto-prensa2{
		display:block;
		float:left;
		width:356px;
		height:441px;
		margin:0;
		padding:0;
		}
	#texto-prensa2{
		display:block;
		float:left;
		width:340px;
		height:auto;
		margin:0;
		padding:0;
		}
		
	#descargadoc-prensa2{
		display:block;
		float: right;
		width:200px;
		height:35px;
		margin:0;
		padding:0;
		}
		
		
		/****/
		
		#contenido-prensa{
	display:block;
	float:left;
	width:690px;
	height:auto;
	margin:40px 0 0 20px;
	padding:0;
	}
	#foto-prensa1{
		display:block;
		float:left;
		width:auto;
		height:auto;
		margin:0 10px 0 0;
		padding:0;
		}
	#texto-prensa1{
		display:block;
		float:left;
		width:484px;
		height:auto;
		margin:0 89px 0 0;
		padding:0;
		}
		#noticia{
			display:block;
			float:left;
			width:auto;
			height:auto;
			margin:0;
			padding:0;
			}
		#noticia h1{
		display:block;
					float:left;
					width:100%;
					font: bold "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #666;
					margin:0;
					padding:0;

		}
		#vermas-prensa{
			display:block;
			float:left;
			width:550px;
			height:20px;
			text-align:right;
			margin:0;
			padding:10px 0 0 0;
			}
			
			#ver-prensa{
			display:block;
			float:left;
			width:550px;
			height:20px;
			text-align:left;
			margin:0;
			padding:10px 0 0 0;
			}
	#descargadoc-prensa1{
		display:block;
		float:left;
		width:94px;
		height:193px;
		margin:0;
		padding:0;
		}		
		.icon{
			display:block;
			float:right;
			width:20px;
			height:35px;
			margin:0px 0 0 0;
			padding:0;
			}
#linea-inferior{
	display:block;
	width:670px;
	height:3px;
	background:url(../images/linea-superior.jpg) repeat-x;
	clear: both;
	}	
	
	
	.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 12px sans-serif;

	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;

}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {

}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #FFF;
}

#CollapsiblePanel1 {
	font: bold 12px sans-serif;
	border-bottom: 2px solid;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-color: #E31818;
}
#CollapsiblePanel2 {
	font: bold 12px sans-serif;
	border-bottom: 2px solid;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-color: #B5C000;
}
#CollapsiblePanel3 {
	font: bold 12px sans-serif;
	border-bottom: 2px solid;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border-color: #007ba5;
}
#form1 {
	width: 400px;
}
.error_list{
	color: #F00;
}