﻿body
{
	background-color:#ffffff;
	background-image:url(../images/bodyBG.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	background-attachment: fixed;
	font-size:62.5%;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

input, label
{
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

/*
 * ---  GENERAL PROPERTIES  ---
 */
 
.imgButton
{
	text-indent:-9999px;
	font-size:0px;
	line-height:999px;
	overflow:hidden;
	background-repeat:no-repeat;
}

.cb
{
	clear:both;
	height:0px;
	width:0px;
	overflow:hidden;
}

.cbText
{
	clear:both;
}

/*
 * -- TEXT --
 */



/*
 * -- MAIN --
 */
 
#main
{
    width:990px;
    margin:0px auto;
    margin-top:10px;
}

/*
 * -- HEADER --
 */

#header
{
	width:795px;
	height:71px;
}

.headerLogo
{
	width:192px;
	height:71px;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-image:url(../images/logo.jpg);
	float:left;
}

.headerData
{
	width:489px;
	height:71px;
	background-color:#FFF;
	float:left;
}

.headerLogin
{
	width:114px;
	height:71px;
	background-repeat:no-repeat;
	float:left;
	background-image:url(../images/loginBtn.png);
}


.headerLogin a
{
	display:block;
	color:#FFF;
	font-size:24px;
	text-decoration:none;
	float:right;
	letter-spacing:-2px;
	margin-top:22px;
	padding:0px 20px 0 30px;
	background-image:url(../images/loginGood.png);
	background-repeat:no-repeat;
}

.marcianoBox
{
    height:50px;
    width:100%;
    background-color:#000000;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}

.marcianoBoxMessage
{
    padding-top:10px;
    display:block;
    width:900px;
    margin:0px auto;
    font-size:24px;
    color:White;
}

.marcianoBoxMessage p
{
    display:block;
    padding-top:4px;
}

.iconAdvertencia
{
    background-image:url(../images/iconoAdvertencia.png);
    background-position:0px -30px;
    background-repeat:no-repeat;
    width:46px;
    height:30px;
    float:left;
}

.loginStatus
{
	display:block;
    background-image:url(../images/iconosTitulo.png);
    background-repeat:no-repeat;
    background-position:0px 22px; 
	padding:27px 10px 3px 30px; 
	float:right;
	font-size:14px;
	font-weight:bold;
}

.loginStatus a
{
    color:#1F6ECC;
}

.contactBtn
{
	display:block;
	background:url(../images/contactBtn.jpg) no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding:10px 30px 0 40px ;
	color:#B3B3B3;
	font-size:1.5em;
	height:35px;
	float:right;
}

.contactBtn:hover{color:#000000;}

/*
 *  -- JAVASCRIPT ALERT --
 */

#javaAlert
{
	padding:10px;
	width:760px;
	background-color:#000;
	font-size:24px;
	color:#FFF;	
}


/*
 *  -- LOGIN --
 */


#login, #register
{
	width:795px;
	height:0px;
	overflow:hidden;
    margin-bottom:10px;
}

#login label, .loginTB, #register  label
{
	display:block;
	font-size:1.2em;
	margin-top:15px;
	padding:4px;
	float:left;
}

.loginControls
{
	height:51px;
	width:678px;
	background:transparent url(../images/whiteBG.png);
	float:left;
}

.loginTB
{
	margin-top:10px;
	background-color:#000;
	color:#FFF;
	font-size:1.2em;
	width:110px;
	padding:8px 5px 8px 5px;
}

.newAccountBtn
{
	display:block;
	margin-top:11px;
	margin-left:5px;
	background-image:url(../images/newAccount.png);
	background-repeat:no-repeat;
	width:200px;
	height:35px;
	float:left;
}

.newAccountBtn:hover {background-position:0px -37px;}
.newAccountBtn:active {background-position:0px -72px;}


.loginDelete
{
	display:block;
	float:left;
	margin-top:10px;
	width:30px;
	height:30px;
	background-color:#000;
	background-image:url(../images/tbDeleteBtn.jpg);
}

.loginDelete:hover
{
	background-position:0px -30px;
}

.loginBtn
{
	width:117px;
	height:51px;
	background-image:url(../images/enter.png);
	float:right;
}

.loginBtn:hover{ background-position:0px -51px; }
.loginBtn:active{ background-position:0px -102px; }

/**
 *  -- SEARCH BAR --
 */

#searchBar
{
    position:relative;
    margin-bottom:10px;
	padding:10px 12px;
	width:756px;
	height:60px;
	overflow:visible;
	background-image:url(../images/blackTransparency.png);
}

input.searchTbx
{
	padding:12px;
	padding-left:50px;
	border:none;
    border-width:0px;
	width:565px;
	font-size:2.8em;
	color:#B3B3B3;
	float:left;
	height:35px;
	background-color:#FFFFFF;
    background-image:url(../images/searchArrow.png);
    background-repeat:no-repeat;
    margin:0px;
}

input.searchTbx:focus, input.searchTbx:active, input.searchTbx:hover
{
	color:#666;
}

.searchIcon
{
	float:left;
	width:39px;
	height:59px;
	background-repeat:no-repeat;
	background-image:url(../images/icons.jpg);
	background-position:0px -35px;
	background-color:#FFF;
	
}

.searchBtn
{
	float:left;
	display:block;
	width:90px;
	height:59px;
	border:0px;
	background-repeat:no-repeat;
	background-image:url(../images/search.png);
	overflow:hidden;
	font-size:0px;
	line-height:999px;
	text-indent:-9999px;
}

.searchBtn:hover {background-position:0px -70px;}
.searchBtn:active{background-position:0px -140px;}

.searchOptions
{
    position:relative;
    clear:both;
    width:750px;
    top:0px;
    left:0px;
    height:46px;
    margin-left:30px;
    overflow:hidden;
    height:0px;
}

.searchOptions .left
{
    display:block;
    float:left;
    width:16px;
    height:46px;
    background-image:url(../images/searchByLeft.png);
}

.searchOptions .center
{
    display:block;
    padding-top:8px;
    float:left;
    height:46px;
    background-image:url(../images/searchByBG.png);
}

.searchOptions .center p
{
    margin-left:10px;
    display:block;
    float:left;
    padding-top:3px;
    height:30px;
    font-weight:bold;
    font-size:13px;
}

.searchOptions .center table
{
    display:block;
    float:left;
}

.searchOptions .center table tr td
{
    display:inline-block;
    float:left;
    padding-left:20px;
    font-size:12px;
    color:#4D4D4D;
    overflow:hidden;
}

.searchOptions .center table tr td label
{
    display:block;
    float:left;
    font-size:12px;
    width:50px;
    color:#4D4D4D;
    padding-top:5px;
}

.searchOptions .center table tr td input 
{
    vertical-align:bottom;
    display:block;
    float:left;
    width:25px;
}

.searchOptions .right
{
    display:block;
    float:left;
    width:16px;
    height:46px;
    background-image:url(../images/searchByRight.png);
}


/**
 *  -- BANNER --
 */
 
.banner
{
	margin-bottom:10px;
	width:780px;
	height:280px;
	background-color:#ccc;
	background-image:url(../images/banner.jpg);
}

/**
 *  -- MENU --
 */
 
#menu
{
	clear:both;
	margin-bottom:10px;
	width:780px;
	padding:5px 0px 5px 0px;
	background-color:#000000;
}

#menu ul
{
	display:block;
	margin:0px;
	padding:0px 5px 8px 8px;
	width:767px;
	background-color:#000;
}

#menu ul li
{
	display:block;
	float:left;
	min-width:50px;
}

#menu ul li a
{
	font-size:12px;
	display:block;
	padding:5px;
	background-color:#000;
	text-decoration:none;
	color:#FFF;
	overflow:hidden;
}

#menu ul li a:hover{ background-color:#F2F2F2; padding-bottom:4px; border-bottom:1px solid #B3B3B3; color:#000; }


/**
 *  -- CONTENT --
 */
 
#content
{
    clear:both;
	margin-bottom:10px;
	padding:20px 10px 20px 10px;
	width:758px;
	height:530px;
	min-height:530px;
	height:auto !important; 
	background-image:url(../images/contentBG.png);
	background-repeat:repeat-x;  /* Cancelar en IE6 */	
	background-color:#FFF; /* ARREGLAR LA TRANSPARENCIA */	
	border:1px solid #ccc;
	float:left;
	overflow:hidden;
}

/**
 *	-- ITEMS --
 */

.item
{
	float:left;
	margin-top:10px;
	position:relative;
	font-size:100%;
	width:250px;
	height:352px;
	background:url(../images/itemBig.jpg) no-repeat;
}

.item .detail
{
	width:232px;
	height:352px;
	overflow:hidden;
}

.item .Etiqueta
{
	display:block;
	position:absolute;
	right:0px;
	top:0px;
}



.item .detail
{
	padding-top:15px;
}

.item .detail h3
{
	display:block;
	width: 180px;
	max-height:35px;
	overflow:hidden;
	position:absolute;
	overflow:hidden;
	bottom:82px;
	left:30px;
	text-align:left;
}

.item .detail h4
{
	display:block;
	position:absolute;
	width: 180px;
	top:272px;
	left:30px;
	overflow:hidden;
	text-align:left;
}

.item .detail h3 a
{
	text-align:left;
	font-weight:bold;
        letter-spacing:-1px;
	font-size:1.6em;
	color:#4D4D4D;
	text-decoration:none;
}


.item .detail h4 a
{
	text-align:left;
    font-weight:bold;
	font-size:1.1em;
	color:#0D72B9;
	text-decoration:none;
}
/*
.item .detail a.showDetails
{
	font-size:1.3em;
	display:block;
	position:absolute;
	bottom:64px;
	left:62px;
	text-decoration:none;
	color:#FFF;
	width:140px;
	overflow:hidden;
	font-weight:bold;
}
*/
.item .detail a:hover{text-decoration:underline;}

.item .detail .itemImage
{
	display:block;
	margin:0px auto;
	text-align:center;
}

.item .detail .itemImage:hover
{
	margin-top:-5px;
}

.precio p
{
	display:block;
	padding:0 0 0 10px;
	position:absolute;
	bottom:20px;
	color:#333333;
	display:block;
	font-size:2em;
	font-weight:bold;
}


.precio a
{
	position:absolute;
	bottom:13px;
	right:0px;
	text-align:right;
	padding:12px 40px 12px 0px ;
	color:#333333;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/add.png) no-repeat right top;
	height:12px;
}

.precio a:hover{ background-position:right -38px;}

/**
 *	-- BASKET --
 */

.basket
{
	width:201px;
	height:559px;
	margin:0px;
	background-image:url(../images/basketBG.png);
	background-repeat:no-repeat;
	float:left;
	position:relative;
}

 .basket .btnUp, .basket .btnDown
 {
    position:absolute;
    display:block;
    width:27px;
    height:30px;
    left:170px;
    top:79px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(../images/btnCarritoUPDown.png);
 }
 
 .basket .btnUp:hover{ background-position:0px -30px; }
 .basket .btnUp:active{ background-position:0px -60px; }
 
 .basket .btnDown
 {
    top:396px;
    background-position:-30px 0px;
 }
 .basket .btnDown:hover{ background-position:-30px -30px; }
 .basket .btnDown:active{ background-position:-30px -60px; }
 
 .basketProductsMask
 {
    margin-top:80px;
    width:180px;
    height:360px;
    overflow:hidden;
    position: relative;
 }
 
 .basketProduct
 {
    display:block;
    margin-left:25px;
 }
 
 .basketProduct li
 {
    display:block;
    width:135px;
    height:170px;
    margin-bottom:15px;
    overflow:visible;
 }
 
 .basketProduct li div
 {
    width:126px;
    height:166px;
    padding:2px;
    border:2px #CCCBCB solid;
    overflow:visible;
 }
 
 .basketProduct li div div
 {
    position:relative;
    width:124px;
    height:154px;
    padding:0px;
    padding-top:10px;
    border:1px #CCCBCB solid;
    overflow:visible;
 }
 
 .basketProduct li div div a
 {
    display:block;
    margin:0px auto;
    text-align:center;
    margin-bottom:10px;
 }
 
 .btnRemove
 {
    display:block;
    position:absolute;
    width:28px;
    height:28px;
    text-indent:-9999px;
    overflow:hidden;
    top:135px;
    left:110px;
    background-image:url(../images/btnRemove.png);
 }
 
 .btnRemove:hover  { background-position:0px -28px; } 
 
 
 .basketProduct li div div p
 {
    display:block;
    height:15px;
    font-size:13px;
    font-weight:bold;
    padding-top:3px;
    padding-left:10px;
    background-color:#E5E5E4;
 }
 
 .basket .basketTotal
 {
    display:block;
    position:absolute;
    font-size:16px;
    font-weight:bold;
    top:469px;
    left:25px;
    width:140px;
    text-align:center;
 }
 
 .btnBuyNow
 {
    position:absolute;
    top:515px;
    left:25px;
    display:block;
    width:140px;
    height:35px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(../images/btnComprar.jpg);
 }
 
 .btnBuyNow:hover  { background-position:0px -35px; }
 .btnBuyNow:active { background-position:0px -70px; }


.basketDefault
{
    display:block;
    padding-left:10px;
    padding-top:75px;
}

.minus
{
    margin-left:15px;
    display:block;
    float:left;
    width:20px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(../images/btnMinus.jpg);
    
}

.plus
{
    display:block;
    float:left;
    width:20px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(../images/btnPlus.jpg);
}

.txtQty
{
    display:block;
    float:left;
    padding:0px 5px;
    text-align:center;
    width:20px;
}
.refresh
{
    margin-left:6px;
    margin-top:10px;
    display:block;
    width:90px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(../images/btnActualizar.png);
}

/**
 *	-- FOOTER --
 */
 
.footer
{
    display:block;
    clear:both;
	width:780px;
	background-color:#000000;
	margin-bottom:10px;
}

.footer .submenu
{
	background-color:#000000;
	display:block;
	float:right;
	padding:5px;
}

.footer .submenu li
{
	width:auto;
	color:#aaa;
	display:block;
	float:left;
	padding:10px 0px;
}

.footer .submenu li a
{
	display:block;
	text-decoration:none;
	padding:0px 10px;
	font-size:11px;
	color:#AAA;
	border-left:1px solid #AAA;
}

.footer .submenu li a:hover
{
	text-decoration:underline;
	color:#FFF;
}

.MarcianoStudio
{
    display:block;
    float:left;
    background-image:url(../images/marcianoLogo.png);
    background-repeat:no-repeat;
    width:35px;
    height:35px;
    text-indent:-9999px;
    overflow:hidden;
    margin-top:5px;
    margin-left:5px;
}

.MarcianoStudio:hover{ background-position:0px -35px; }

#marcianoTxtBox
{
	background-image:url(../images/marcianoTxtBox.png);
	width:228px;
	height:32px;
	position:absolute;
	visibility:hidden;
	z-index:1000;
}


/***************************************
 *                                     *
 *            PRODUCTS.ASPX            *
 *                                     *
 ***************************************/
 
.portada
{
    width:260px;
    height:280px;
    overflow:hidden;
    float:left;
}

.portada img
{
    display:block;
    margin:0px auto;
}

.gallery
{
    margin:0px;
    margin:0px 0px 15px 30px !important;
}

.gallery, .gallery .imgContainer
{
    float:left;
    width:450px;
    height:280px;
    overflow:hidden;
    background-color:#000;
}

.gallery .imgContainer
{
    float:none;
    position:relative;
}

.gallery .imgContainer

.gallery .imgContainer li
{
    display:block;
    position:relative;
    top:0px;
    left:0px;
}

.gallery .imageControls
{
    position:relative;
    width:450px;
    overflow:hidden;
    height:30px;
    padding-top:5px;
    top:0px;
    left:0px;
    z-index:1000;
    margin-top:-35px;
    background-color:#000;
}

.gallery .btnBack, .gallery .btnPlay, .gallery .btnNext, .gallery .btnStop 
{
    display:block;
    float:left;
    text-indent:-999px;
    width:25px;
    height:25px;
    overflow:hidden;
    background-image:url(../images/btnVisualizador.jpg);  
}

.gallery .btnBack          { background-position:0px 0px; margin-left:190px !important; margin-left:95px;     }
.gallery .btnBack:hover    { background-position:0px -25px;   }
.gallery .btnBack:active   { background-position:0px -50px;   }

.gallery .btnPlay          { background-position:-25px   0px; }
.gallery .btnPlay:hover    { background-position:-25px -25px; }
.gallery .btnPlay:active   { background-position:-25px -50px; }

.gallery .btnStop          { background-position:-50px   0px; }
.gallery .btnStop:hover    { background-position:-50px -25px; }
.gallery .btnStop:active   { background-position:-50px -50px; } 

.gallery .btnNext          { background-position:-75px   0px; }
.gallery .btnNext:hover    { background-position:-75px -25px; }
.gallery .btnNext:active   { background-position:-75px -50px; }

 /*
  * Detalles  del producto
  */ 
  
.details
{
    clear:both;
    border:1px solid #E5E5E4;
    padding:15px;
    margin:15px 15px 0px 15px;
    overflow:hidden;
}

.details h1
{
    font-size:22px;
    background-color:Transparent;
    font-weight:bold;
}

.details h2
{
    font-size:16px;
    line-height:20px;
    background-color:Transparent;
    color:#4D4E4E;
}

.details h3
{
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    background-color:Transparent;
    color:#3399FF;
}


.details .leftCol
{
    width:520px;
    border-right:1px solid #E5E5E4;
    float:left;
    overflow:hidden;
}

.details .rightCol
{
    width:175px;
    float:left;
    overflow:hidden;
}

.details .rightCol .price label
{
    text-align:right;
    font-size:14px;
    font-weight:bold;
    padding:10px 5px 10px 5px;
    width:35px;
    display:block;
    float:left;
}

.details .rightCol .price sup
{
    display:block;
    width:30px;
    height:10px;
    text-indent:-9999px;
    font-size:11px;
}

.details .rightCol .price span
{
    text-align:right;
    font-size:20px;
    width:110px;
    font-weight:bold;
    background-color:#e6e6e6;
    display:block;
    float:right;
    padding:5px;
}

.rightCol .btnAddToCart
{
    margin-top:10px;
    height:35px;
    width:120px;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    float:right;
    background-image:url(../images/btnAddToCart.jpg);
}

.rightCol .btnAddToCart:hover  { background-position:0px -35px;}
.rightCol .btnAddToCart:active { background-position:0px -70px;}

 /*Otros detalles*/

.moreDetails .sinopsis, .moreDetails .bookDetails, .moreDetails .otherDetails
{
    display:block;
    line-height:16px;
    border:1px solid #E5E5E4;
    padding:15px;
    margin:0px 15px 15px 15px !important;
    font-size:12px;
    text-align:justify;
    clear:both;
}

 .moreDetails .bookDetails
 {
    display:none;
 }

.moreDetails .btnSinopsis, .moreDetails .btnDetalles
{
    margin-left:15px !important;
    margin-left:7px;
    margin-top:15px;
    height:20px;
    width:130px;
    display:block;
    text-indent:-999px;
    overflow:hidden;
    float:left;
    position:relative;
    z-index:10;
    background-image:url(../images/btnSinopsis.png);
    background-repeat:no-repeat;
    background-position:0px -20px;
}

.moreDetails .btnSinopsis.selected { background-position:0px 0px; cursor:default;}
.moreDetails .btnSinopsis.selected:hover { background-position:0px 0px;}
.moreDetails .btnSinopsis:hover     { background-position:0px -40px;}


.moreDetails .btnDetalles
{
    position:static;
    margin-left:-20px !important;
    width:176px;
    background-image:url(../images/btnMoreDetailsBook.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
}

.moreDetails .btnDetalles.selected:hover { background-position:0px -40px; cursor:default;}
.moreDetails .btnDetalles.selected { background-position:0px -40px;}
.moreDetails .btnDetalles:hover     { background-position:0px -20px;}


.moreDetails .bookDetails label
{
    font-weight:bold;
    font-size:12px;
}

.moreDetails .bookDetails .list
{
    display:block;
    border-left:1px solid #E5E5E4;
    padding-left:5px;
    float:left;
    width:165px;
}

 
 /*
  *  Productos recomendados
  */
  
.recommendedProducts
{
    clear:both;
    border:1px solid #E5E5E4;
    padding:15px;
    margin:0px 15px 15px 15px;
}

.recommendedProducts h1
{
    font-size:22px;
    font-weight:bold;
    padding-left:15px;
} 

.recommendedProducts .itemRecommended, .recommendedProducts .itemRecommendedAlternate
{
    width:320px;
    height:140px;
    float:left;
    border:1px #E5E5E4 solid;
    margin:10px;
    margin-left:15px !important;
    margin-left:7px;
}


.recommendedProducts .itemRecommendedAlternate
{
    margin-left:15px;
}

.recommendedProducts  a.imgRecommended, .recommendedProducts  h4, .recommendedProducts  h3, .recommendedProducts  p 
{
    display:block;
    padding:10px;
    float:left;
}

.recommendedProducts  h4, .recommendedProducts  h3, .recommendedProducts  p 
{
    width:160px;
    font-size:11px;
    line-height:14px;
    padding-bottom:0px;
}

.recommendedProducts  h3, .recommendedProducts  h3 a
{
    padding-top:0px;
    font-size:12px;
    font-weight:bold;
    color:#3399ff;
}


.recommendedProducts  a.imgRecommended
{
    width:110px;
    height:120px;
    overflow:hidden;
}

.recommendedProducts  a.imgRecommended img
{
    display:block;
    margin:0px auto;
}

.recommendedProducts  h4 
{
    padding-top:20px;
    padding-bottom:5px;
    width:150px;
}

.recommendedProducts  h4 a
{
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

.recommendedProducts  h4 a:hover
{
    text-decoration:underline;
}



/*
 *  Comments
 */

.comments
{
    clear:both;
    border:1px solid #E5E5E4;
    padding:15px;
    margin:15px;
}

.comments h1
{
    font-size:22px;
    font-weight:bold;
    padding-left:15px;
    margin-bottom:15px;
}

/* Comment */

.comment
{
    width:600px;
    padding:30px;
    border:1px dashed #00ADEE;
    margin-left:15px;
    margin-bottom:15px;
    position:relative;
}

.comment .AvatarContainer
{
    float:left;
    width:50px;
    height:50px;
    overflow:hidden;
    position:absolute;
    top:30px;
    left:30px; 
    background-image:url(../images/icoAvatar.jpg); 
}
.comment h2 /* Titulo */
{
   float:left;
   width:400px;
   font-size:18px;
   font-weight:bold;
   padding-left:70px;
} 

.comment h5 /* Fecha */
{
   float:right;
   width:130px;
   font-size:13px;
   font-weight:bold;
   text-align:right;
} 

.comment h3 /* Usuario */
{
   float:left;
   font-size:14px;
   font-weight:bold;
   color:#00ADEE;
   width:530px;
   padding-left:70px;
   margin-top:5px; 
}   

.comment h4 /* calificacion */
{
   float:left;
   width:100px;
   font-size:12px;
   font-weight:bold;
   width:530px;
   padding-left:70px; 
   margin-top:5px;
}

.stars1, .stars2, .stars3, .stars4, .stars5
{
    display:block;
    overflow:hidden;
    background-image:url(../images/starRating.png);
    width:75px;
    height:15px;
    text-indent:-9999px;
}

.stars2 { background-position: 0px -15px; }
.stars3 { background-position: 0px -30px; }
.stars4 { background-position: 0px -45px; }
.stars5 { background-position: 0px -60px; }


.comment p /* comentario */
{
   font-size:12px;
   float:left;
   display:block;
   padding-left:70px;
   width:530px;
   margin-top:20px;
}


/* Comment Login */

.commentLogin
{
    width:600px;
    padding:30px;
    border:.25em dotted #B3B2B3;
    margin-left:15px;
    margin-top:15px;
    margin-bottom:20px;
    clear:both;
}

.commentLogin h1
{
    font-size:20px;
    font-weight:bold;
    padding-left:0px;
}

.commentLogin p
{
    font-size:18px;
    padding:0px 0px 20px 0px;
    color:#4D4E4E;
}

.commentLogin .btnCommentLogin
{
    display:block;
    width:316px;
    height:30px;
    float:left;
    margin-top:5px;
    background-image:url(../images/btnCommentLogin.png);
    text-indent:-999px;
    overflow:hidden;
    position:relative;
    z-index:5;
}

.commentLogin .btnCommentLogin:hover  { background-position: 0px -30px; }
.commentLogin .btnCommentLogin.selected { background-position: 0px -60px; cursor:default; }

.commentLogin .btnCommentRegistrar
{
    display:block;
    width:310px;
    height:30px;
    float:left;
    margin-left:-26px;
    margin-top:5px;
    background-image:url(../images/btnCommentRegistrar.png);
    text-indent:-999px;
    overflow:hidden;
}


.commentLogin .btnCommentRegistrar:hover  { background-position: 0px -30px; }
.commentLogin .btnCommentRegistrar.selected { background-position: 0px -60px; cursor:default; }


.commentLogin .innerCommentLogin, .commentLogin .innerCommentRegister
{
    clear:both;
    background-color:#E6E7E8;
    padding:0px 20px;
}

.commentLogin dl
{
   display:block;
   margin-left:20px;
}

.commentLogin dl dt
{
   display:block; 
   width:210px;
   height:70px;
   float:left;
}

.commentLogin dl dt.btnCommentLoginDt
{
    width:100px;
    margin:0px;
}

.commentLogin dl dt.btnCommentLoginRegisterDt
{
    width:150px;
}

.commentLogin label
{
    display:block;
    font-size:12px;
    color:#4D4E4E;
    width:180px;
    padding:15px 0px 5px 0px;
}


.commentLogin input
{
    display:block;
    padding:7px;
    margin:0px;
    border:1px solid #CCCBCB;
    font-size:12px;
    width:180px;
}

.commentLogin .btnCommentLoginSubmit
{
    display:block;
    width:102px;
    height:32px;
    padding:0px;
    margin-top:27px;
    background-image:url(../images/btnLogin.jpg);
    text-indent:-9999px;
    font-size:1px;
    line-height:100px;
    overflow:hidden;
    float:left;
}

.commentLogin .chkCommentLoginRecordar input
{
    border:none;
    display:block;
    float:left;
    width:auto;
}

.commentLogin p.commentLoginControls
{
    display:block;
    margin-top:15px;
    padding:10px 0px;
    float:right;
    clear:both;
}

.commentLogin .chkCommentLoginRecordar
{
    display:block;
    float:left;
}

.commentLogin .chkCommentLoginRecordar label
{
    display:block;
    float:left;
    padding:5px;
    width:auto;
    padding-right:10px;
    margin-right:10px;
    border-right:1px #929497 solid;
}

.commentLogin p a
{
    font-size:12px;
    margin-top:4px;
    display:block;
    float:left;
}

    /* Registrarse*/
.commentLogin .innerCommentRegister
{
    display:none;
}

.commentLogin .innerCommentRegister dl dt
{
   display:block; 
   float:none;
   margin-left:20px;
   height:70px;
   width:250px;
}

.commentLogin .innerCommentRegister .btnCommentRegisterSubmit
{
    display:block;
    width:140px;
    height:35px;
    margin-top:27px;
    background-image:url(../images/btnRegistrate.jpg);
    text-indent:-999px;
    overflow:hidden;
}

.commentLogin .innerCommentRegister .btnCommentRegisterSubmit:hover  { background-position: 0px -35px; }
.commentLogin .innerCommentRegister .btnCommentRegisterSubmit:active{ background-position: 0px -70px; cursor:default; }

.innerCommentRegister .ValidatorImage 
{
    float:left;
    display:block;
}


/* New Comment */    

.newComment
{
    width:600px;
    padding:30px;
    border:1px dashed #B3B2B3;
    margin-left:15px;
    margin-top:15px;
    clear:both;
}

.newComment h1
{
    font-size:21px;
    font-weight:bold;
    padding-left:15px;
}

.newComment label
{
    display:block;
    padding:15px 0px 5px 0px;
    font-size:13px;
}

.newComment .titulo 
{
    width:450px;
    float:left;
}

.newComment .titulo input
{
    padding:5px;
    border:1px #CCCBCB solid;
    width:430px;
    font-size:12px;
}


.newComment .calificacion 
{
    width:110px;
    float:left;
    margin-left:40px;
}

.newComment .starIncomplete, .newComment .starComplete /* Estrellas */
{
    display:block;
    background-image:url(../images/icoStar.png);
    width:15px;
    height:15px;
    float:left;
    margin-top:5px;
    text-indent:-999px;
    overflow:hidden;
    background-position:0px -15px;
}  

.newComment .starComplete
{
    background-position:0px 0px;
}  



.newComment .comentario
{
    clear:both;
}

.newComment .comentario textarea
{
    clear:both;
    padding:5px;
    border:1px #CCCBCB solid;
    width:585px;
    height:100px;
    font-size:12px;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

.btnSubmitComment
{
    display:block;
    width:100px;
    height:30px;
    margin-top:15px;
    margin-left:500px;
    background-image:url(../images/btnComentar.jpg);
    text-indent:-999px;
    overflow:hidden;
}

.btnSubmitComment:hover  { background-position:0px -30px;}
.btnSubmitComment:active { background-position:0px -60px;}

/***************************************
 *                                     *
 *              BUY.ASPX               *
 *                                     *
 ***************************************/
 
  h2.StepTitle
 {
    background-color:#000000;
    color:#FFFFFF;
    font-size:16px;
    padding:7px;
    padding-left:20px;
    background-image:url(../images/blueArrow.jpg);
    background-repeat:no-repeat;
    background-position:5px 10px;
    margin-bottom:5px;
 }
 
 .buyStepsMenu
 {
    margin:0px;
    padding:0px;
 }
 
 .buyStepsMenu span
 {
    display:block;
    float:left;
    padding:5px;
    padding-top:7px;
    background-color:#E6E7E8;
    margin-left:10px;
    font-size:13px;
 }
 
 .buyStepsMenu span span
 {
    display:block;
    padding:3px 3px 0px 5px;
    overflow:hidden;
    margin-right:5px;
    background-color:#000000;
    color:#FFFFFF;
 }
 
 .buyStepsMenu  span.active
 {
    background-color:#000000;
    color:#FFFFFF;
 }
 
 .buyStepsMenu span.active span
 {
    background-color:#3FA9F5;
    color:#000000;
 }
 
 .StepsContainer
 {
    margin:0px;
    border:1px solid #CCCCCC;
    padding:15px;
 }
 
 
 .BasketHead
 {
    border:1px solid #CCCCCC;
    padding:5px;
    margin-bottom:10px;
 }
 
 .BasketHead p
 {
    font-size:16px;
    text-align:center;
    float:left;
 }
 
.BasketItem
{
    padding:10px;
    border:1px solid #CCCCCC;
    margin-bottom:15px;
}

.hDescripcion
{
    width:500px;
}

.hCantidad
{
    width:100px;
    text-align:left;
}

.hPrecio
{
    width:100px;
}
 
.BasketImage
{
    display:block;
    float:left;
    border:none;
    padding-right:10px;
}

.BasketItemDescription
{
    width:500px;
    float:left;   
}

.BasketItemDescription h3
{
    padding-top:20px;
    font-size:15px;
    font-weight:bold;
}

.BasketItemDescription h4
{
    font-size:13px;
    font-weight:bold;
    color:#4D4D4D;
    margin-bottom:20px;
}

.BasketItemDescription h5
{
    font-size:12px;
    font-weight:bold;
    color:#4D4D4D;
}

.BasketItemDescription h5 span
{
    padding:3px;
    font-size:15px;
    font-weight:bold;
    background-color:#E6E6E6;
    color:#4D4D4D;
}



.BasketItemQuantity
{
   width:100px;
   float:left;
   font-size:17px;
   font-weight:bold;
   color:#1A1A1A;
   padding-top:20px;
   text-align:left;
}

.BasketItemQuantity p
{
    text-align:center;
}

.BasketItemTotal
{
    width:100px;
    float:left;
    text-align:right;
    font-size:17px;
    font-weight:bold;
    color:#1A1A1A;
    padding-top:20px;
}

.BasketItemTotal p
{   
    display:block;
    background-color:#E6E6E6;
    float:right;
    padding:5px;
} 

.BasketFooter
{
    padding:5px;
    padding-right:15px;
    margin-bottom:20px;
}

.BasketFooter span
{
    width:90px;
    padding:7px 0px;
    background-color:#e6e6e6;
}

.BasketFooter .Total span
{
    background-color:#3399ff;
    color:#fff;
}

.BasketFooter .Total
{
    font-weight:bold;
}

.BasketFooterLegend
{
    padding-left:15px;
    padding-top:15px;
    font-size:12px;
    width:500px;
    display:block;
    float:left;
}

.BasketFooterTotal
{
    text-align:right;
    width:190px;
    display:block;
    float:left;
    padding:0px;
    font-size:18px;
}

.BasketFooterTotal span
{
    margin-top:7px;
    margin-left:10px;
    display:inline-block;
    padding-right:5px;
    background-color:#E6E6E6;
    color:#1A1A1A;
}

.btnRegresar
{
    margin-left:470px !important;
    margin-left:250px;
    float:left;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    width:120px;
    height:35px;
    background-image:url(../images/btnRegresar.jpg);
}

.btnRegresar:hover  { background-position:0px -35px;}
.btnRegresar:active { background-position:0px -70px;}


.btnComprarInterno
{
    margin-left:15px;
    display:block;
    float:left;
    overflow:hidden;
    text-indent:-9999px;
    width:120px;
    height:35px;
    background-image:url(../images/btnComprarInterno.jpg);
}

.btnComprarInterno:hover  { background-position:0px -35px;}
.btnComprarInterno:active { background-position:0px -70px;}


.btnAddToCartSearch, .btnContinuar
{
    margin-left:15px;
    display:block;
    float:right;
    overflow:hidden;
    text-indent:-9999px;
    width:200px;
    height:30px;
    background-image:url(../images/btnAddToCarrito.jpg);
}

.btnAddToCartSearch:hover{ background-position:0px -30px;}
.btnAddToCartSearch:active{ background-position:0px -60px;}

.btnContinuar
{
    width:120px;
    height:35px;
    background-image:url(../images/btnContinuar.jpg);
}


.btnContinuar:hover  { background-position:0px -35px;}
.btnContinuar:active { background-position:0px -70px;}

.panelFactura
{
    display:none;
}
 
 /*  STEP 2
 */

.btnContinuar.step2
{
    float:right;
}
 
 .BasketContent
 {
    border:1px #CCCCCC solid;
    padding:10px;
    margin-top:-5px;
    margin-bottom:10px;
 }
 
 .BasketUlData
 {
    margin:0px auto;
 }
 
 .BasketContent input, .BasketContent label
 {
    font-size:12px;
 }
 
 .BasketUlData li
 {
    display:block;
    float:left;
    width:250px;
    height:50px;
    padding:20px 0px 0px 20px;
 }
 
 .BasketUlData li label
 {
    display:block;
    width:250px;
    color:#000;
    font-size:12px;
    font-weight:bold;
    padding-bottom:5px;
 }
 
 .BasketUlData li input, .BasketUlData li select
 {
    padding:5px;
    font-size:12px;
    width:200px;
    color:#4D4E4E;
    font-size:12px;
    border:1px #CCCBCB solid;
 }
 
 .BasketUlData li input.inputLada
 {
    display:block;
    float:left;
    width:30px;
 }
 
 .BasketUlData li input.inputPhone
 {
    margin-left:10px;
    display:block;
    float:left;
    width:145px;
 }
 
 .ValidatorImage
 {
    display:inline-block;
    text-indent:-9999px;
    background-image:url(../images/icoBad.png);
    width:15px;
    height:20px;
    background-repeat:no-repeat;
 }
 
 /**************************************
 *                                     *
 *              SEARCH.ASPX            *
 *                                     *
 ***************************************/
 
 
 .SearchItem
 {
    display:block;
    line-height:16px;
    border:1px solid #E5E5E4;
    padding:15px;
    margin:0px 15px 15px 15px !important;
    font-size:12px;
    text-align:justify;
    clear:both;
 }
 
 .SearchItem .ImageContainer
 {
    display:block;
    width:110px;
    height:120px;
    overflow:hidden;
    float:left;
 }
    
 .SearchItem img
 {
    display:block;
    margin:0px auto;
 }
     
 .SearchItem h1 a
 {
    font-size:21px;
    font-weight:bold;
    display:block;
    padding-bottom:5px;
    color:#000000;
    text-decoration:none;
 }
 
 .SearchItem h1 a:hover { text-decoration:underline; }
 
 .SearchItem h2 a
 {
    font-size:16px;
    text-decoration:none;
    padding-bottom:10px;
    color:#3399ff;
 }
 
 .SearchItem h2 a:hover { text-decoration:underline; }
 
 .SearchItem p
 {
    font-size:12px;
    color:#4E4E4E;
 }
 
 .SearchItem .TextContainer
 {
    width:550px;
    padding-left:20px;
    float:left;
 }
 
 .SearchItem .price
 {
    display:block;
    padding-top:10px;
 }
 
 .SearchItem .price span
 {
    display:block;
    font-size:14px;
    float:left;
    padding-top:6px;
 }
 
 .SearchItem b
 {
    display:block;
    padding:5px;
    background-color:#E5E5E4;
    color:#4E4E4E;
    float:left;
    font-size:16px;
 }
 
 .btnConsultar
 {
    width:100px;
    height:30px;
    background-image:url(../images/btnConsultar.png);
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    float:right;
 }
 
 /* --------- ETIQUETAS ----------------- */
 
 .ProductTitle
 {
    display:block;
    float:left;
    margin-top:2px;
 }
 
 .Etiqueta
 {
    width:84px;
    height:89px;
    background-image:url(../images/promo.png);
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
 }
 /* Ninguna = 0	
    Descuento 10% = 1	
    Descuento 15% = 2	
    Descuento 20% = 3	
    Recomendado	= 4
    Más vendido	= 5
    Saldo = 6	
    Dañado = 7
    Nuevo = 8
*/
 .E0{ display:none; visibility:hidden; }
 .E1{ background-position:0px 0px; }
 .E2{ background-position:0px -89px; }
 .E3{ background-position:0px -178px;}
 .E4{ background-position:0px -267px;}
 .E5{ background-position:0px -356px;}
 .E7{ background-position:0px -445px;}
 .E8{ background-position:0px -534px;}
 .E6{ background-position:0px -623px;}
 
 .EtiquetaMini
 {
    display:block;
    float:left;
    width:60px;
    height:11px;
    margin-left:5px;
    background-image:url(../images/promoMini.png);
    text-indent:-9999px;
    overflow:hidden;
    background-repeat:no-repeat;
 }
 /* Ninguna = 0	
    Descuento 10% = 1	
    Descuento 15% = 2	
    Descuento 20% = 3	
    Recomendado	= 4
    Más vendido	= 5
    Saldo = 6	
    Dañado = 7
    Nuevo = 8
*/
 .EM0{ display:none; }
 .EM1{ background-position:0px 0px;   }
 .EM2{ background-position:0px -11px; }
 .EM3{ background-position:0px -22px; }
 .EM4{ background-position:0px -33px; }
 .EM5{ background-position:0px -44px; }
 .EM7{ background-position:0px -55px; }
 .EM8{ background-position:0px -66px; }
 .EM6{ background-position:0px -77px; }
 
 
 /*
 *    -> AVISO
 */
 
 .aviso
 {
    border:1px solid #dddddd;
    background-image:url(../images/avisoBackground.png);
    background-repeat:repeat-x;
    margin:15px;
    padding:20px;
    overflow:hidden;

 }
 
 .aviso h1
 {
    color:#0374bf;
    padding:0px;
    margin:0px;
    font-size:36px;
    font-weight:bold;padding:0px;
    
 }
 
 .aviso h2
 {
    padding:0px;
    font-size:18px;
    font-weight:normal; 
    padding-bottom:20px;
 }

 .aviso p
 {
    font-size:12px;
    line-height:18px;
    color:#333333;
 }
 
 .atencionIcon, .commentIcon, .noResultsIcon, .mailIcon
 {
    float:left;
    width:110px;
    height:120px;
    padding-left:20px;
    background-position:0px -120px;
    background-image:url(../images/avisoIconos.png);
    background-repeat:no-repeat;
 }
 
 .mailIcon
 {
    background-position:0px 0px;
 }
 
 .commentIcon
 {
    background-position:0px -240px;
 }
 
 .noResultsIcon
 {
    background-position:0px -360px;
 }
 
 
 /**************************************
  *         
  *             CONTACTO
  *
  ***************************************/
  
  
.contact h1
{
    font-family: Frutiger, "Frutiger Linotype",  Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Nimbus Sans L", "Trebuchet MS", Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color:#3FA9F5;
	font-size:24px;
	font-weight:bold;
	padding:10px 0px 10px 20px;
}

.contact h2.infoContacto
{
    font-family: Frutiger, "Frutiger Linotype",  Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Nimbus Sans L", "Trebuchet MS", Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:18px;
	font-weight:bold;
	background-image:url(../images/iconoAditi.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:10px 0px 10px 35px;
}

.contact
{
    font-size:12px;
}

b
{
    font-weight:bold;
}

.contact ul
{
    float:left;
    padding-left:20px;
    padding-right:40px;
}

.contact input, .contact textarea
{
    padding:5px;
    border:1px solid #CCCCCC;
    width:250px;
    font-family: Frutiger, "Frutiger Linotype",  Calibri, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Nimbus Sans L", "Trebuchet MS", Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

.contact textarea
{
    height:150px;
    max-height:150px;
    max-width:250px;
}

.contact label
{
    display:block;
    font-size:13px;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
}

.contact .btnEnviar
{
    width:120px;
    height:35px;
    display:block;
    text-indent:-999;
    line-height:999px;
    font-size:1px;
    background-image:url(../images/btnEnviar.jpg);
}

.contact .btnEnviar:hover{ background-position:0px -35px; }:
.contact .btnEnviar:active{ background-position:0px -70px; }: