body { margin:0;
}

html, body {
height: 100%;
}

#top {
	height:160px;
	width:100%;
	margin:0 auto;
	}
	
#logo {
	height:120px;
	width:250px;
	margin: 0 auto ;
	background: url(img/engreidoslogo.png) no-repeat bottom center;
	}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;

}

#foot, .push { clear: both; height:50px;}
#foot {
	background: url(img/green80.png) bottom repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color:#FFFFFF;}



.tabs { /* es el rectángulo contenedor */
top:50%;
left:50%;
margin:-200px -500px;
min-height: 400px;
position: absolute;
width: 1000px;
}
.tab { /* cada una de las pestañas */
float: left;
}
.tab label { /* la parte superior con el título de la pestaña */
background: url(img/blank80.png);
border-radius: 15px 15px 0 0;
box-shadow: 0 10px 50px #06C inset;
color: #FFF;
cursor: pointer;
left: 0;
margin-right: 3px;
padding: 5px 36px;
position: relative;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
/* el control input sólo lo necesitamos para que las pestañas permanezcan abiertas así que lo ocultamos */
.tab [type=radio] { display: none; }

/* el contenido de las pestañas */
.content {
background: url(img/blank30.png);
bottom: 0;
left: 0;
overflow-y: scroll;
padding: 20px;
position: absolute;
right: 0;
top: 23px;
margin-top:-3px;	

}
/* y un poco de animación */
.content > * {
opacity: 0;

-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);

-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}

/* controlamos la pestaña activa */
[type="radio"]:checked ~ label {
background: url(img/blank80.png) ;
box-shadow: 0 10px 50px #FF9900 inset;
color: #FFF;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content { z-index: 1; }
[type=radio]:checked ~ label ~ .content > * {
opacity: 1;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}

p {
font-family:Arial, Helvetica, sans-serif;
color: #333;
font-size:14px;
line-height:20px;
text-align:justify;
margin:5px 0 15px 0;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color: #F60;
font-size:20px;
line-height:20px;
margin:0 ;
}

.text {
	width:410px;
	height:330px;
	float:left;
	margin-right:20px;
	overflow-y:scroll;
	padding-right:10px;
}
.float {float:left;}
.float2 {float:left;
		margin-right:20px;}

input {
	padding:5px;
	width:150px;
}

textarea {
	padding:5px;
	width:150px;
	height:50px;
}
div#gallery {overflow: scroll-y;
			width:auto;
				height:300px;}
div#gallery a { margin:4px 4px; float:left;}

div#texto { width:480px; float:left; padding:10px 0 0 10px;}

.floatleft{float:left; padding:10px 0 0 10px;}

.clear {clear:both; width:450px; height:10px;}

.prod_img {
			width:256px;
			height:250px;

}
.prod_txt {
			width:450px;
			height:250px;
			padding:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9pt; 
			float:left;
}
.prod { width:590px; height:auto; clear:both; padding:10px; margin:10px 0 0;
}

#prod_content {width:630px;;
				height:300px;
				overflow-y:scroll;

}





/*Define Accordion box*/
.accordion { width:960px; overflow:hidden; ; color:#474747; padding:0; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:10px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color: #F60; padding:0;}
.accordion section:target p {display:block; float:left; width:180px; font-size:9pt; line-height:12pt; text-align:left; margin:0 15px 0 0;}
.accordion section:target p.ancho {display:block; float:left; width:600px; font-size:9pt; line-height:12pt; text-align:left; margin:0 15px 0 0;}
.accordion section:target p.txt {display:block; float:left; width:250px; font-size:9pt; line-height:12pt; text-align:left; margin:0 15px 0 0;}
.accordion section h2 a{padding:8px 10px;display:block; font-size:22px; font-weight:bold;color:#fff; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: #090 ; margin:3px; }
.accordion section:hover {background: #0C0;}
.accordion section p { display:none;  }
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/

/*Horizontal Accordion *********************************************************************/
.horizontal section{ width:10%; height:330px; 
	-moz-transition:width 0.8s ease-out; 
	-webkit-transition:width 0.8s ease-out;
  	-o-transition:width 0.8s ease-out;
	-ms-transition:width 0.8s ease-out;
  	transition:width 0.8s ease-out;
	border-radius: 10px;
}

/*Position the number of the slide
.horizontal section:after{top:140px;left:15px;}*/

.horizontal section:after {display:none; }

/*Header of closed slide*/
.horizontal section h2 { 
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	width:240px; position:relative; left:-50px; top:175px;
} 

/*On mouse over open slide*/
.horizontal :target{ width:65%;height:310px; border-radius:10px; }
.horizontal :target h2{ top:0px;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg); 
}
/*End Horizontal Accordion *********************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:250px; width:97%; }

.vertical section h2 { position:relative; left:0; top:-15px; }

/*Set position of the number on the slide
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}*/