/* CSS TEKDATA */



body {

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

	margin: 0;

}



#Contenedor {

	width: 900px;

	margin: 0 auto;

	overflow: hidden;

}

#ContenedorCentral {

	background-image: url(../img/website/central_bg.png);
	
	background-repeat: repeat-y;
	
	float: left;
	
	padding: 0 0 35px 0;
	
}

#Logo {
	width: 216px;
	height: 83px;
	float: left;
	border:none;
}

#Logo a img {
	border:none;
}

#Logo a img {
	
}



#Search {

	width: 674px;

	height: 43px;

	float: left;

	text-align: right;

	padding: 40px 10px 0 0;

}



#Menu {

	width: 900px;

	height: 38px;

	float: left;

	background-image: url(../img/website/menu_barra.png);

	background-repeat: no-repeat;

}



#Lenguaje {

	width: 390px;

	height: 38px;

	float: left;

	font-size: 10px;

	padding: 13px 0 0 25px;

}



#Lenguaje a {

	text-decoration: none;

	color: #666;

}



#Lenguaje a:hover {

	text-decoration: underline;

}



#MenuBotones {

	width: 120px;

	height: 18px;

	float: left;

	padding: 10px 0;

	border-left: solid 1px #808080;

	text-align: center;

}



#MenuBotones a {

	font-size: 14px;

	text-decoration: none;

	color: #666;

	font-weight: lighter;

}



#MenuBotones a:hover {

	text-decoration: underline;

}



#MenuDerecha {

	width: 240px;

	min-height: 550px;

	float: left;

	background-color: #e5f7ff;

	border-left: solid 1px #ccc;

	border-right: solid 1px #ccc;

	font-size: 12px;

}



.listamenu {

	list-style: none;

	margin: 3px 0;

}



.listasubmenu {

	list-style-image: url(../img/website/flecha.png);

	list-style-position: outside;

	margin: 3px 0;

}



#SiteContents {

	width: 657px;

	min-height: 600px;

	float: left;

	border-right: solid 1px #ccc;

}



#Footer {

	width: 900px;
		height: 114px;
		position: relative;
		background-image: url(../img/website/footer.png);
		background-repeat: no-repeat;
		margin-top:-55px;
		float: left;
		z-index:1000;
	
}



#Footer {

	color: #000;

	font-size: 10px;

	text-align: center;

	padding: 65px 0 0 0;

}



#Footer a {

	color: #000;

	text-decoration: none;

}



#Footer a:hover {

	text-decoration: underline;

}



.footerblanco {

	color: #fff;

}



/* PRODUCTOS */



#TituloSeccion {

	width: 652px;

	height: 30px;

	background-color: #eee;

	font-size: 18px;

	font-weight: bold;

	float: left;

	border-right: solid 1px #ccc;

	padding: 5px 0 0 5px;

}



#TituloSeccion a {

	color:#333;

	text-decoration:none;

}



#TituloSeccion a:hover {

	color:#333;

	text-decoration:underline;

}



#CentroGeneral {

	width: 637px;
	
	float: left;
	
	border-right: solid 1px #ccc;
	
	padding: 10px;
	
	font-size: 12px;
	
}



#ProdContenedor {

	width: 175px;

	float: left;

	margin: 10px 15px;

}



#ProdTitulo {

	width: 170px;

	height: 18px;

	color: #fff;

	float: left;

	background-image: url(../img/website/prod_titulo.png);

	background-repeat: no-repeat;

	padding: 2px 0 0 5px;

	font-size: 11px;

}



#ProdFoto {

	width: 175px;

	height: 110px;

	float: left;

	text-align: center;

}



#ProdFoto img {

	border:none;

}







#ProdDetalle {

	width: 165px;

	height: 66px;

	float: left;
	
	Overflow:hidden;

	border-top: solid 1px #000;

	border-right: solid 1px #ccc;

	border-bottom: dashed 1px #ccc;

	border-left: solid 1px #ccc;

	background-color: #eee;

	color: #666;

	padding: 2px 5px;

	font-size: 11px;

}



#ProdDetalle img {

	float: right;

	margin-top: 5px;

	border:none;

}





/* DETALLE */



#DetalleContenedor {

	width: 636px;

	float: left;

	margin: 10px 0 0 12px;

}



#DetalleNombre {

	width: 356px;

	height: 39px;

	float: left;

	background-image: url(../img/website/detalle_tit_bg.png);

	background-repeat: repeat-x;

	font-size: 18px;

	font-weight: bold;

	padding: 5px 0 0 5px;

}



#DetalleID {

	width: 216px;

	height: 39px;

	float: left;

	background-image: url(../img/website/detalle_id_bg.png);

	background-repeat: no-repeat;

	font-size: 18px;

	font-weight: bold;

	padding: 5px 0 0 35px;

	color: #fff;

}



#DetalleFoto {

	width: 612px;

	float: left;

}



#DetalleDetalle {

	width: 580px;

	float: left;

	border-top: solid 1px #000;

	border-right: solid 1px #ccc;

	border-bottom: dashed 1px #ccc;

	border-left: solid 1px #ccc;

	background-color: #eee;

	color: #666;

	padding: 10px 15px;

	font-size: 12px;

}



#PDF {

	float: right;

	font-size: 10px;

	text-align: center;

}



#PDF img {

	border:none;

}



#loader {

	/*background-color:#333333;*/

	height:450px;

	opacity:0.8;

	position:absolute;

	text-align:center;

	width:657px;

	z-index:100;

	padding-top:150px;

}



#loader p.contents {

	padding:10px;

	background-color:#333;

	width:120px;

	margin-left:260px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-color:#000;

	color:#fff;

}



.static_page {

	padding:40px 15px 20px 15px;

	font-size:13px;

}



.static_page form {

	margin: 0 auto 0 auto;

	padding:10px;

}



.static_page form label {

	width:120px;

	float:left;

	font-weight:bold;

}



.static_page form input {

	border:1px solid #ccc;

	font-size:12px;

	width:270px;

}



.static_page form .input {

	padding-bottom:10px;

}





.static_page form textarea {

	margin-bottom:10px;

	border:1px solid #ccc;

	font-size:12px;

	font-family:"Arial";

	width:270px;

}



.static_page form .submit {

	margin-left:120px;

}



.static_page form .submit input {

width:auto;

}



.error-message {

	margin-left:120px;

	color:red;

}





/* CLASES DEL MENU */



.arrowlistmenu{

width: 210px; /*width of accordion menu*/

}



.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/

font-weight: bold;

font-size: 11px;

color: black;

margin-bottom: 2px; /*bottom spacing between header and rest of content*/

padding: 0 0 0 15px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

}

.arrowlistmenu .menuheader a {
	text-decoration:none;
	color:#000;
}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(titlebar-active.png);

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0 0 0 30px;

padding: 0;

margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #000;

background: url(../img/website/arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 3px 0;

padding-left: 15px; /*link text is indented 19px*/

text-decoration: none;

border-bottom: 1px solid #dadada;

font-size: 11px;

}



.arrowlistmenu ul li a:visited{

color: #000;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #fff;

background-color: #0055a5;

}


/* Paginadores	*/

/* Paging */
div.paging {
	color: #bbb;
	margin-bottom: 2em;
	text-align:center;
	margin:20px 0 10px 0;
	clear:both;
	padding:20px 0 0 0;
}

div.paging div.disabled {
	color: #bbb;
	display: inline;
	display:none;
	
}

div.paging span {
}

div.paging span.current {
	border:1px solid #ccc;
	padding:0 3px 0 3px;
	color:gray;
	font-weight:bold;
}

div.paging span a {
	color:#333333;
}

div.paging + p {
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
}