/*
  $Id: stylesheet.css, template: OS03C00232 v3.00 09/22/07  13:30:17 project3000 Exp $
  
	New Design for DTM
	by Fanny Rodríguez (www.tragicdesigner.com)

*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONT EMBED */

@font-face {
    font-family: 'KomikaAxisRegular';
    src: url('fonts/KOMIKAX_-webfont.eot');
    src: url('fonts/KOMIKAX_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KOMIKAX_-webfont.woff') format('woff'),
         url('fonts/KOMIKAX_-webfont.ttf') format('truetype'),
         url('fonts/KOMIKAX_-webfont.svg#KomikaAxisRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* STARTS DESIGN */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  background-image:url(images/bk.jpg);
  background-repeat:repeat-x;
  background-color:#FFFFFF; 
  color:#4175aa;
}

p 			{ margin:10px 0px; color:#333; text-align:justify; line-height:150%; }
strong, b 	{ font-weight:bold;}

A 			{ color: #535353; text-decoration: none; }
A:hover 	{ color: #dd2a00; text-decoration: underline; }
FORM 		{ display: inline; }
INPUT, SELECT, TEXTAREA { background-color: #fefefe; color: #000001; }

INPUT.submit_button,
INPUT.az_login_input,
.az_button_submit 		{ border: 0px !important; }

h1 			{ font-family:'KomikaAxisRegular'; font-size:20px; color:#e42322; margin-bottom:20px;}
h2 			{ font-family:'KomikaAxisRegular'; font-size:18px; color:#398fe2; margin-bottom:15px;}
h3 			{ font-family:'KomikaAxisRegular'; font-size:16px; color:#666; margin-bottom:15px;}

#wrapper, .wrap { width:960px;	margin:0px auto; }
#navigation		{ width:230px; }
#main_content 	{ width:698px; }
#flash			{ width:698px; height:270px; margin-bottom:30px;}

/* DIV POSITIONING */
.flt_left 	{ float:left; }
.flt_right 	{ float:right; }
.clr 		{ clear:both; height:1px; margin:0; padding:0; }

/* HEADER */
#header { margin-bottom:20px; color:#FFFFFF; }

#top_row 				{ height:14px; font-size:11px; padding:8px; }
.infoBox 				{ margin:0; padding:0; width:200px; height:30px; float:right; color:#FFF;}
.jsButton, .jsTrigger 	{ cursor: pointer; }
.animBox 				{ position: relative; overflow: hidden; white-space: nowrap; margin: 0; padding: 0; }
.animBoxDropover 		{ position: absolute; visibility: hidden; overflow: hidden; margin: 30px 0 0; padding: 0; }
.infoBoxContents		{ color:#FFFFFF;}
#animBoxCart 			{ border: #2d95ff solid 1px; background-color: #96caff; width: 280px; padding:5px; z-index: 100; color:#333; }
#second_row 			{ height:101px; color:#CCCCCC; }
#second_row .flt_left 	{ width:500px; margin-top:5px; }  

/* CATEGORIES */

.infoBoxLeft_categ			{ padding:5px 0; }
.infoBoxLeft_categ a		{ color:#FFF; }
.infoBoxLeft_categ a:hover	{ color:#9ce7ff; }
.infoBoxContentsLeft_categCell			{ padding:8px; border-bottom:1px solid #0d76e2; border-top:1px solid #50a7ff;}
.infoBoxContentsLeft_categCell:first-child	{ border-top:none; background-image: url(images/navbg.png); 
							  				  background-repeat:no-repeat; background-position:top center;}
.infoBoxContentsLeft_categCell:last-child	{ border-bottom:none; background-image:url(images/navbg_bottom.png); 
											  background-repeat:no-repeat; background-position:bottom center;}
.category_level_1			{ background-color: #2D95FF; color:#085cb2; }
.category_level_2			{ background-color:#1379e2; border-bottom-color:#0060c2; color:#164a7f; }

#payforms, #licencias 	{ margin:20px 0px; }
#slideshow			{ width:230px; height:180px; overflow:hidden;}

/* PRODUCTOS */

#product .flt_left	{ width:380px; color:#666; }
#product .flt_right	{ widows:300px;}
.price				{ font-weight:bold; font-size:16px; color:#2d95ff;}

/*LOGIN*/

#login .flt_left,
#login .flt_right		{ width:310px; height:185px; color:#333; background-color:#c0daf3; padding:15px; }
#login input 			{ border:1px solid #6e96bb; margin:5px 0px; color:#666; padding:3px; }
table					{ color:#333; }
#login .submit input 	{ border:none; margin:0; padding:0; }

/* CONTACTO */
#contact .flt_left,
#contact .flt_right		{ width:310px; color:#333; padding:15px; }
#contact .flt_right		{ background-color:#c0daf3; }
#contact input 			{ border:1px solid #6e96bb; margin:5px 0px; color:#666; padding:3px; }
#contact textarea		{ width:300px; height:100px; border:1px solid #6e96bb; margin:5px 0px; color:#666; padding:3px;}
#contact .submit input 	{ border:none; margin:0; padding:0; }

/* NUEVO USUARIO */
#new_user	{ background-color:#c0daf3; padding:20px; color:#333; }

/* FOOTER */

#footer 			{ background-color:#8ba9c2; color:#476d8d; padding:30px 0px; margin-top:30px; }
#footer a, 
#footer a:active	{ color:#FFFFFF; text-decoration:none; }
#footer a:hover 	{ text-decoration:underline; }
#footer a:visited 	{ color:#c8e3f9; }


/*CHECKOUT STYLES de la vieja hoja de estilos*/

.pageHeading, DIV.pageHeading { height: 30px; font-size: 14px; color: #828282; text-align: left; }
.pageHeading H1, .infoBoxHeadingtop, .greetUser { font-family:  Arial; font-size: 15px; font-weight: bold; color: #7f7f7f; }
#checkout .productListing-heading	{ background-color:#215ec9; color:#fff; font-weight:bold; padding:10px;}
#checkout .productListing-heading a	{ color:#57c2ff;}
#checkout td {padding:5px; vertical-align:middle; }