﻿/*MIDDLEZone */ 

	/*General*/ 	
	#FZone .ZoneActiveArea { border-top:none}
	#MZone .ZoneActiveArea  .Content{ background:#FFF; border-left:1px solid #d9dadc; border-right:1px solid #d9dadc; padding-bottom:20px; overflow:hidden }
				 
	/*Header*/ 	
	#MZone .ZoneActiveArea .BreadCrumb { margin:0; padding:0; list-style:none; margin-top:3px;
				padding-top:15px; padding-right:10px}/* H-36*/
	#MZone .ZoneActiveArea .BreadCrumb li{ margin:0; padding:0; padding-top:5px; float:right;padding:0 5px; background:none; border-left:1px solid #ccc}
    #MZone .ZoneActiveArea .BreadCrumb li:last-child { border: medium none; }
	#MZone .ZoneActiveArea .BreadCrumb li a{ font-size:12px; text-decoration:none; height:15px;line-height:15px; padding:0 5px}
	#MZone .ZoneActiveArea .BreadCrumb .ActiveLink{ font-weight:bold }
					
	/*Title Sections*/ 	
	#MZone .ZoneActiveArea .HeaderBar { border-bottom:1px solid #ccc; background-color:#F2F0F1 }
	#MZone .ZoneActiveArea .HeaderBar h1{ font-size:20px; margin:12px 30px;font-family:"Oswald:700",sans-serif, Arial, Helvetica;text-shadow: #CCC 0.1em 0.1em 0.1em;
	color:#1E3B81 }
		
	/*Paragraph*/ 	
	#MZone .ZoneActiveArea h2{ font-size:20px; font-weight:normal; margin:10px 0 0 0; padding:10px 20px; border:1px solid #ccc; font-weight:bold; background:#F6F6F6 url(../picfiles/Bg_Title.gif) repeat-x bottom left }
	#MZone .ZoneActiveArea em{ font-weight:bold; color:#2b7a1f }
		
	#MZone .ZoneActiveArea .ItemsArticle ul{ list-style:none }
	#MZone .ZoneActiveArea .ItemsArticle ul li{ background:url(../Picfiles/Icon_Bullet.png) left no-repeat; padding-left:20px; height:25px; margin:20px 0 }
		
    /*Messages */ 	
    #MZone .ZoneActiveArea .MessageBox{ width:600px;  margin:4px auto; font-weight:bold;  padding:10px 20px;padding-left:40px; color:#646464}	
    #MZone .ZoneActiveArea  .General{ background:url(../Picfiles/Icon_InfoGeneral.gif) left no-repeat}		
    #MZone .ZoneActiveArea .Info{ background:url(../Picfiles/Icon_InfoMessage.gif) left no-repeat}		
    #MZone .ZoneActiveArea  .Success{ background:url(../Picfiles/Icon_SuccessMessage.gif) left no-repeat}		
    #MZone .ZoneActiveArea .Error{ background:url(../Picfiles/Icon_ErrorMessage.gif) left no-repeat}		
				
	/*CategryList*/ 	
	#MZone .ZoneActiveArea .CategoryList{ list-style:none; margin:0; padding:0; padding-top:3px}
	#MZone .ZoneActiveArea .CategoryList li{ margin:0; padding:0; height:auto; float:left; font-size:13px; margin-bottom:25px;
		background:none; width:100% }
	#MZone .ZoneActiveArea .CategoryList li img{ float:left; margin-right:14px}
	#MZone .ZoneActiveArea .CategoryList li a{ text-decoration:none}
	#MZone .ZoneActiveArea .CategoryList li h3{color:#646464; font-size:15px; background:#F6F6F6 url(../picfiles/Bg_Title.gif) repeat-x bottom left; border:1px solid #ccc;  }
	#MZone .ZoneActiveArea .CategoryList li a:hover h3{color:#338925}

    /*AcordeonMenu*/
    #MZone .ZoneActiveArea .AcordeonMenu ul { list-style:none; margin:0; padding:0  }
    #MZone .ZoneActiveArea .AcordeonMenu ul li { }
    #MZone .ZoneActiveArea .AcordeonMenu ul li a { height:37px; line-height:37px; display:block; font-size:12px; background-color:#444E5A; text-decoration:none; border:1px solid #252D40; border-top:1px solid #656E7F; padding-left:10px; color:#fff; font-weight:bold  }
	#MZone .ZoneActiveArea .AcordeonMenu ul li a:hover { background-color:#262D3D }
	#MZone .ZoneActiveArea .AcordeonMenu ul li .ActiveLink { background-color:#262D3D }
			
			
	/*CategoryProducts*/
	#MZone .ZoneActiveArea .CategoryProducts h2 { margin-bottom:20px  }
	#MZone .ZoneActiveArea .CategoryProducts a { display:block; background:#F6F6F6 url(../picfiles/Bg_Title.gif) repeat-x bottom left; border:1px solid #ccc; padding:10px 20px; margin-top:5px; text-decoration:none }
	#MZone .ZoneActiveArea .CategoryProducts a h3 { color:#1E3B81; font-size:15px; padding-left:20px;
		    background:url(../picfiles/Icon_Bullet.png) no-repeat top left  }
	#MZone .ZoneActiveArea .CategoryProducts a:hover{ background:#FBF7EC }
		
		
	/*ListProducts*/ 
		
    div.row { clear:both; display:table; }
	#MZone .ZoneActiveArea .ListProducts { margin-bottom:20px }
	#MZone .ZoneActiveArea .ListProducts h2 { margin:20px 0 }
    #MZone .ZoneActiveArea .ListProducts .product { margin: 0 5px 20px; padding: 2px 0; border: 1px solid #CCCCCC;
        -moz-border-radius: 0 0 5px 10px; -webkit-border-radius: 0 0 5px 10px; border-radius: 0 0 5px 10px; }
    #MZone .ZoneActiveArea .ListProducts .product > a { text-decoration:none; }
    #MZone .ZoneActiveArea .ListProducts .product > a > img { margin: 0; padding: 0; }
    #MZone .ZoneActiveArea .ListProducts .product > a > p { margin: 0; padding: 5px 8px; font-size: 15px; background: #EBEBEB; }
    #MZone .ZoneActiveArea .ListProducts .product:hover { border-color:#262D3D; }
    #MZone .ZoneActiveArea .ListProducts .product:hover > a > p { text-decoration: none; color: #262D3D !important; }
    #MZone .ZoneActiveArea .ListProducts .product > a > span { float:right; padding: 3px 8px 0; }
    #MZone .ZoneActiveArea .ListProducts .product:hover > a > span { color: #262D3D !important; }
    #MZone .ZoneActiveArea .ListProducts #SeeAllBtn { background-color: #EEEEEE; border: 1px solid #AAAAAA; display: block;
        float: right; font-size: 16px; margin-right: 17px; padding: 3px 15px 4px 25px; text-decoration: none;
        -moz-border-radius: 0 0 5px 20px; -webkit-border-radius: 0 0 5px 20px; border-radius: 0 0 5px 20px;
    }
    #MZone .ZoneActiveArea .ListProducts #SeeAllBtn > img { margin: 2px 2px -3px 10px; }
    #MZone .ZoneActiveArea .ListProducts #SeeAllBtn:hover { color: #262D3D } 
		
	/* ProductDetail */
	#MZone .ZoneActiveArea .ProductDetail { margin-top:20px; bottom:20px }
	#MZone .ZoneActiveArea .ProductDetail img { float:left; margin-right:20px }

		
	/*Preguntas Frecuentes*/
	#MZone .ZoneActiveArea .AcordeonPreguntas { list-style:none; margin:0; padding:0 }
	#MZone .ZoneActiveArea .AcordeonPreguntas li h3 { background-color:#ccc; color:#81889A; border-bottom:1px dotted #9D5904; padding:4px 15px }
	#MZone .ZoneActiveArea .AcordeonPreguntas li h3.ActiveLink { color:#9D5904; }
	#MZone .ZoneActiveArea .AcordeonPreguntas li ul { list-style-image:url('../picfiles/Icon_Bullet.png'); }
		
    
	/* PagerBox */
	#MZone .ZoneActiveArea .PagerBox li { margin: 0 3px;  }
	#MZone .ZoneActiveArea .PagerBox li a { background:#E9EBEE; display:block; height: 14px; padding: 9px 11px 10px; text-decoration: none; 
        border:1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	#MZone .ZoneActiveArea .PagerBox li:hover a { background: #E1E1E1 }
	#MZone .ZoneActiveArea .PagerBox li a.ActiveLink { background: #E1E1E1 }
	
    #MZone .ZoneActiveArea .PagerBox.nav.main { display: inline-block; margin-bottom: 0; padding-right: 20px; }
    #MZone .ZoneActiveArea .PagerBox.Score li { color:#767676 }
	