/*
/*     Site: Mas Promocionales 2008; http://www.maspromocionales.com
/*     Type: Hoja de Estilos;
/*     Company: Exosfera.com;
/*     Author: Alberto Jauregui Cano; bastertwo@gmail.com
/*     
*/

* {margin:0;padding:0;font-family: Arial,sans-serif;}
html, body{height:100%;}
body {background:#FFF url(../img/fondo_01.jpg) repeat-y 50% 0;font-size:1em;}
a{text-decoration:none;color:#8A004D;}
a:hover{text-decoration:underline;}
a:focus {outline:none;text-decoration:underline;}

img {border:0;-ms-interpolation-mode:bicubic;/* mejora el reescalado en ie7  */}
#wrapper {
    min-height:100%;height:auto !important;height:100%;margin:0 auto -50px;
    text-align:left;    
    border:0;
    width:954px;
}

#container {
    background:transparent;
    margin-top:12px;
}

#clear{clear:both;float:left;}

#header {margin:0;height:125px;width:954px;}

#barra{position:absolute;top:120px;left:0;width:100%;height:10px;background-color:#B62C5F;margin-bottom:30px;clear:both;}

#footer{
    clear:both;
    background-color:#B62C5F;
    height:50px;
}

.push{height:50px;}
#footer img{padding:0;}

#menu {
    float:left;
    width:167px;
    height:245px;
    background:#8FC400;
}

#bannerPpal {
    height:205px;
    margin-bottom:3px;
}
#fondoflash{
    position:absolute;
    z-index:0;
    margin:auto 0px;
    padding-left:5px;
}

#bannerPpal #menu_div{
    margin-left:52px;
}

#promosVigentes {
    width:205px;
    float:left;
}

#gratis {
    width:207px;
    float:left;
}

#blog {
    background:#8A004D url(../img/blog_intro.jpg) no-repeat center top;
    height:100px;
    width:542px;
    float:left;
    overflow:auto;
}
.pblog{padding:15px;margin:0px;margin-top:0px;color:#FFF;font-weight:bold;font-size:0.7em;background-color:#B62C5F;}

#mas-vendidos {
    background:url(../img/mas_vendidos.jpg) no-repeat center bottom;
    width:600px;
    height:110px;
    float:right;
    margin-top:5px;
    margin-bottom:5px;
}

#mas-vendidos .foto{
    float:right;
    height:75px;
    width:75px;
    padding:5px;
    text-align:center;
    text-decoration:none;
    font-size:10px;
}

#mas-vendidos .foto a{text-decoration:none;}
#mas-vendidos .foto a:hover{color:#666;}

img.border {
    border:1px solid #C6C6C6;
    padding:2px;
    margin:0;
}

img.border:hover{
    background:#E3F5FE;
}

img.center {
    display:block;
    margin:auto;
}

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

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

.foto_producto{
    border:1px solid #aaa;
    padding:10px;
    width:210px;
    float:left;
    margin:5px;
    margin-left:0px;
}

.desc_producto{
    border:1px solid #aaa;
    padding:10px;
    position:relative;
    width:690px;
    float:left;
    margin:5px;
    margin-right:0px;
}

.desc{float:left;width:450px;}

.desc_producto h1{
    font-size:1.4em;
    color:#8A004D;
}

.cot_producto{
    float:right;
    position:relative;
    display:inline;
    width:200px;
}
.cot_producto h4{font-size:12px;}

.modelos{
    margin-top:15px;
    padding:10px;
    position:relative;
    float:left;
    width:650px;
    font-size:12px;
}

.art_similares{
    float:left;
    position:relative;
    margin-top:5px;
    margin-bottom:20px;
    width:954px;
    border:1px solid #aaa;
}

.art_similares_prod{
    float:left;
    width:150px;
    padding:10px;
    text-align:center;
    font-size:0.7em;
}

.tit_similares{
    float:left;
    position:relative;
    width:954px;
    margin-top:20px;
}

.fiucha{color:#8A004D;}

.categorias{
    color:#333;
    margin-top:10px;
    background:
    padding:5px;
}

.milista{width:200px; background: url(../img/back_carrito.jpg) repeat-y center;}
#ldetalle{padding:5px;}
#ldetalle li{list-style:none;}


.categorias a{color:#000;display:block;}
.categorias a:hover{color:#FFF;text-decoration:none;}
.categorias li{list-style:none;padding-left:15px;}
.categorias li:hover{background:#8A004D;color:#FFF;}
.categorias li:hover a{color:#FFF;}

.miniatura{
    text-align:center;
    font-size:11px;
}

.miniatura h4 {font-weight:normal;}

.linea{
    color:#CCC;
    width:95%;
}

.lista{border:0; margin-right:10px;}

.info{border:1px solid #CCC;background-color:#EEE;}

.error{border:1px solid #CCC;background-color:#EEE;}

#divTopLeft{}

.top_menu{
    background:url(../img/top_menu.jpg) no-repeat;
    background-position:bottom;
    width:258px;
    height:14px;
    margin-right:3px;
}

.back_menu{
    text-align:left;
    background-color:#D9D5D6;
    width:252px;
    margin-left:3px;
    margin-top:-1px;
}

.bottom_menu{
    background:url(../img/bottom_menu.jpg) no-repeat;
    width:258px;
    height:18px;
    margin-right:3px;
}

.tit_cat{
    margin:0;
    padding:10px;
    color:#FFF;
    background-color:#A6A5A3;
}

.top_carrito{
    background:url(../img/top_carrito.jpg) no-repeat top center;
    width:200px;
    height:38px;
}

.bottom_carrito{
    background:url(../img/bottom_carrito.jpg) no-repeat top center;
    width:200px;
    height:12px;
}

.fiuchaback{
    background-color:#8A004D;
}

.field_ro {
	border: 1px solid #FFF;
	border-bottom: 1px solid #7F9DB9;
}

.promostipos{
    float:left;
    border:1px solid #CCC;
    padding:5px;
    margin:10px 2px 20px 60px;
}

.promostipos h4 {text-align:center;}

.formstyle{
    margin: 0 auto;
    width: 450px;
    padding: 14px;
}

.formstyle label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}

.formstyle input, .formstyle select, .formstyle textarea{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #666;
    width:250px;
    margin: 2px 0 20px 10px;
}

.formstyle .small{
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}

.formstyle .field_ro{
    background:#CCC;
}

.formstyle .button{
    background:#8A004D;
    border:1px solid #000;
    color:#FFF;
    font-weight:bold;
}

.formstyle .button:hover{
    background:#DF0081;
    cursor:pointer;
}

.formstyle p{
    color:#666;
    display:block;
    float:left;
    font-size:12px;
    padding:10px;
    margin:5px;
}

.res_busqueda{
    margin-top:10px;
    padding-top:10px;
}

.form-buscar{
    color:#333;
    border-bottom:1px solid #CCC;
}

.form-buscar input{
    border:1px solid #CCC;
    padding:5px;
}

.form-buscar .buscar{
    background-color:#666;
    color:#FFF;
}

.form-buscar .buscar:hover{
    background-color:#333;
    cursor:pointer;
    border:1px solid #FFF;
}

.form-buscar span{
    font-size:10px;
    color:#555;
}

.producto-buscar{
    border-bottom: 1px solid #CCC;
    margin:50px;
}
.producto-buscar-img{padding:10px;}

#titulo_menu{
    position:absolute;
    z-index:1;
    margin-left:52px;
}

.nosotros ul {
    color:#333;
    text-align:left;
    padding:5px;
}

.nosotros ul li {
    padding-bottom:10px;
}

.paginacion {
    clear:both;
    margin-left:300px;
    text-align:left;
}

.paginacion a {
    border:1px solid gray;
    background:#D9D5D6;
    color:#000;
    float:left;
    margin-left:10px;
    margin-bottom:10px;
    padding:2px 5px;
    text-decoration:none;
}

.paginacion a:hover {
    background:#8A004D;
    color:#FFF;
    text-decoration:none;
}

.paginacion a.current {
    background:#8A004D;
    color:#FFF;
    text-decoration:none;
}

.fade{
    float:left;
    margin:0 0 2em 80px;
}

.fadefirst {
    margin:0 0 2em 0 !important;
}


Table.cg_table {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000;border: 1px solid #CCC;}
Table.cg_table caption {font-size: 14px;border-bottom: 1px solid #CCC;font-weight: bold;}
Table.cg_table th {font-size: 12px;padding-bottom: 10px;text-align: center;vertical-align: middle;font-weight: bold;background: #8A004D;color: #FFF;border-right: 1px solid #fff;}
Table.cg_table th a{font-size: 12px;font-weight: bold;text-decoration: none;color: #aaa;}
Table.cg_table td {padding-left: 3px;}
.cg_row_b {background: #ECF5FA;}
.cg_row_a_hover {background: #EE6600;cursor: pointer;color:#FFFFFF;}
.cg_row_b_hover {background: #EE6600;cursor: pointer;color:#FFFFFF;}
.cg_foother {padding-top: 10px;color: #aaa;}
.cg_number_rows {float: left;}
.cg_pages {float: right;text-align:right;}
.cg_cell_total {font-weight: bold;border-top: 1px solid #333;padding-top: 5px;}
.cg_group_td {font-size: 14px;font-weight: bold;}





/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both}
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#B62C5F;
	background-image: url(../img/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../img/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../img/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:210px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:200px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:227px;}
#mainNav.fourStep li.mainNavNoBg{width:229px;}
#mainNav.fourStep li a{width:227px;text-decoration:none;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:455px;}
#mainNav.twoStep li a{width:455px;}


#wizardpanel {
	background-color: #F5F5F5; margin:5px;display:none;
}
#wizardcontent {
	height:300px
}
#wizardwrapper{width:920px;}



/* BUTTONS */
.buttons{margin:10px;clear:both}
.next {float:right}
.previous {float:left}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../img/hori_large.png) no-repeat;
    _background:url(../img/hori_large.gif) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../img/h300.png) repeat-x;
	_background-color:#EFEFEF;
	_background-image:none;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a {
	float:left;
	margin:20px 5px 20px 21px;
	padding:2px;
	cursor:pointer;
	width:100px;
	height:75px;
	text-decoration:none;
	text-align:center;
	color:#333;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable a img {
    background-color:#fff;
    border: 1px solid #ccc;
    width:100px;
    height:75px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}