@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
		color: #4b4942;
		background: #404639 url(../images/bg.jpg);
	}
	a{text-decoration: none;color: #5599a7;}
	a:hover{color: #bb800f;}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
    .left, .alignleft {	float:left; }
    .right, .alignright { float:right; }

/* =LAYOUT - the main layout styles */
	/* container */
	#container{
		width: 902px;
		margin: 0 auto 0 auto;
		/* background: #171A0F url(../images/bg_container.png); */
        background: #FFF;
		padding-bottom:10px;
	}

/* =HEADER */
	/* Logo and Site Title */

	h1{
		font-size: 2.4em;
		text-transform: uppercase;
        text-indent: -100000;
        padding-top: 10px;

	}
	h1 a,h1 a:hover{
		display: block;
		width: 900px;
		height: 53px;        
		padding-top:10px;
		background: url(../images/logo.jpg) 0 0  no-repeat;
		color: #7b8266;
	}

/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
	#navigation_wrapper{
		background: #9f3577;
		height: 37px;
		width: 861px;
		margin: 10px auto 20px auto;
        z-index: 100;
	}
	.navigation{
		float: left;
		padding-left:7px;
		height: 37px;
        z-index: 101;
	}
	ul.navigation li{
		float: left;
        zoom: 1;
	}
	ul.navigation a:hover{
		color: #000;
	}
	ul.navigation a:active{
		color: #CCC;
	}
	ul.navigation li a{
		padding: 7px 10px 0 10px;
		height: 30px;
        display: block; 
		float: left;
		font-family: "Trebuchet MS";
		font-size: 1.45em;
		font-weight: bold;
		letter-spacing:-0.03em;
		color: #FFF;
	}
    ul.navigation li:last-child a { 
        border-right: none; 
    } /* Doesn't work in IE */
    
    ul.navigation li.hover, 
    ul.navigation li:hover { 
		background: #c2669f;
        color: #c2669f; 
        position: relative; 
    }

    ul.navigation li.hover a {
        color: #9f3577; 
    }

    /* Two */
    ul.navigation ul { 
        background: #f6f6f6; 
        width: 140px; 
        visibility: hidden; 
        position: absolute; 
        border-bottom: 1px solid #9f3577;
        border-right: 1px solid #9f3577;
        border-left: 1px solid #9f3577;
        top: 100%; 
        left: 0; 
        z-index: 10000;
    }
    ul.navigation .sub_menu ul li{ 
        font-weight: normal; 
        background: #f6f6f6; 
        color: #F0F0F0; 
        float: none; 
    }
								      
    /* IE 6 & 7 Needs Inline Block */
    ul.navigation ul li a { 
        display: block; 
        width: 120px; 
        display: inline-block; 
    } 
    

    /* LEVEL THREE */

    ul.navigation ul ul { 
        left: 100%; 
        top: 0;
        border-top: 1px solid #9f3577;
    }

    ul.navigation li:hover > ul { 
        visibility: visible;
    }
	/* search */
	#search_wrapper{
		float: right;
		height: 30px;
		padding:7px 10px 0 0;
		background: url(../images/navigation_right.gif) right top no-repeat;
	}
	.search{
		background: #FFF;
		border: 1px solid #212417;
		width: 160px;
		height: 24px;
		padding: 3px 2px 0 3px;
		color: #474A40;
	}
/* =MAIN IMAGE */
	#main_image{
		width:860px;
		position: relative;
		margin: 0 auto;
	}
	/* frame: the small rounded image in the corner picture (top,right,bottom,left) */
	#frame_image_top,#frame_image_bottom{
		position: absolute;
		width: 860px;
		height: 7px;
		font-size:0.1em;
		top:0;left:0;
		background: url(../images/frame_image_top.png) top no-repeat;
	}
	#frame_image_bottom{
		bottom:0;top:auto;
		background: url(../images/frame_image_bottom.png) bottom no-repeat;
	}
	* html #frame_image_top,* html #frame_image_bottom{behavior: url(siepngfix.htc);} /* to correct transparent png in IE */

/* =BANNER */
	#banner_wrapper{
		width: 874px;
		overflow: hidden;
		padding:15px 0 0 28px;
	}
	.banner{
		float: left;
		width: 245px;
		float: left;
		background: #FFF url(../images/banner_bg.gif) left repeat-y;
		margin-right:54px;
		padding-bottom:6px;
		position: relative;
	}
	.image_wrapper{text-align: center;}
	.banner img{border: 1px solid #F0F0F0;}
	.banner_last{margin-right:0;}
	.banner h2{
		height: 38px;
		background: url(../images/banner_top.gif) left no-repeat;
		font:1.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
        font-weight: bold;
		color: #7c7c58;
		padding: 15px 0 0 20px;
	}
	/* for the rounded bottom */
	.image_wrapper span{
		position: absolute;
		width: 245px;
		height: 6px;
		font-size:.1em;
		left:0;bottom:-1px;
		background: #FFF url(../images/banner_bottom.gif) bottom no-repeat;
	}
        
    .banner .fijo {
        width:228px;
        height:202px;  
        background: #FFF;    
        margin: 8px;
    }

    .banner .fijo img {
        width:228px;
        height:202px;  
    }
    
    .banner .fijo span.title {
        background: #666;
        z-index: 1001;
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        text-transform: capitalize;
        font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
        height: 20px;
        bottom: 20px;
    }

    .banner .fijo span.unique {
        bottom: 32px;
        margin-left: 8px;
        width: 230px;    
    }

    .banner .fijo div.new_home {
        height: 202px;
    }

    .banner .fijo div.new_home p {
        top 15px;
        margin: 5px;
        text-align: justify;
    }
    .banner .fijo span.title_new {
        background: #666;
        z-index: 1001;
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        text-transform: capitalize;
        font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
        height: 20px;
        width: 228px;
        bottom: 20px;
        display: block;
    }
    
    
    .banner .fijo a {
        color: #FFF;
    }
    
    .banner .fijo a:hover {
        color: #999;
    }
	
/* =SERVICES */
	#services{
		width: 858px;
		margin:26px auto 0 auto;
		position: relative;
		border: 2px solid #3B3F2D;
	}
	#servicescontent{
		width: 858px;
		margin: 0 auto;
		overflow: hidden;
		background: #39442B url(../images/services_bg.jpg) bottom repeat-x;
		padding: 30px 0 20px 0;
	}
	/* sevices header */
	#services h2{
		background: #2d3622 url(../images/services_top_bg.jpg);
		height: 39px;
		font-size:2.5em;
		color: #7C7C58;
		padding: 12px 0 0 40px;
		border-bottom: 1px solid #2b2e1f;
	}
	/* top rounded image */
	#services h2 span{
		position: absolute;
		display: block;
		height: 8px;
		width: 862px;
		left:0;top:0;
		font-size:0.1em;
		background: url(../images/services_top.jpg) left top no-repeat;
		margin: -2px;
	}
	/* bottom rounded image */
	.bottom_rounded{
		position: absolute;
		display: block;
		width: 862px;
		height: 7px;
		font-size:0.1em;
		right:0;bottom:0;
		background: url(../images/services_bottom.jpg) no-repeat;
		margin: -2px;
	}
	/* big image on the right bottom */
	.bottom_pic{
		z-index:2;
		position: absolute;
		padding-right: 28px;
		bottom:2px;right:0;
		width: 287px;
		height: 224px;
		margin-bottom:-2px;
		background: url(../images/services_bg_pic.jpg) left top no-repeat;
	}
	/* list of services */
	.serviceslist{
		padding-left: 30px;
		float: left;
		font-size:1.3em;
		line-height:1em;
	}
	.serviceslist li a{
		display: block;
		padding: 10px;
		width: 197px;
		font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing:-.03em;
		color: #7B8266;
		background: #323C26 url(../images/list_dotted_border.gif) bottom repeat-x;
	}
	.serviceslist li a:hover{
		color: #7B8266;
		background: #2C3421 url(../images/list_dotted_border.gif) bottom repeat-x;
	}
	
/* =FOOTER */
	#footer_wrapper{
		width: 871px;
		padding-left:31px;
		padding-bottom:25px;
		margin: 0 auto;
		text-transform:uppercase;
		font-size: 1.2em;
		background: url(../images/footer_left.png) 0 0 no-repeat;
	}
	#footer{
		position: relative;
		width: 840px;
		height: 67px;
		background:  url(../images/footer_bg.png) 0 bottom repeat-x;
	}
	#footer .logo{
		padding: 34px 0 0 10px;
		width: 300px;
		float: left;
	}
	#footer .logo span{
		position: absolute;
		display: block;
		right:-31px;top:0;
		width: 31px;
		height: 67px;
		background: url(../images/footer_right.png) right bottom no-repeat;
	}
	* html #footer .logo span, * html #footer_wrapper{behavior: url(iepngfix.htc);}
	#footer ul{
		padding-top: 34px;
		padding-right: 5px;
		float: right;
	}
	#footer ul li{
		float: left;
		padding-left:10px;
	}
	#footer a{
		color: #7B8266;
        font-weight: bold;
	}
	#footer li a:hover{
		color: #AFBB4F;
	}
/*= Content */
    #content {
        padding: 0px;
        margin-left: 20px;
        margin-right: 20px;
        text-align: justify;
    }
/*= About */
    #content .info-in {
        margin: 0px 200px 0 20px;
        width: 550px;	
        text-align: justify;
        font-family: "verdana",sans-serif;
        font-size: 13px;
        font-style: normal;
        color: #3C3C3C;
        font-weight: 400;    
        line-height: 25px; 	 
    }

    #content h2{
        font-family: "Trebuchet MS",sans-serif;
        font-size: 40px;
        font-style: oblique;
        color: #D9007B;
        margin-left: 20px;
        margin-bottom: 5px;
    }

    #content .info-in hr{
        border-top: 1px dashed #f0f0f0;
        border-bottom: 0px;
        width: 400px;
        margin-left: 30px;
    }

    #content img {
	    width: 300px;
        float: right;
    }

    #content #slogan{
        color: #F75E00;
        text-align: right;
        font-family:Cambria,Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
        font-style:italic;
        font-size:24px;
        margin-top: 0px;
    }
    #content blockquote {
        font: 14px/20px "lucida Console",courier;
        color: #666;
        padding: 8px;
        margin: 15px;
        width: 600px;
        background-image: url(../images/openquote1.gif);
        background-position: top left;
        background-repeat: no-repeat;
        text-indent: 23px;
    }
    #content blockquote span {
        display: block;
        background-image: url(../images/closequote1.gif);
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    #content blockquote div.title{
        display: block;
        font: 14px/20px "lucida Console",courier;
        text-align: right;
    }

/*= Contact */
    #content #data {
        font-family: "verdana",sans-serif;
        font-size: 13px;
        font-style: normal;
        color: #666;
        height: 200px;
    }
    #content #data p {
        width: 440px;
        float: left;
    }
    #content #data img {
      	width: 400px;    
        float: right;  
    }
    #content #commentForm {
        margin-top: 20px;
        width: 840px;
        font-family: "verdana",sans-serif;
        font-size: 13px;
        font-style: normal;
        color: #666;
    }
    #commentForm fieldset p, #commentForm fieldset fieldset {
	    padding: 5px 10px 7px;
    }

    #commentForm label { 
        width: 300px; 
        display:block; 
        float: left;
    }
    #commentForm label.error, #commentForm input.submit {
        margin-left: 253px; 
    }

    #content #commentForm div.error { 
        display: none; 
    }
    #content #commentForm input {	
        border: 1px solid #CCC; 
        width:400px; 
    }

    #content #commentForm input:focus { 
        border: 1px solid #666; 
    }

    #content #commentForm input.error { 
        border: 1px solid red;
    }
    #content #commentForm textarea {
    	border: 1px solid #CCC; 
    }
    #content #commentForm textarea:focus { 
        border: 1px solid #666; 
    }
    #content #commentForm textarea.error { 
        border: 1px solid red; 
    }        text-transform: capitalize;

/*= News */
    #content .new {
    	margin:0 0 25px 0;        
    }
	#content .new-meta {
		margin:0 0 23px 0; padding:0;
		border-bottom:1px solid #FFF;
		position:relative;
	}

	#content h3.new-title {
		margin:0; padding:10px 0;
		width:860px; height:auto;
		border-bottom:4px solid #30393d;
        text-transform: capitalize;
    	font:bold 20px Arial, Helvetica, sans-serif; color:#30393d;
	}
	
    #content .new-info {
        margin:0; padding:10px 5px;
		width:200px; height:auto;
		border-bottom:4px solid #889398;
		bottom:0; right:0;
        text-align: right;
	    font:1.0em Georgia, "Times New Roman", Times, serif; color:#81888d;
		position:absolute;
    }

    #content .new-box {
	    margin:0; padding:0;
	    background:#f4f6f8;
	    border:1px solid #dce7ed;	
        border-top:1px solid #e8ebec;
	    border-bottom:1px solid #cfdbe1; 
    }

    #content .new-content {
    	margin:0; padding:10px 27px 11px;
		border:1px solid #FFF;
        min-height: 100px;
		border-bottom:1px solid #e8ebec;
		position:relative;
    }

    #content .new-box .new-image {
	    margin:10px auto 10px auto;
		width:auto; height:auto;
		display:block;
    }

    #content .new-box .new-image img {
        margin:0 auto; padding:3px;
        margin-left: 10px;
		border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;
		border-bottom:1px solid #e7e8e8;
		text-align:center; display:block;
    }

/*=Catalogs */
    #content .nomove {
        min-height: 350px;
    }
    
    #content #list-accordion {
        width: 860px;
        border: 1px solid #c7c7c7;
    }

    #content h3 {
        text-align: center;
        font-size: 40px;
        line-height: 40px;

        font-weight: bold;
    }

    #content .image-catalog {
        width: 860px;
        height: 350px;
    }

    #content h3 a, #content h3 a:hover {
    }

    #content #list-accordion div {
        margin: 0;
        margin-bottom: 15px;
        padding: 0;
    }

    #content #list-accordion div ul {

    }

    #content #list-accordion div ul li{
        margin: 0;
        padding: 0;
    }
    
/*=Catalog */
	/*   table-display   */

    #content #list-accordion dl.mini-product {
        width: 430px;        
        margin: 0;  
        padding: 0;
        padding-top: 5px;

    }    

    #content #list-accordion dl.mini-product:hover {
        background: #CCC;        
        cursor: hand;
    }    

    #content #list-accordion dl.mini-product dt {
        width: 100px;   
        float: left;     
    }    

    #content #list-accordion dl.mini-product dd {
        width: 304px;     
        padding-left: 10px;   
        height: 100px;
        float: left;
    }    

    #content #list-accordion dl.mini-product em{
        font-weight: bold;
        font-size: 18px;        
    }

    #content #list-accordion dl.mini-product p{
        font-weight: normal;
        font-size: 14px;
        padding-right: 4px;        
    }

    #content #list-accordion dl.mini-product .img-prod {
        width: 100px;
        height: 100px;
        margin-left: 5px;
    }

	#content #list-accordion dl.mini-product a{
        text-decoration: none;
    }

    #content #list-accordion a.more {
        text-decoration: none;
    }

/*=Product */
    #content .details {
        padding: 0px;
        min-height: 510px;
        height: auto !important;
        overflow-x:hidden;
        position: relative;        
    }

    #content  .title {
	    font-size: 3.3em;
	    font-weight: italic;
        color: #6E7DBF;
        letter-spacing:-0.02em;
        text-transform:uppercase;
        text-align: right;
        font-family:Arial,Verdana,sans-serif;
        padding-top:20px;
        margin-bottom: 6px;
        margin-right: 15px;
    }
    #content  #product-detail img{
        float:left;
        border: 1px solid #f0f0f0;
        margin-left:4px;
    }

    #content #description {
        float:right;
        width: 400px;
        text-align: justify;
        margin-right: 15px;
    }

    #content #colors {
        float:right;
        width: 400px;
        margin-left: 20px;
        border: 1px dashed #F0F0F0;
        margin-top: 5px;
        padding: 10px;
        text-align: center;
    }

    #content  #product-detail #colors h3{
	    font-size: 1.2em;
	    font-weight: bold;
        color: #9B0000;
        letter-spacing:-0.02em;
        text-transform:uppercase;
        text-align: center;
        font-family:Arial,Verdana,sans-serif;
        margin-bottom: 6px;
    }

    #content  #product-detail #colors ul {
	    font-size: 12px;
	    font-weight: normal;
        letter-spacing:-0.01em;
        text-transform:uppercase;
        text-align: justify;
        font-family:sans-serif;
        margin-bottom: 6px;
        margin-left: 2px;
        list-style:none;
    }

    #content  #product-detail #colors li p {
       color: #000; 
    }

    #content  #product-detail #colors li{
        height: 50px;
    vertical-align: middle; 
    }

    #content img.thumb {
        height: 40px;
        width: 40px;
    }

    #content #product-detail #colors a {
        border: 0px solid #000;
        padding: 5px 1px;
        margin-left: 5px;
    }


    #content #product-detail .izquierda {
        margin-left: 140px;
        margin-top: -40px;
        position: absolute;

    }

    #content #product-detail #colors a:hover {
        background: #FFFFFF;
        text-decoration:none;
    }

    #content #product-detail #colors a.color span{
        display:none;
        padding:0px 0px;
        margin-top: 0px;
        margin-left:0px;
        width:140px;
    }

    #content #product-detail #colors a.color:hover span{
        display: inline;
        position: absolute;
        border: 2px solid #000;
        width: 140px;
        height: 40px;
        color: #fff;
        text-align: center;
        font-size: 11px;
        letter-spacing: 0.5em;
        font-weight: normal;
        font-family: arial;
    }

    #content #product-detail .subimg{
        border:0px;
        padding: 0px;
        margin: 0px;
    }

    #content #product-detail #imgprin {
		    /* es necesario para evitar un parpadero al quitar la imagen */
		    width: 400px;
            height: 400px;
            margin-top: 5px;
            float:right;
		    background: #FFF url(../images/loading.gif) no-repeat 50% 50%;
            position: absolute;
    }

    #content #product-detail .imgprin img {
            width: 400px;
            height: 400px;
            padding: 3px;
            border: 5px solid #F0F0F0;
    }

    #content #product-detail .name_color {
	    float: left;
	    margin-top: -40px;
	    margin-left: 50px;
        text-transform:uppercase;
	    font-weight: bold;
	    font-size: 13px;
        font-family:Arial,Verdana,sans-serif;
    }
    #content #product-detail .name_color span {
	    display:  block;
	    font-weight: normal;
    }


    #content #product-detail a { color: #000; border:0;}

    #content #product-detail img {
        border: 0px;
    }

    #content #product-detail img.fade {
      opacity: 1;
      -webkit-transition: opacity 1s linear;
    }

    #content #product-detail img.fade:hover {
      opacity: 0;
    }


/*=Clearfix */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}