html { 
  background: #355079 url(images/site/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
}

body {
	overflow-y: scroll;
	width: 100%;
	height:100%;
	margin: 0;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.wity { 
	margin: 0 0 0 -1.5em;
	padding: 0;
	width: 250px;
}


#contenido {

	background-color:#FFFFFF;
	margin:0;
	padding: 2em 0 2em 2em;
	width: 851px;
	border-radius: 0px 0px 5px 5px ;
	height: 100%;
}

.Tip1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 2em 0 1em;
}

.Copy {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2em 0 2em 0;
}

.titulo, .subtitulo, .items li {
	color: #F58634;
}

.titulo {
	font-size: 18px;
	font-weight: bold;
}

li span {
	color: black;
}
.Tip3 {
	color: #355079;
	font-weight: bold;
}

.Tip4 {
	margin: 1em;
}

.boton {
	background: #355079;
	color: white;
	font-weight: bold;
	border: 0px;
	padding: 0.5em;
	width: 5em;
	margin-top: 1em;
	border-radius: 1em;
	cursor:pointer;
}

.texto, .items {
	font-weight: 400;
	font-size: 16px;
	margin-top: -7px;
}

.ficha-tecnica
{
	width:100%;
}

.ficha-tecnica td
{
	border: 1px solid black;
	margin: 0;
	padding: 0.2em;
	text-align: center;
	font-size: 10px;
	width:20%;
}
.ficha-tecnica th
{
	background: #355079;
	color: white;
	margin: 0;
	padding: 0.2em;
	text-align: center;
}

/* Contacto */

#contacto{

	background-color:#FFFFFF;
	margin:0;
	padding: 2em 0 2em 2em;
	width: 851px;
	border-radius: 0px 0px 5px 5px ;
	height: 500px;
}

h3, h2 {
    color: #355079;
}

.contact-list-info {
    list-style: none;
}

.contact_list_wrapper .contact-list-info li a, p {
	text-decoration: none;
	color: black;
	font-size: 15px;
	line-height: 200%;
}

.contact_list_wrapper .contact-list-info li i {
    display: inline;
	margin-right: 5px;
    font-size: 15px;
    color: #F58634;
}
.contact_list_wrapper .contact-list-info li p {
 display: inline;
}

/* nav */
nav {
	position: relative;
	padding-top:10px;
    width:851px;
	margin:0;
	z-index: 100;
}
nav ul {
    list-style:none;
    margin:0;
    padding:0;
}
nav li {
	list-style: none;
	float:left;
}
nav a {
	width:121.8px;
	display:block;
    padding:10px;
    text-decoration:none;
	background: #F58634;
	color: white;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	border-radius: 5px 5px 0px 0px ;
}
nav a:hover {
	background: white;
	color: #F58634;
	
}
nav .current a {
	background: white;
	color: #F58634;
}

nav.center ul {
    text-align: center;
}

/* menu insumos - máquinas */
.titulo-menu, .subtitulo-menu {
	width:20em;
	display:block;
    padding: 0.7em;
    text-decoration:none;
	background: #355079;
	color: white;
	line-height: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}

.titulo-menu {

	border-radius: 5px 5px 0 0 ;
}

.fin-menu, .fin-menu a {

	border-radius: 0 0 5px 5px ;
}

.menu{
	position: relative;
	padding-top:1em;  
	margin:0;
}
.menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
.menu li {
	list-style: none;
	float:left;
	border: 2px solid #355079;
	margin: 0;
}

.menu li a {
	display:block;
}
.menu a {
	width:20em;
	display:block;
    padding: 0.7em;
    text-decoration:none;
	color: #355079;
	line-height: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menu a:hover {
	background: white;
	color: #F58634;
	font-weight: bolder;
	
}
.menu .current a {
	background: white;
	color: #F58634;
	font-weight: bolder;
}

.menu.center ul {
    text-align: center;
}

/* slider */
ul.slider {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 9999px;
}

ul.slider li {
	display: block;
	margin: 0;
	float: left;
	position: relative;
}

ul.slider li img {
	display: block;
	width: 100%;
	height: auto;
}

.caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #355079;
}

.caption p {
	margin: 0;
	padding: 10px 0;
	line-height: 1.5;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.controls {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	display: none;
	opacity: 0.7;
}

.controls a {
	display: block;	
	width: 48px;
	height: 48px;
	overflow: hidden;
	text-indent: -999px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.controls #prev {
	float: left;
	margin-left: 10px;
	background-position: left center; 
}

.controls #next {
	float: right;
	margin-right: 10px;
	background-position: right center; 
}

.bullets {
	list-style-type: none;
	margin: 0.5em 0 0.7em 0;
	padding: 1em 0 0 0;
	text-align: center;
}

.bullets li {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #ccc;
	background: #efefef;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 2px;
	cursor: pointer;
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.bullets li.active {
	border: 1px solid rgba(0, 0, 0, 0.7);
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.sliderWrapper {
	max-width: 800px;
	overflow: hidden;
	position: relative;
}

@media only screen and (max-width: 600px){
	body {

    background-image: url(images/site/bg_movil.png);

}
	#contenido, #contacto {
	border-radius: 5px;
	margin-top:-1px;
}
	nav {
		position: relative;
		min-height: 40px;
		margin:0;
}	
	nav ul {
		width: 15em;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
	nav li {
		display: none;
		margin: 0;
		padding: 0;
		width: 100%
}
	nav .current {
		display: block;
}
	nav a {
		display: block;
		text-align: left;
		border-radius: 0;
		text-align: center;
		margin: 0;
		padding: 0;
		line-height: 200%;
		width: 100%
}
	nav .current a {
		background: none;
		color: #666;
}
	
	nav .primero a {
	border-radius: 5px 5px 0 0 !important;
}
	
	/* on nav hover */
	nav ul:hover li {
		display: block;
}

.Copy {

	font-size: 20px;
}
	
}