* {
	margin: auto;
}
body {
	background:url(../images/bgcolor.jpg);
}
#color {
	background:url(../images/bg.png) center fixed no-repeat;
}
#wrapper {
	width:1000px;
	font-family:"AvantGarde Bk BT";
}
#sidebar {
	width:200px;
	float:left;
	position:fixed;
}
#logo {
	width:150px;
	height:147px;
	margin-top:10px;
}
#menuleft {
	width:150px;
	margin-top:10px;
}
#menuleft ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menuleft ul li {
	display:block;
	height:50px;
	margin-top:5px;
	padding:0px 0 0 0px;
	font-size:16px;
}
#menuleft a {
	text-decoration:none;
	color:#000;
}

#sidebarright {
	width:800px;
	float:right;
	margin-top:30px;
	
}
#menuservice {
	height:80px;
	margin:0 10px;
	width:755px;
	background:url(../images/bgmenuservice.png) no-repeat;
}
#menuservice ul {
	width:540px;
	padding:0;
	list-style:none;
	margin-top:0;
}
#menuservice ul li {
	display:block;
	width:115px;
	height:55px;
	float:left;
	margin:0 10px;
}
#page {
	background:url(../images/bgtransparent.png);
	margin:0 0px;
}
#h1{
	font-size: 35px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}

#espacio {
	width:100px;
	height:85px;
}


#banner {
	width:775px;
	height:400px;
	
}
#content {
	margin:50px;
	margin-top:50px;
	font-size:14px;
}

#footer {
	clear:both;
}
#contacto {
	width:680px;
	margin:10px;
	background:#FFF;
	border:1px solid #F1F1F1;
	-moz-border-radius:20px;
	-moz-box-shadow:2px 2px 5px #999;
	-webkit-border-radius:20px;
	-webkit-box-shadow:2px 2px 5px #999;
	padding:20px;
}


 /* --- viewport configuration ---------------------------------------------------------- */
        .viewport {
            
            float: left;
            height: 45px;
            overflow: hidden;
            position: relative;
            width: 150px;
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
			
		
           
           
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
        }

        .viewport a img {
            height: 50px;
            left: -5px;
            position: relative;
            top: -5px;
            width: 155px;
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span {
            display: none;
            font-size: 2.0em;
            font-weight: bold;
            height: 100%;
            margin-top: 1px;
			padding-left: 14px;
            position: absolute;
            color:#aefc07;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 1.5em;
                
            }
			

div.item { 
		width:150px;
		margin-top:4px;
		height:180px; }
div#item_1 { position: absolute;
			 top: 400px;
			 left: 30px;
			 border: 2px solid  #050505; }

        
			
div.jquery-gdakram-tooltip { 
  width: 340px;
  color: white;
  font-size: 12px;
	position: absolute;
	z-index: 10000;
	top: 0px;
	left: 0px;
	display: none;
}

div.jquery-gdakram-tooltip div.content { 
  -moz-border-radius: 1em; 
  -webkit-border-radius: 1em;
  background-color: #ff0000;
  width: 150px;
  min-height: 150px;
  float: left;
  padding: 10px;
}

div.jquery-gdakram-tooltip div.content h1 {
  font-size: 16px;
  border-bottom: 1px solid #020202;
  padding-bottom: 5px;
}


div.jquery-gdakram-tooltip div.left_arrow {
  float:left;
  background : url('images/left_arrow.png') 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 200px;
  left: 0px;
}
#wrap-produc-compu 									{ width: 540px; margin: 25px auto; position: relative; min-height: 540px;
											  background: url(images/bg.png) top center; }

/*
	TYPOGRAPHY productos computo
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER productos computo
*/
.slider-wrap								{ width: 519px; position: absolute; top: 5px; left: 10px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 519px; height: 305px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 519px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb2 									{ border: 1px solid black; margin-right: 0px; }
#movers-row									{ margin: 0px 0 0 20px; }
#movers-row div								{ width: 16%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.fondo-texto-producto							{ background: url(../images/computo/transpBlack.png); padding:10px; height: 28px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: 5px; 										position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb2 								{ background: transparent url(images/computo/icon-uparrowsmallwhite.png) top center no-repeat; }

/*
	SLIDER servicios
*/
.description {padding-left: 40px;}

/*
	SLIDER acordion mobiliario
*/

       
           
            .titleac{
                width:500px;
                height:152px;
                position:absolute;
                top:0px;
                left:0px;
                background:transparent url(title.png) no-repeat top left;
            }
            ac.back{
                background:transparent url(back.png) 					no-repeat top left;
                position:fixed;
                width:150px;
                height:27px;
                outline:none;
                bottom:0px;
                left:0px;
            }
            
            .reference{
                clear:both;
                top:300px;
                left:0px;
                position:absolute;
                text-align:right;
                width:400px;
                padding:20px;
                background-color:#fff;
                -moz-box-shadow:1px 3px 15px #ddd;
                -webkit-box-shadow:1px 3px 15px #ddd;
                box-shadow:1px 3px 15px #ddd;
            }
            .reference p ac{
                text-transform:uppercase;
                text-shadow:1px 1px 1px #fff;
                color:#666;
                text-decoration:none;
                font-size:10px;
            }