@charset "utf-8";
/* CSS Document */

html {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;	
	font-weight: 500;
	margin: 0;
	padding: 0;
	background-image: url(../imagenes/fondo-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	
}
body {
	
	margin: 0;
	padding: 0;
}

body.inicio{
	width:100%;
	min-height:auto;
	background-image: url(../imagenes/fondo-bg-centrado.png);
	background-position: center ;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
/* ######################################################################### */
/* ############################# (CABECERA) ##################################### */

div.logo{
	position:relative;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	text-align:center;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
	z-index:50;
}

div.logo img#logo-empresa01{
	width:100%;
}

div.logo img#logo-empresa02{
	width:100%;
}


/* ######################################################################### */
/* ############################# NAVBAR ##################################### */


nav img#navbar {
    position: relative;
    padding: 15px 0;
    margin: 0% 48%;
    display: block;
    text-align: center;
}

nav #menu .menu_p_li img {
	display:none;
}

nav #menu .menu_p_li.active img{
	display:none;
    width: 30px;
	height: 20px;
}

nav {
	position: relative;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    min-width: 100%;
    z-index: 90;
	overflow:hidden;	
	background:rgba(255, 255, 255,0.80);
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}


nav #menu {
	position: relative;
	width: 100%;
	min-width:100%;
	margin: 0 auto;
	padding: 0 35px 0 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	overflow: hidden;
}

nav #menu .menu_p_li, nav #menu .menu_s_li {
	position: relative;
	padding: 0;
	display:block;
	vertical-align: text-top;
	line-height: 50px;
	font-size: 20px;
	text-align: center;
    color: #2A803E;
    list-style: none;
    transition: all .45s linear;
}



nav div.bloque_centrado-menu{
	position: relative;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 100%;
    min-width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    overflow: hidden;
}

nav #menu .menu_p_li a, nav #menu .menu_s_li a {
    padding: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: inherit;
}


nav #menu .menu_p_li:last-child {
	margin: 0;
}

nav #menu .menu_p_li:hover,
nav #menu .menu_s_li:hover,
nav #menu .menu_p_li.active,
nav #menu .menu_s_li.active{
    /* padding: 0 20px; */
    color: rgba(52,140,72,1.00);
    border-bottom: 7px solid rgba(52,140,72,1.00);
    text-align: center;
    transition: all .25s linear;
}





#div_sub {
	position: relative;
	vertical-align: middle;
	background-color: rgba(0,0,0,0.40);
	line-height: 50px;
}


nav #menu .menu_s_li ul {
    position: relative;
    margin: 0px 0 0 0;
    padding: 0px;
    display: block;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center;
    color: white;
    z-index: 1;
}
nav #menu .menu_s_li:hover ul {
	width: 100%;
	height: auto;
	color: white;
	text-align: center;
	font-weight: bold;
	z-index: 1;
}
nav #menu .menu_s_li ul li {
	line-height: 2.0em !important;
	font-size: 16px;
}

nav #menu .menu_s_li ul li:hover,nav #menu .menu_s_li ul li:active  {
	transition:all 0.3s ;
}

nav #menu li.menu_s_li ul.submenu{
	height:0;
	min-height:0;
}


/* ######################################################################### */
/* ############################# FOOTER ############################### */


footer {
    position: relative;
    margin: 0px;
    width: 100%;
    /* min-width: 1024px; */
    display: block;
    left: 0;
    bottom: 0;
    background: #db0293;
    font-size: 15px;
    line-height: 5px;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

.footer {
    line-height: 1.5;
    text-align: center;
}


div#footer1 {
    position: relative;
    margin: 0px auto;
    padding: 8px 0;
    display: block;
    /* line-height: 1.5; */
}

p#separador {
	position:relative;
    padding: 0px 0 15px;
    border-bottom: 3px dotted rgba(200,200,200,0.7);
}

b.b1 {
    position: relative;
    margin: 0 10px 0;
    display: block;
    font-size: 16px;
}

b.b2 {
    font-size: 12px;
    display: block;
    margin: 0px;
}

div#footer2 {
    position: relative;
    margin: 0 auto;
    /* padding: 0px 0px 0 40px; */
    display: block;
    vertical-align: text-bottom;
    line-height: 1.5;
}

div#footer-right {
    position: relative;
    /* top: 10px; */
    vertical-align: inherit;
    display: block;
}




/* ######################################################################### */
/* ############################# INICIO ##################################### */
section.inicio{
	margin:0;
	padding:0;
}

section.inicio article{
	margin:0;
	padding:0;
}



section.inicio article .div-central {
    position: relative;
    margin: 100px auto;
    padding: 0px;
    width: 100%;
    /* min-width: 1024px; */
    height: auto;
    text-align: center;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

section.inicio article .parrafo {
    position: relative;
    margin: 0 0;
    padding: 0 15px;
    width: 92%;
    text-align: justify;
    height: auto;
    display: block;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

p.parrafo-inicio {
    width: calc(100% - 20px);
    padding: 20px 10px;
}

b.subraya {
	position:relative;
	display:inline-block;
    text-decoration: underline;
	
}

.manzana {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 15px;
}


/* ######################################################################### */
/* ############################# QUIENES SOMOS ################################## */
.quienes {
    position: relative;
    display: inline-block;
    margin: 10px 10px 0;
}

section.inicio article .div-central-quienes {
    position: relative;
    margin: 100px auto;
    padding: 0px;
    width: 100%;
    /* min-width: 1024px; */
    text-align: center;
    min-height: 550px;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

section.inicio article .parrafo-quienes {
    position: relative;
    margin: 0px 0 0px;
    vertical-align: top;
    padding: 0 15px;
    width: 90%;
    /* min-width: 50%; */
    height: auto;
    text-align: justify;
    display: inline-block;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}


img#quienes {
    width: 100%;
}

/* ######################################################################### */
/* ############################# PRODUCTOS ##################################### */
section.productos article .div-central-quienes{
    position: relative;
    margin: 100px auto;
    padding: 0px;
    width: 100%;
    height: auto;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    word-spacing: 0;
    letter-spacing: 0;
    font-size: 0;
}


section.productos .parrafo-quienes {
    position: relative;
    margin: 0px 35px 0px 0px;
    padding: 5px 0;
    width: 100%;
    font-size: 15px;
    min-height: 350px;
    height: auto;
    display: block;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

section.productos .parrafo-quienes h1 {
    margin: 20px;
}


section.productos .parrafo-quienes h3{
	font-weight:bold;
}

/*SETAS Y HONGOS*/

section.productos .parrafo-quienes .productos-oliva h3{
	margin: 10px 20px;
	color: #778D40;
}

section.productos .parrafo-quienes .productos-oliva p:nth-child(2n) {
    width: calc(100% - 60px);
    padding: 1px 30px;
    background: rgba(183,188,156,0.70);
}


section.productos .parrafo-quienes .productos-oliva p {
    margin: 0;
    padding: 1px 30px;
    color: #778D40;
}

section.productos .parrafo-quienes .productos-oliva p:before {
	content: '++ ';
	color:#778D40;
	font-size:inherit;
}

/*FRUTAS Y VERDURAS*/

section.productos .parrafo-quienes h3{
	margin: 10px 20px;
	color: #778D40;
}

section.productos .parrafo-quienes .productos-oliva2:nth-child(2n+1) {
    width: 100%;
    padding: 1px 0;
    background: rgba(183,188,156,0.70);
}

section.productos .parrafo-quienes .productos-oliva2 p {
    margin: 0;
    padding: 1px 60px;
	color:#778D40;
}

section.productos .parrafo-quienes p.colocacion {
    margin: 10px 20px;
}

section.productos .parrafo-quienes h4.colocacion {
    margin: 20px;
    color: #778D40;
}


.imagen-producto {
    position: relative;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 0 30px 0;
}

img#productos {
    position: relative;
    width: 90%;
    text-align: center;
    vertical-align: top;
    top: 15px;
}


/* ######################################################################### */
/* ############################# ESPECIALIDADES ################################# */
/*TOMATES CON SABOR , HIERBAS AROMATICAS, LEGUMBRES */

section.productos .parrafo-quienes .especialidades-oliva h3{
	margin: 10px 20px;
	color: #778D40;
}

section.productos .parrafo-quienes .especialidades-oliva p:nth-child(2n+1) {
    width: 90%;
    padding: 1px 0 1px 30px;
    background: rgba(183,188,156,0.70);
}

section.productos .parrafo-quienes .especialidades-oliva p {
    margin: 0;
    width: 90%;
    padding: 1px 0 1px 30px;
    color: #778D40;
}

section.productos .parrafo-quienes .especialidades-oliva p:before {
	content: '++ ';
	color:#778D40;
	font-size:inherit;
}

/*MERMELADA*/

.imagen-producto img#productos4 {
    position: relative;
    width: 415px;
    height: 320px;
}

/*CONSERVANTES*/
section.productos .parrafo-quienes-conservantes {
    position: relative;
    width: 100%;
    font-size: 15px;
    min-height: 340px;
    height: auto;
    display: inline-block;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}


section.productos .parrafo-quienes-conservantes .especialidades-oliva h3{
	margin: 10px 20px;
	color: #778D40;
}

section.productos .parrafo-quienes-conservantes .especialidades-oliva p:nth-child(2n+1) {
    width: 92%;
    padding: 10px 0 0 25px;
    background: rgba(183,188,156,0.70);
}
section.productos .parrafo-quienes-conservantes .especialidades-oliva p {
    margin: 0;
    padding: 1px 25px;
    color: #778D40;
}

section.productos .parrafo-quienes-aceite {
    position: relative;
    margin: 0px 0 0px;
    padding: 0 40px 0px 20px;
    width: 530px;
	min-height:340px;
    height: auto;
    display: inline-block;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

.imagen-producto img#productos8 {
    position: relative;
    width: 415px;
    height: 490px;
}
/* ######################################################################### */
/* ############################# CONTACTO ################################## */
section.contacto article .div-central {
    position: relative;
    margin: 100px auto;
    padding: 0px;
    width: 95%;
    height: auto;
    text-align: center;
    background: linear-gradient(rgba(255, 255, 255,0.80), rgba(255, 255, 255,0.80));
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}



div#mapa {
    position: relative;
    display: block;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 600px;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
}

img#icono-horario {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 30px;
    right: 20px;
}

iframe {
    border: 1px solid;
    background-color: #FFFFFF;
    width: 100%;
    display: block;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 61px 0px rgba(0,0,0,0.50);
}



div#calle-localizacion {
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 0;
    text-align: left;
    margin: 10px 5px 0px 50px;
    width: 170px;
    height: 150px;
    display: inline-block;
}

div#calle-localizacion a{
	font-size:12px;
	text-decoration:none;
	color:inherit;
}

div.localizacion{
	position:relative;
	display:block;
	word-spacing:0;
	letter-spacing:0;
	font-size:0;
}

p.localizacion {
    font-size: 14px;
    margin: 0;
    padding: 0px 0px;
    display: block;
}
div#calle-localizacion p.localizacion {
	cursor:pointer;
}

div#calle-localizacion img{
	cursor:pointer;
}


div#calle-localizacion2 {
    position: relative;
    margin: 0 45px 0px;
    padding: 0;
    width: 130px;
    height: 100px;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 0;
    text-align: left;
    display: inline-block;
    color: rgba(155,155,155,1.00);
}

div#calle-localizacion2 a{
	font-size:12px;
	text-decoration:none;
	color:inherit;
}


div#calle-localizacion2 p.localizacion {
	cursor:pointer;
}

div#calle-localizacion2 img{
	cursor:pointer;
}


iframe#mapa-vitaminas{
	display:none;
}


div.facebook {
    position: relative;
    display: block;
    text-align: center;
    height: 5px;
    font-size: 14px;
}

div.facebook1 {
    position: relative;
    text-align: center;
    margin: 0px 12px;
    padding: 0;
    bottom: 150px;
    right: 20px;
    display: block;
}

div.facebook1 a{
	text-decoration:none;
	color:inherit;
}

div.facebook1 a:hover{
	color:rgba(58,89,152,1.00);

}

div.facebook2 {
    position: relative;
    width: 100%;
    display: block;
    bottom: 50px;
    right: 20px;
}

div.facebook2 a{
	text-decoration:none;
	color:inherit;
}


div.facebook2 a:hover{	
	color:rgba(58,89,152,1.00);
}

#calle-localizacion,
#calle-localizacion2{
    color: rgba(155,155,155,1.00);	
}


#calle-localizacion.active,
#calle-localizacion2.active,
#calle-localizacion:hover,
#calle-localizacion2:hover{
    color: rgba(0,0,0,1.00);	
}


/*#########################################################*/
/*######################FORM CONTACTO######################*/

div#contacto {
    background: rgba(255,255,255,0.40);
    padding: 0px 20px 50px;
    min-height: 70vh;
    height: auto;
}

div#contacto form{
    width: 100%;
    height: auto;
}

p.p{
	font-size:14px;
}

div#nombre, div#telefono-email, div#textarea {
    position: relative;
    display: block;
}

div#telefono-email{
	top: -50px;
}

div#textarea {
	width:250px;
}

form input[type=name], form input[type=email], form input[type=tel] {
    position: relative;
    margin: 10px 20px 5px 0px;
    padding: 0 0 0 9px;
    display: inline-block;
    width: 100%;
    border: 0;
    height: 35px;
    max-height: 55px;
    border-radius: 5px;
    background: rgba(255,255,255,1.00);
    outline: none;
    font-size: 18px;
    -webkit-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    -moz-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
}

form input[type=text] {
    position: relative;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    width: 140px;
    height: 35px;
    border: 0;
    max-height: 55px;
    border-radius: 5px;
    background: rgba(255,255,255,1.00);
    outline: none;
    font-size: 18px;
	-webkit-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    -moz-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
}


form textarea {
    position: relative;
    display: inline-block;
    padding: 5px 0 0 10px;
    width: 100%;
    height: 70px;
    bottom: 40px;
    border: 0;
    max-height: 110px;
    background: rgba(255,255,255,1.00);
    outline: none;
    border-radius: 5px;
    font-size: 18px;
    resize: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    -moz-box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
    box-shadow: inset 0px 1px 9px -3px rgba(50, 50, 50, 1);
}

div#textarea {
    width: 100%;
}

input[type=submit] {
    position: relative;
    margin: 15px 5px 0 0;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    vertical-align: text-top;
    background: rgba(148,148,148,1.00);
    border: 0;
    color: rgba(255,255,255,1.00);
    font-size: 16px;
    line-height: 35px;
    -webkit-box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    -moz-box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    outline: none;
}

input[type=submit]:active {
    position: relative;
    margin: 15px 5px 0 0;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    vertical-align: text-top;
    background: rgba(148,148,148,1.00);
    border: 0;
    color: rgba(255,255,255,1.00);
    font-size: 16px;
    line-height: 35px;
    -webkit-box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
    box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
	outline: none;
}

form input[type=reset] {
    position: relative;
    margin: 15px 10px 0 15px;
    padding: 0px 20px 0px;
    display: inline-block;
    vertical-align: text-top;
    background: rgba(148,148,148,1.00);
    border: 0;
    font-size: 16px;
    line-height: 35px;
    -webkit-box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    -moz-box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    box-shadow: inset 0px 0px 6px 2px rgba(250, 250, 250, 1), 0px 0px 10px 0px rgba(0,0,0,1.00);
    background-image: url(../imagenes/papelera-trans.png);
    background-repeat: no-repeat;
    background-position: center center;
    outline: none;
    color: #FFFFFF;
}

form input[type=reset]:active {
    position: relative;
    margin: 15px 10px 0 15px;
    padding: 0px 20px 0px;
    display: inline-block;
    vertical-align: text-top;
    background: rgba(148,148,148,1.00);
    border: 0;
    font-size: 16px;
    line-height: 35px;
    -webkit-box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
    box-shadow: inset -1px -1px 15px 0px rgba(50, 50, 50, 1);
	background-image: url(../imagenes/icon_papelerav.png);
	background-repeat: no-repeat;
	background-position: center center;
	outline: none;
}


form input[type=name]:focus, form input[type=text]:focus, form input[type=email]:focus, form input[type=tel]:focus, form textarea:focus, form#captchacode:focus{
	background-color: rgba(88,164,105,1.00);
    transition: all 0.6s;
    color: #FFFFFF;
}

form p {
    margin: -20px 0px 15px 0px;
    font-size: 14px;
}

form img#captcha {
	vertical-align: sub;
	float: none;
}
form #captchacode {
    vertical-align: bottom;
}

img.refresh {
    margin: 0 10px;
    vertical-align: super;
}


div#contacto-envio {
    width: 100%;
    position: relative;
    text-align: center;
}


::-webkit-input-placeholder { color: rgba(70,70,70,1.00); } /* WebKit */
:-moz-placeholder { color: rgba(70,70,70,1.00); } /* Firefox 18- */
::-moz-placeholder { color: rgba(70,70,70,1.00); } /* Firefox 19+ */
:-ms-input-placeholder { color: rgba(70,70,70,1.00); } /* IE 10+ */


/* ######################################################################### */
/* ############################# EXTRAS #################################### */

.bloque_centrado {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.clearfloat{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}

/* ######################################################################### */
/* ############################# FONTS ##################################### */	

@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Roboto Regular';
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto Bold';
	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto Thin';
	src: url('../fonts/Roboto-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'thebit';
	src: url('fonts/futuran-webfont-webfont.eot');
	src: url('fonts/futuran-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/futuran-webfont-webfont.woff') format('woff'),
	url('fonts/futuran-webfont-webfont.ttf') format('truetype'),
	url('fonts/futuran-webfont-webfont.svg#futura_bk_btbook') format('svg');
}