#wrapper
{
	width: 980px;
	margin: 0 auto;
}

html
{
	height: 100%;
}

body
{
	/*background: url(../imagenes/fondoweb.jpg) no-repeat center fixed;
	background-size: 100%;*/
	background: #cc2c24;
	font-family: Helvetica;
}

section 
{
    clear: both;
}

strong
{
    font-weight: bold;
}

a
{
	text-decoration: none;
	color:#6CAB72;
}
a:hover {
	color:black;
	text-decoration:underline;
}

div.logo
{
    font-size:0;
    margin: 1% 0 1% 0;
    width: 15%;
    float: left;
}

div.idiomas
{
	font-size:0;
    margin: 4.7% 0 1% 0;
    width: 65%;
    float: left;
}
div.idiomas a {margin:3px 4px;}
div.idiomas a img {margin:2px;opacity:0.8;}
div.idiomas a img.activo,div.idiomas a:hover img {opacity:1;margin:0px;border:2px solid #5ACA65;box-shadow:0px 0px 5px #5ACA65;}

div.espanol
{
	margin-left: 0!important;
	width: 25px;
	height: 16px;
	float: left;
	background: url(../diseno/espanol.gif) no-repeat; 
}

div.ingles
{
	margin-left: 1%;
	width: 25px;
	height: 16px;
	float: left;
	background: url(../diseno/ingles.gif) no-repeat; 
}

div.frances
{
	margin-left: 1%;
	width: 25px;
	height: 16px;
	float: left;
	background: url(../diseno/frances.gif) no-repeat; 
}

div.rumano
{
	margin-left: 1%;
	width: 25px;
	height: 16px;
	float: left;
	background: url(../diseno/rumano.gif) no-repeat; 
}

div.social
{
	width: 20%;
	padding-top: 2.5%;
	float: left;
	margin: 0 0 2% 0;
}

div.twitter
{
	margin-left: 0!important;
	width: 17%;
	height: 33px;
	float: left;
	background: url(../diseno/twitter.png) no-repeat; 
	background-size: 100%;
	border-radius: 50%;
}

div.facebook
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/facebook.png) no-repeat;
	background-size: 100%; 
	border-radius: 50%;
}

div.gplus
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/g+.png) no-repeat;
	background-size: 100%; 
	border-radius: 50%;
}

div.youtube
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/youtube.png) no-repeat;
	background-size: 100%; 
	border-radius: 50%;
}

div.twitter:hover
{
	margin-left: 0!important;
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/twitter_hover.png) no-repeat; 
	background-size: 100%;
}

div.facebook:hover
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/facebook_hover.png) no-repeat;
	background-size: 100%; 
}

div.gplus:hover
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/g+_hover.png) no-repeat;
	background-size: 100%; 
}

div.youtube:hover
{
	width: 17%;
	height: 33px;
	float: left;
	margin-left: 5%;
	background: url(../diseno/youtube_hover.png) no-repeat;
	background-size: 100%; 
}

nav.menu 
{
    float:left;
    width: 100%;
}

nav.menu ul li 
{
	font-size: 9pt;
    clear:right;
    width: 155px;
    line-height: 20px;
    float:left;
    list-style-type: none;
    background: -webkit-linear-gradient(top, #B4FF04, #12F700);
    background: -moz-linear-gradient(top, #B4FF04, #12F700);
    background: -o-linear-gradient(top, #B4FF04, #12F700);
    background: -ms-linear-gradient(top, #B4FF04, #12F700);
    background: linear-gradient(top, #B4FF04, #12F700);


    -webkit-box-shadow: -4px 4px 5px 0 rgba(50, 50, 50, 0.75);
	-moz-box-shadow: -4px 4px 5px 0 rgba(50, 50, 50, 0.75);
	box-shadow: -4px 4px 5px 0 rgba(50, 50, 50, 0.75);
    -o-box-shadow: -4px 4px 5px 0 rgba(50, 50, 50, 0.75);
    -ms-box-shadow: -4px 4px 5px 0 rgba(50, 50, 50, 0.75);

    border-radius: 10px;
    margin:0 0 2% 1%;
}

nav.menu ul li:hover > a,
nav.menu ul li.active
{
	background-color: #014021;
	color: #B4FF04!important;
	border-radius: 10px;

	-webkit-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
	-moz-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
	box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
    -o-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
    -ms-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
}

nav.menu ul li.active > a
{
	background-color: #014021;
	color: #B4FF04!important;
	border-radius: 10px;
}

nav.menu ul li#primero
{
	margin-left:0;
}

nav.menu ul li a 
{
	display: block;	
    text-align: center;
    font-weight: bold;
    padding:2px;
    text-decoration:none;
    color: #014021;
}

nav.menu li.submenu ul li
{
	font-size: 9pt;
	width: 128px;
	clear: both;
}

nav.menu li.submenu2 ul li
{
	width: 155px;
}

nav.menu li.submenu ul li a
{
	color: #014021!important;
	padding: 0;
	line-height: 23px;
}

nav.menu li.submenu ul li:hover a
{
	background-color: #014021;
	color: #B4FF04!important;
	border-radius: 10px;

	-webkit-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
	-moz-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
	box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
    -o-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
    -ms-box-shadow: -4px 4px 5px 0 rgba(0, 220, 20, 0.75);
}

nav.menu li.submenu ul
{
	display: none;
	position: absolute;
	margin-top: 1px;
	z-index: 5;
}

div.principal img
{
	width: 100%;
	border-radius: 10px;
}

.caja
{
	width: 23.2%;
	float: left;
	margin:2% 0 1% 2%;
	background: #FED00B;
	transition:box-shadow ease 0.5s;
	transition-property: background, box-shadow;
	transition-duration: 0.5s;
	transitransition-timing-function: ease;
	border-radius: 10px;
}

.primero
{
	margin-left: 0;
}

.caja:hover
{
	-webkit-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-moz-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-o-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-ms-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
}

.caja img
{
	margin:0 2% 2% 2%;
	width: 96%;
}

.caja h2
{
	text-align: center;
	background: #FED00B;
	color:#1C3839;
	font-size: 10px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	padding: 10px 0 10px 0;
}

.caja a
{
	color: #000;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	clear: both;
	width: 100%;
	text-align: center;
	display: block;
}

div.text
{
	font-size: 13px;
	color: white;
	margin: 2% 0 2% 2%;
	width: 81%!important;
	display: block;
	float: left;
}

div.agronet
{
	font-size: 13px;
	margin: 2% 0 2% 1%;
	width: 15%;
	color: white;
	float: right;
}

div.agronet a
{
	color: white;
	text-decoration: none;
}

div.mapa
{
	width: 100%;
	margin:3% 0 3% 0;
}

section.contenedor
{
	width: 100%;
	float: left;
}

section.izquierda
{
	font-size: 13px;
	width: 74%;
	background: #FFF;
	border-radius: 10px;
	margin:0 0 50px 0;
	padding:1.5% 1% 1% 1%;
	min-height: 550px;
	display: block;
	float: left;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 2px 0px 10px 0px rgba(50, 50, 50, 0.5);
}

section.izquierda h2
{

	font-weight: bold;
	color: #014021;
	margin: 0 0 2% 2%;
}

section.derecha
{
	width: 24%;
	background: #FFF;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top:2%;
	padding-bottom:1%;
	display: block;
	clear: right;
	float: left;
	z-index: 1;
}
section.noticias
{
	width: 23%;
	background: #FED00B;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	display: block;
	clear: right;
	float: left;
	z-index: 1;
	margin-top: 1%;
	padding: 1% 0 1% 1%;
	transition:box-shadow ease 0.5s;
	transition-property: background, box-shadow;
	transition-duration: 0.5s;
	transitransition-timing-function: ease;
}

section.noticias:hover
{
	-webkit-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-moz-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-o-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	-ms-box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
	box-shadow: 0 0 20px 0 rgba(220, 220, 0, 1);
}

section.noticias a
{
	color:#1C3839;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

section.noticias:hover a
{
	color:#014021;
}

div#imagen_empresa
{
	float: left;
	width: 300px;
}

div#imagen_empresa img
{
	width: 100%;
}

div#empresa
{
	width: 425px;
	float: left;
}

div#empresa p
{

	width: 96%;
	padding: 2% 0 1% 2%;
	text-align: justify;
	color: #014021;
}

div.maquina
{
	float: left;
	width: 32%;
	margin-left: 1%;
}

div.maquina img
{
	width: 100%;
	border-radius: 10px;
}

section.derecha div.caja
{
	width: 90%;
	clear: both;
	margin: 5% 0 0 5%;
}

section.contact
{
	color: #014021;
	margin:2% 0 2% 0;
}

div.contactleft,div.contactright
{
	float: left;
	width: 50%;
}

p#contacto
{
	margin: 2% 0 5% 1%;
}

p#nombre,#localidad,#telefono,#email,#mensaje
{
	margin: 1% 0 1% 1%;
}

p#mensaje
{
	margin-top: 2%;
}

p#nombre input,p#localidad input,p#telefono input,p#email input,p#mensaje input
{
	padding: 0.5% 0.5% 0.5%;
}

p#nombre input
{
	margin: 0 8.7% 2%;
}

p#localidad input
{
	margin: 0 6% 2%;
}

p#telefono input
{
	margin: 0 7.2% 2%;
}

p#email input
{
	margin: 0 12% 3%;
}

p#mensaje textarea
{
	padding: 0.5% 0.5% 0.5%;
	margin: -10% 0.8%;
}

button.aceptar
{
	margin:12% 0 0 25%;
}

div#imagen
{
	width: 30px;
	margin-right: 0!important;
	float: left;
}

p#direccion,p.telefono,p#movil,p#mail
{
	width: 300px;
	float: left;
}

p#direccion
{
	margin: 1.5% 0 5% 2%;
}

p.telefono
{
	margin: 2.5% 0 8% 2%;
}

p#movil
{
	margin: 1.5% 0 8% 2%;
}

p#mail
{
	margin: 2.5% 0 8% 2%;
}

section.recambios p
{
	padding-bottom: 1%;
	text-align: justify;
	margin: 1%;
}

section.recambios div#recambio1
{
	width: 40%;
	float: left;
	margin-bottom: 1%;
}

section.recambios div#recambio2
{
	width: 60%;
	float: left;
	padding-top: 7%;
}

section.recambios div#recambio1 img,section.recambios div#recambio2 img,section.recambios div#recambio3 img
{
	width: 100%;
}

a.paginacion
{
	color:#014021;
}

.linea b
{
	color:#014021;
}

a.vermas
{
	color:#014021;
}

a.vermas:hover
{
	color: #5EB935;
}

.lista_productos a div.titulo
{
	color:#014021;
}

.lista_productos a:hover div.titulo
{
	color:#5EB935;
}

.ocasion div.nombreprod,div.precio,div.fechalista
{
    color: #000;
}

.ocasion p
{
    margin-bottom: 2%;
}

.ocasion div
{
    margin-bottom: 1%;
}

.ocasion legend
{
	color: #014021!important;
    font-weight: bold;
    margin-bottom: 1%;
}

.ocasion div.fila.filatitulos.fondob,.ocasion div.fila.filatitulos.fondob a
{
	color: #B4FF04;
    background-color:#014021;
    text-decoration: none;
}

.ocasion div.titulo
{
    margin-right: 18%;
}

.lista_productos li a
{
	display: block;
	border: 1px solid #AAAAAA!important;
	border-radius: 10px;
	-webkit-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

.lista_productos li a img
{
	border-radius: 10px;
	padding:3%;
	max-width:94%;
}

.lista_productos li a:hover
{
	border: 1px solid #666!important;
}

.principal 
{
height:auto;min-height:350px;display:block;
}

.final {position:absolute;bottom:0;color:black}

#pie {
    background: none repeat scroll 0 0 rgba(200, 200, 200, 0.75);
    bottom: 0;
    box-shadow: 0 0 2px 0 #000;
    font-size: 80%;
    position: fixed;
    width: 100%;
}

#pie .pie_inner {
    margin: 0 auto;
    max-width: 1040px;
    padding: 5px 0 5px;
	line-height:26px;
    width: 100%;
}

.company {float:left;display:block;}
.powered {float:right;display:block;}
.powered span {margin-top:-15px;}

.tabla_caracteristicas {width:100%;}
.tabla_caracteristicas tr td {background:#EAEAEA;padding:2px 5px;}
.tabla_caracteristicas tr > td:nth-child(1),.tabla_caracteristicas tr:nth-child(1) > td {background: #FFCC66;}
.tabla_caracteristicas tr:nth-child(1) td:nth-child(1) {background: #009933;}


.izquierda .catalogos {
margin-top:50px !important;
}

.catalogos li img {
margin-right: 10px; 
}

#popup {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.4);
	display: flex;
}
#popup.hide {
	display: none;
}
#popup img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}