/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: layout.css
 Sitio: www.armavision.com
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for build the layout.
 Estilos para construccion del layout.
--------------------------------------------------------------------------*/

/* Layout
------------------------------------------------------------*/
#wrapper{
	width:774px;
	position:relative;
	margin-left:-387px;
	left:50%;
}
/* Header 
------------------------------------------------------------*/
 #header {}
 #logo{
	width:254px;
	height:177px; 
	float:left;
	background: url(../img/logo.jpg) no-repeat;
 }
 #menuBanner, #menuBannerAdmin, #menuBannerEmpty{
 	width:520px;
	height:177px;
	float:left;
 }
 #menuBanner{
	background: url(../img/banner.jpg) no-repeat;
 }
 #menuBannerAdmin{
	background: url(../img/banner_Admin.jpg) no-repeat;
	position:relative;
 }
 
 #menuBannerEmpty{
	background: url(../img/banner_empty.jpg) no-repeat;
 }
 #menuBannerAdmin  a{
	position:absolute;
 	width:150px;
	height:20px;
	text-decoration:none;
	/*background:#00CC66;*/
 }
 
 #menuBannerAdmin .linkProducts a{
	left:19px;
	top:39px; 
	/*text-indent: -8000px;*/
 }
 #menuBannerAdmin .linkSections a{
	left:19px;
	top:61px; 
	/*text-indent: -8000px;*/
 }
 #menuBannerAdmin .linkBrands a{
	left:19px;
	top:83px; 
	/*text-indent: -8000px;*/
 }
 #menuBannerAdmin .linkExit a{
 	left:19px;
	top:105px;
	/*text-indent: -8000px;*/
 }
 
 
/* =Header
------------------------------------------------------------*/
/* Body
------------------------------------------------------------*/
#body{
	clear:both;
	position:relative;
	background: #E4E3E6;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
}
ul#quickLinks{
	position:absolute;
	left:720px;
	list-style-type:none;
}
#quickLinks li{
	float:left;
}
.separador{
	height:23px; 
	width:1px;  
	background: #CCCCCC;
	margin-left:4px;
	margin-right:4px;
}
#contenido{
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	/* Minimum Height fix for popular web browser */
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
/* =Body
------------------------------------------------------------*/
/* Footer
------------------------------------------------------------*/
#footer{
	font-size:9pt;
	position:relative;
}
#footerTop{
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
	text-align:center;
	padding-top:4px;
	/* Minimum Height fix for popular web browser */
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background:url(../img/footer.jpg) no-repeat #666666 -1px top;
}
#footEnd{
	background: url(../img/footer_end.jpg) no-repeat;
	height:8px;
	z-index:116;
	border:0px;
}

#footer a{
 color:#000000;
 text-decoration:none;
}
#footrt a:hover{
	text-decoration:underline;
}
/* =Footer
------------------------------------------------------------*/

/* Searcher
------------------------------------------------------------*/
#searcher{
	position:relative;
	width:282px;
	background: url(../img/searchBox_background_vtile.jpg) repeat-y;
	color:#FFFFFF;
	text-align:center;
}

#searcher * {
	font-size:9pt;
}

#searchInput{
	width:186px;
	border: 1px #CCCCCC solid;
}

#searcherBody{	
	padding:9px;
	padding-bottom:0px;
	background:url(../img/searchBox_background.jpg) top no-repeat;
	min-height:49px;
	height: auto !important;
	height: 49px;
}
#searcherFoot{
	background: url(../img/searchBox_background_bottom.jpg) bottom no-repeat;
}
#searhBoxSubmit{
	position:relative;
	top:5px;
    width:18px;
	height:23px;
	background: url(../img/ico_search_box.gif) no-repeat;
}
#totalProductsBox{
 width:175px;
 padding-left:20px;
 text-align:left;
 background: url(../img/ico_box.gif) no-repeat;
 margin-left:auto;
 margin-right:auto;

}
/* =Searcher
------------------------------------------------------------*/
/* BoxItem
------------------------------------------------------------*/
#boxItem{
	position:relative;
	width:315px;
	height:299px;
	background:url(../img/box_items_background.jpg) no-repeat;
}
#item{
	position:absolute;
	top: 63px;
	left:48px;
}

#clicUrl
{
 position:absolute;
 left:720px;
}
#clicUrl a
{
	font-size:7pt;
	color:#000000;
	text-decoration:none;
}

#clicUrl h3
{
	font-size:7pt;
	color:#000000;
	font-weight:normal;

}

#www-arma-vision-com-empty { 
    background:none;
    margin:0px;
    padding:0px;
}
 
 #imagePopUp { text-align:center; 
              /* min-height: 366px;
               height: auto !important;
               height: 366px;*/ }