/* -----------------------------------------
TECNOCONT.ES - TECNOCONT MONEY S.L.
Author: Rueben Paul Divall (Diseño web, maquetación web y desarrollo)
Web: http://www.rubendivall.es
---------------------------------- */



body {
	font:x-small Arial, Helvetica, sans-serif;
	background: #E0E0E0;
	color: #333333;
}


body,div,dl,dt,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
#footeer p {
	clear: both;
	display: block;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img {
	border:0;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-size:100%;
	font-weight:normal;
}
a { 
	outline:none;
}
/* estructura ------------------------- */
.remp {
	position: relative;
	left: -12000px;
}
.hidden {display:none;}
.to-right {text-align:right;}
.to-left {text-align:left;}
.to-centre {text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.no-float {float:none !important;}
.clear {
	clear: both;
	margin-bottom: 20px;
}
/* clearfix --------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
#container {
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	background: #ececec url(images/css/body.png) repeat-x center top;
	padding-bottom: 25px;
}
#hearder {
	width: 960px;
	margin: auto;

}

#hearder #cesta strong  {
	color: #D20A2E;
	font-weight: bold;
	font-size: 1.2em;
}
#hearder p  {
	display: block;
	float: right;
	height: 50px;
	background: url(images/css/telefono.gif) no-repeat;
	width: 250px;
	margin-top: 6px;
}
#hearder #cesta  {
	display: block;
	float: right;
	background: url(images/css/fondo-cesta.gif) no-repeat;
	height: 34px;
	padding-top: 6px;
	padding-left: 10px;
	width: 140px;
	margin-right: 50px;
	margin-top: 8px;
}
#hearder #cesta a  {
	display: block;
	margin-left: 18px;
	color: #d20a2e;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}
#hearder #cesta a:hover {
	color: #d20a2e;
	text-decoration: none;
}
#menu-up {
	display: block;
	float: right;
	width: 640px;
	background: url(images/css/sep-menu.gif) no-repeat center bottom;
	position: relative;
	top: -70px;
}
#container #hearder #banners {
	width: 960px;
	clear: both;
	padding-top: 12px;
}
#body  {
	clear: both;
	width: 960px;
	margin: auto;
	top: -50px;
	position: relative;
}
#menu2  {
	display: block;
	float: left;


}
#menu2 li  {
	font-size: 1.5em;
	display: inline;
	line-height: 60px;
}
#menu2 li a  {
	color: #8E8E90;
	text-decoration: none;
	margin-right: 10px;
	background: url(images/css/separa-menu.gif) no-repeat right center;
	padding-right: 10px;

}
#menu2 .lL a  {
	margin-right: 0px;
	padding-right: 0px;
	background: url(none);
}
#menu2 li a:hover, #menu2 .selected    {
	color: #2F82D2;
	text-decoration: none;
}
#hearder h1, #hearder h1 a  {
	background: url(images/css/logo-tecnocont-big.gif) no-repeat;
	height: 49px;
	display: block;
	width: 280px;
	float: left;
	text-decoration: none;
}
#container #body {
	clear: both;
}
#body #column {
	float: left;
	width: 280px;
}
#column h3   {
	color: #2F82D2;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 30px;
	background: url(images/css/flechamenu.gif) no-repeat left 10px;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}

#column a   {
	font-size: 1.2em;
	color: #2f82d2;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	background: url(images/css/tip-menu.gif) no-repeat left 9px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #2F82D2;
}
#column a:hover, #column .selected {
	text-decoration: none;
	background: url(images/css/tip-menu-hover.gif) no-repeat left 9px;
}
#searchForm {
	float: right;
	padding-top: 20px;
	text-align: right;
}

#products li {
	float: left;
	display: block;
	width: 280px;
	height: 170px;
	overflow: hidden;
	background: url(images/css/fondo-listado-productos.gif) no-repeat center top;
	padding: 15px;
	margin-top: 20px;
}
#content  {
	font-size: 1.37em;
}

#products .l1, #products .l3, #products .l5, #products .l7, #products .l9, #products .l11, #products .l13, #products .l15, #products .l17, #products .l19, #products .l21, #products .l23, #products .l25, #products .l27, #products .l29, #products .l31, #products .l33, #products .l35  {
	margin-right: 19px;
	clip: rect(auto,auto,15px,auto);
}

#products h3 a {
	font-size: 1.1em;
	color: #2F82D2;
	text-transform: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#products h3 a:hover {
	color: #FFF;
	text-decoration: none;
	background: #2F82D2;
}

#products h3  {
	margin-bottom: 10px;


}
#products .img_listados {
	height: 90px;
	width: 120px;
	float: right;
	border: 1px solid #999;
	margin-left: 15px;
	margin-bottom: 15px;
}

#products p {
	font-size: 0.8em;
	margin-bottom: 5px;
}
#products .basket {
	float: left;
	font-size: 0.8em;
	margin-top: 10px;
}
#products .basket a {
	background: url(images/css/boton-cesta.gif);
	display: block;
	height: 23px;
	width: 123px;
	line-height: 23px;
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 0px;
}
#products .basket a:hover {
	background: url(images/css/boton-cesta.gif) bottom;
}
#products  .price ,#box #price{
	float: right;
	color: #D20A2E;
	font-size: 32px;
	margin-top: 10px;
}
#price em {
	color: #D20A2E;
	font-size: 11px;
	display: block;
	text-align: right;
	padding-right: 19px;
}
#box {
	width: 374px;
	float: left;
}
#productDescription {
	font-size: 0.9em;
	clear: left;
}
#filesList a {
	font-size: 0.85em;
	color: #666;
	text-decoration: underline;
}
#filesList a:hover {
	text-decoration: none;
}
#available {
	font-size: 1.1em;
	font-weight: normal;
	color: #FFF;
	background: #2F82D2;
	padding: 5px;
	margin-bottom: 10px;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #FFF;
	border-left: 25px solid #B0CFEE;
}
#box .cesta {
	float: left;
	width: 160px;
	height: 70px;
}


#filesList img {
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
#filesList li {
	padding: 5px;
	border-bottom: 1px solid #CCC;
}







#content  {
	float: right;
	width: 640px;
}
#content h2   {
	font-size: 30px;
	text-transform: none;
	margin-bottom: 15px;
	letter-spacing: -1px;
	padding-top: 10px;
}
#footeer {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 5px solid #d0d0d0;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #d0d0d0;
	font-size: 1.2em;
}
#footeer a {
	color: #333;
	text-decoration: underline;
	margin-left: 5px;
	margin-right: 5px;
}
#footeer a:hover {
	color: #2F82D2;
	text-decoration: none;
}

#footeer .links {
	width: 960px;
	margin: auto;
}
#footeer .copy {
	width: 960px;
	margin: auto;
	clear: both;
	padding-top: 15px;
}
.sub1 {
	padding-left: 30px;
	padding-right: 0px;
}
#container #body #content p {
	margin-bottom: 10px;
}








/* BASKET AND ORDER */
#orderedProducts table{
	width:100%;
	margin:15px 0 25px;
	color:#2F82D2;
	font-size:0.917em;
	background: #F2F2F2;
	border: 5px dotted #D0D0D0;
}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{
	border-bottom:3px solid #D0D0D0;
}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{
	background:inherit;
	color:#2F82D2;
}
#orderedProducts tbody .price, #orderedProducts tbody .summary{
	background:inherit;
	color:#D20B5A;
	font-weight:bold;
	text-align:right;
}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{display:none;}
#orderedProducts tbody a:hover{
	background:inherit;
	color:#D20A2E;
}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryDelivery, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep{text-align:right;}
#orderedProducts tfoot .nextStep .submit{
	background: url(images/css/bgboton1.gif) repeat-x center center;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	padding: 2px;
	border: 1px solid #F2F2F2;
	cursor: pointer;
}

#basket .info{padding:10px 0;background:transparent;color:#4f3728;text-align:left;}
#basket #recount td{
	border-bottom:1px solid #D0D0D0;
	text-align:right;
}
#basket #recount .submit{
	padding:2px;
	border:1px solid #F2F2F2;
	background: url(images/css/boton-actualizar.gif) repeat-x center center;
	color:#fff;
	font-weight:bold;
	cursor: pointer;
}
#basket .summaryProducts{
	background:inherit;
	color:#3B89D5;
	font-size:1.4em;
	font-weight:bold;
}
#basket .summaryProducts #summary{
	background:inherit;
	color:#DC0B2E;
}
#basket #save .submit, #searchForm fieldset .submit{
	padding:2px;
	border:1px solid #F2F2F2;
	background: url(images/css/boton-actualizar.gif) repeat-x center center;
	color:#fff;
	font-weight:bold;
	cursor: pointer;
}
#searchForm fieldset span #buscar {
	padding: 2px;
	background: #F9F9F9;
	border: 1px solid #CCC;
}

#basket .del{padding:0 5px 0 10px;}
#basket .del a{
	background:inherit;
	color:#666;
}

#order legend{
	padding:20px 0 10px;
	border:0;
	background:inherit;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
}
#order #personalData{
	padding:12px 3%;
	border-top:2px solid #D0D0D0;
	border-bottom:2px solid #D0D0D0;
	background:#F2F2F2;
	color:#333;
}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;font-weight:bold;}
#order #personalData #company label, #order #personalData #comment label{font-weight:normal;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

#order #deliveryAndPayment table{
	border-top:2px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
	background:#F2F2F2;
	color:#333;
	font-size:1em;
}
#order #deliveryAndPayment table tbody td{
	padding:3px 13px;
	border-left:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
}
#deliveryAndPayment table th{
	padding:5px 13px;
	border-bottom:1px solid #D0D0D0;
}
#deliveryAndPayment table thead th{
	text-align:center;
	border-left:1px solid #D0D0D0;
}
#deliveryAndPayment table thead th em{padding:0 4px 0 0;font-style:normal;}
#deliveryAndPayment table thead th span{font-weight:normal;}
#deliveryAndPayment table thead td{
	border-bottom:1px solid #D0D0D0;
}

#order tfoot td, #orderPrint tfoot td{
	background:inherit;
	color:#D20B5A;
}
#order tfoot td, #order tfoot th, #orderPrint tfoot td, #orderPrint tfoot th{
	border-top:1px solid #D0D0D0;
}
#order .summaryProducts, #order .summaryDelivery, #orderPrint .summaryDelivery{font-size:1.182em;}
#order .summaryProducts th, #order .summaryDelivery th, #orderPrint .summaryDelivery th{font-weight:normal;}
#order .summaryOrder, #orderPrint .summaryOrder{
	background:inherit;
	color:#2F82D2;
	font-size:1.36em;
	font-weight:bold;
}
#order #rulesAccept th{
	background:inherit;
	color:#333;
	font-size:0.833em;
	font-weight:bold;
	text-align:right;
}
#order #rulesAccept th, #order #nextStep th{border:0;}

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint .message h3{padding:5px 8px 0;background:inherit;font-weight:normal;font-size:1.5em;}
#orderPrint h4{background:inherit;color:#764830;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:10px 0 20px;padding:5px 0;border-top:2px solid #e8dac6;border-bottom:2px solid #e8dac6;background:#f4f3dd;color:#764830;}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}
.new-window {
	color: #333;
}
#container #body #content #error h3 a {
	color: #2F82D2;
}
#container #body #content #imagesList1 {
	display: block;
	margin-bottom: 0px;
	float: right;
	width: 250px;
	margin-left: 15px;
}
#container #body #content #imagesList1 img {
	width: 248px;
	margin-bottom: 15px;
	border: 1px solid #999;
}
#container #body #content #imagesList1 img:hover {
	border: 1px dotted #999;
}

#container #body #content #imagesList1 li a {
}

#container #body #content #imagesList1 li {
	display: inline;
}
#addBasket fieldset .submit    {
	color: #FFF;
	background: url(images/css/boton-cesta.gif) no-repeat center top;
	height: 25px;
	width: 133px;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	border: 1px solid #F9F9F9;
	line-height: 25px;
	cursor: pointer;
}
#addBasket fieldset .submit:hover {
	background: url(images/css/boton-cesta.gif) no-repeat center bottom;
}
.encabezado {
	font-size: 0.9em;
	line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}
#productDescription h3 {
	color: #2F82D2;
	font-size: 1.2em;
	margin-bottom: 5px;
	margin-top: 15px;
}
#productDescription ul li {
	list-style: square;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}
#productDescription ul {
	margin-bottom: 25px;
	margin-top: 5px;
	display: block;
	padding-left: 30px;
}
#container #body #content p a{
	color: #333;
	text-decoration: underline;
}
#container #body #content p a:hover {
	color: #2F82D2;
	text-decoration: underline;
}
#container #body #content #page_desc {
	font-size: 0.90em;
}
#container #body #content #page_desc ul li {
	background: url(images/css/tip-menu.gif) no-repeat left 4px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
}


p#bademail, p#badserver
		{
	padding: 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
		}

p#success
		{
	padding: 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
		}
#myForm label {
	display: block;
	width: 150px;
	float: left;
}

#myForm p {
	display: block;
	padding-bottom: 5px;
	clear: both;
}
.f-comentarios {
	padding-bottom: 5px;
	padding-top: 10px;
}

#submitinput {
	clear: left;
	float: left;
	font-size: 2em;
	margin-left: 150px;
	background: #2F82D2;
	color: #FFFFFF;
	border: 2px solid #FFF;
	padding: 3px;
	cursor: pointer;
	
}


#submitinput:hover {
	background: #FD007E;
}
.asterisco {
	clear: both;
	margin-top: 10px;
	margin-left: 150px;
}



#emailinput, #telefonoinput, #nameinput {
	margin: 0px;
	padding: 2px;
	background: #FAFAFA;
	border: 1px solid #999999;
	color: #999999;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#myForm textarea {
	float: left;
	margin: 0px 0px 6px;
	padding: 2px;
	background: #F9F9F9;
	border: 1px solid #999999;
	color: #999999;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact-me {
	margin-top: 15px;
}
#emailinput:focus, #telefonoinput:focus, #nameinput:focus, #myForm textarea:focus {
	border: 1px solid #2F82D2;
	color: #2F82D2;
}

#emailinput:hover, #telefonoinput:hover, #nameinput:hover, #myForm textarea:hover {
	background: #F8F8F8;
}


p#bademail, p#badserver
		{
	padding: 10px;
	background: #FFA3A1;
	border: 2px solid #D00D00;
	color: #D00D00;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
		}

p#success
		{
	padding: 10px;
	background: #92FFA5;
	border: 2px solid #009218;
	color: #009218;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
		}