@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

*{margin: 0; padding: 0; box-sizing: border-box;}
html {font-size: 16px; font-size: 1rem;}

h1{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 45px;}
h4{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 21px;}
h5{ font-family: 'Oswald', sans-serif; font-weight: 400;}
h6{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 16px;}
h3{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 30px;}


.contenedor{ max-width: 960px; margin: 0 auto 0 auto;}
header{width: 100%; height: 150px; background: #6391c5; color: #ffffff; box-sizing: border-box;}
header article.uno{ width: 20%; height: 62px; position: relative; float: left; margin: 25px 0px 0px 5px;}
nav.menuresponsive ul {width: 100%;}
.menuresponsive ul li{list-style-type: none; font-family: 'Oswald', sans-serif; font-weight: 300; margin: 0px 0px 0px 15px; font-size: 15px; background: #416074; display: none;}

header article.dos {width: 75%; min-height: 62px; position: relative; float: left; margin: 20px 0px 0px 30px;}
nav.logo ul li {position: relative; float: left; margin: 20px 0px 0px 5px;}
nav ul.iconos {list-style-type: none;}
nav ul li {position: relative; float: left;}
nav ul.iconos li {position: relative; float: left; margin: 30px 0px 0px 40px;}
nav ul li a{text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 400; color: #ffffff;}
nav ul.iconos li a:hover {color: #416074;}

article ul li a{background: #c30000,}

section{ width: 100%; min-height: 358.25px; background: #59bebf; color: #ffffff;}
section article.a1 {width: 28%; min-height: 300px; padding: 10px 0px 0px 15px; position: relative; float: left; margin: 0px 0px 0px 2px;}
section article.a3 {width: 56%; min-height: 300px; padding: 25px 0px 0px 2px; position: relative; float: left; margin: 0px 0px 0px 1px;}
.imghuerta{width: 100%;}
section article.a2 {width: 14%; min-height: 250px; padding: 15px 0px 0px 2px; position: relative; float: left; margin: 9px 0px 20px 5px;}
.ranking{ width: 100%;}

.absolutocontacto {width: 20%; position: absolute; top: 18px; right: 5%; list-style-type: none;}
.contactocarta {margin: 0px 7px 0px 0px;} 


.avatar{list-style-type: none; margin: 95px 0px 0px 190px; position: absolute;}


h5{margin: 20px 0px 0px 0px; font-size: 18px;}


aside.col1{ width: 60%; height: 170px; margin: 10px 0px 5px 0px; position: relative; float: left; background: #6391c5; text-decoration: none; color: #ffffff;}
aside.col2{ width: 16%; height: 365px; position: relativer; float: left; padding: 1%;}
.chica{ width: 100%;}
aside.col3{ width: 23%; height: 330px; margin: 10px 0px 5px 0; position: relative; float: right;}
.espacio{margin: 20px 0px 0px 0px; font-size: 13px;}

aside article ul{list-style-type: none; margin: 30px 10px 0px 80px;}
aside article ul li{position: relative; float: right; margin: 2px 5px 0px 1px;}
aside article.cont{ width: 20%; height: 155px; position: relative; float: left; margin: 2px 0px 5px 15px;}
aside article.cont2{ width: 75%; height: 155px; position: relative; float: right; margin: 0px 0px 5px 0px;}
nav.frutas ul {width: 100%; position: relative; float: right;}
nav.frutas ul li {width: 14%; position: relative; float: right;}
nav.frutas2 ul {width: 100%; position: relative; float: right; margin: 2px 8px 18px 0px;}
nav.frutas2 ul li {width: 14%; position: relative; float: right;}
.f{width: 100%;}

.twitter-timeline {width: 100%; min-height: 300px;} 

.nav{ width: 100%; height: 75px; margin: 40px 0px 0px -50px;}
aside nav article{position: relative; float: left;}
.absoluta { width: 100%; min-height: 80px; position:absolute; top: 164px; right: 0px;}
.nav ul li {width: 32%; list-style-type: none; padding: 15px 0px 0px 0px;}
.rojoimg {width: 100%;}
.rojo{padding: 0px 0px 0px 12px;}
.celeste{padding: 0px 0px 0px 25px;}

footer{display: table; width: 100%; min-height: 70px; background-image: url(../imagenes/footer2.svg); background-repeat: no-repeat; font-size: 9px; padding: 10px 0px 0px 20px; color: #ffffff;}
footer article.text {margin: 20px 5px 0px 15px;}
footer article {position: relative; float: left; margin: 0px 20px 0px 30px;}

.a3 nav ul{position: absolute; top: 81%; right: 40%;}
.a3 nav ul li {list-style-type: none; padding: 2%; background: #e25049;}
.a3 nav ul li a:hover {color: #416074}

.color{color: #e25049;}

.cuadrado{width: 24%; border: 3px solid #c30000; padding: 0.5%; margin: 10px 0px 0px 15px; position: absolute;}
.cuadrado2{width: 16%; border: 3px solid #c30000; padding: 0.5%; margin: 10px 0px 0px 15px; position: absolute;}

.iconos{text-align: center;}

.rolli:hover { background-image: url(../imagenes/Home2.svg); }
.roll:hover { background-image: url(../imagenes/Nosotros2.svg); }
.rollh:hover { background-image: url(../imagenes/Huerta2.svg); }
.rollc:hover { background-image: url(../imagenes/Calendario2.svg); }
.rollg:hover { background-image: url(../imagenes/Galeria2.svg); }


.slider {width: 100%; margin: 10px 0px 0px 0px; box-sizing: border-box;}

.formulario{width: 100%; margin: 0px 0px 10px 0px;}
.buscar{width: 85%; height: 27px;}
.botonbus{width: 20%; height: 27px; color: rgba(204, 204, 204, 0); background-image: url(../imagenes/buscar.svg); margin: 0px 0px 0px -15px; background-repeat: no-repeat;}





/* Frutas */
section.frutasverduras{ width: 100%; min-height: 200px; position: relative; float: left; background: #ffffff; color: #6391c5; padding: 2%;}
article.n1 {width: 26%; min-height: 280px; margin: 10px 10px 0px 0px; position: relative; float: left;}
.tamanof{width: 100%; height: 200px;}
article.n2 {width: 40%; min-height: 280px; position: relative; float: left; margin: 0px 0px 0px 10px;}
.n3f {width: 25%; min-height: 300px; position: relative; float: left; padding: 1%;}
h4.fr {color: #6391c5;}
.cuadradof{width: 75%; border: 3px solid #c30000; padding: 1%; margin: 35px 0px 0px 0px;}

article.n1 li{position: relative; float: left; list-style-type: none;}
.li2{width: 70%; margin: 0px 0px 0px 20px;}
.h61f{width: 22%; position: relative; float: left;}

.h62{width: 60%; position: relative; float: left;}

.textofrut { font-family: sans-serif; font-weight: 400; font-size: 12px; color: #000000; margin: 3px 0px 0px 0px;}

.destacadolinea{ border-top: 3px solid #6391c5;}

.bf{margin: 3px 0px 3px 0px; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 14px;}

.fruth6{ font-size: 18px;}
.calendariocul {width: 100%;}
.calendariocul li {list-style-type: none; margin: 25px 0px 0px 0px; position: relative; float: left;}
.lugarmes {margin: 10px 0px 0px 10px;}






/* Responsive Home */
@media screen and (max-width:945px) {
    .contenedor { max-width: 945px; margin: 0 auto 0 auto;}
    header article.dos{display: none}
    header article.uno{width: 100%; margin: 0%;}
   .menuresponsive ul li{list-style-type: none; font-family: 'Oswald', sans-serif; font-weight: 300; margin: 0px 0px 0px 15px; font-size: 15px; background: #416074; display: block;}
    .menuresponsive {max-width: 100%;}
    .avatar {display: none}
    h1{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 38px;}
}

    
    @media screen and (max-width:800px) {
    .contenedor { max-width: 800px; margin: 0 auto 0 auto;}
        aside.col3 {display: none}
        aside.col1 {width: 80%; margin: 10px 16px 5px 0px;}
        h1{ font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 32px;}
    }


@media screen and (max-width:700px) {
    .contenedor { max-width: 700px; margin: 0 auto 0 auto;}
        
    header {width: 100%;}
    section {width: 100%; margin: 0; padding: 0;}
    section article.a1 {display: none;}
    
    section article.a3 {width: 100%; margin: 10px 0px 0px 0px;}
.a2 {display: none}    
    
    nav.logo {background: #6391c5;}
    nav.logo ul li {position: relative; float: left; margin: 20px 0px 0px 5px;}
nav ul.iconos {list-style-type: none; margin: 0px 0px 0px 10px;}
nav ul li {position: relative; float: left;}
nav ul.iconos li {position: relative; float: left; margin: 55px 0px 0px 10px;}
nav ul li a{text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: 400; color: #ffffff;}
    
    .cuadrado h4 {font-size: 13px;}
    .cuadrado2 h4 {font-size: 13px;}
    .imghuerta {max-width: 100%;}
    
    aside.col1 {width: 100%; margin: 0px 0px 160px 0px;}
    article.cont {width: 38%;}
    article.cont2 {width: 60%;}
    nav.frutas ul {max-width: 100%;}
    nav.frutas2 ul {width: 100%; position: relative; float: right; margin: 0px 9px 30px 0px;}
    .f {max-width: 100%;}
    
    nav.nav {width: 100%}
    aside.col2 {display: none}
    .chica {max-width: 100%;}
    aside.col3 {display: none}
    .twitter-timeline {max-width: 100%;}

    .absoluta {width: 100%; margin: 5px 0px 0px 50px; position: relative; float: left; top: 0px; right: 0px;}
    .rojo{padding: 0px 0px 0px 7px;}
    .celeste{padding: 0px 0px 0px 15px;}
    .rojoimg {max-width: 100%;}
    
footer {max-width: 100%;}
    footer article.redesfoo {display: none;}
    footer article.text {max-width: 100%;}
    
}


@media screen and (max-width:500px) {
    .contenedor { max-width: 500px; margin: 0 auto 0 auto;}
    header article.dos{display: none}
    article.cont h6{ font-size: 11px; padding: 10px 0px 0px 0px;}
    article.cont h3{ font-size: 20px;}
    article.cont2 {width: 60%;}
    
    .absoluta{display: none}
    aside.col1 {width: 100%; margin: 0%;}
        
    footer {max-width: 100%; padding: 10px 0px 0px 0px;}
    article.text{display: none}
    footer.article {margin: 10px 0px 0px -30px;}
    footer article.redesfoo {display:block; margin: 0px 0px 0px -50px;}

    
}


@media screen and (max-width:350px) {
    .contenedor { max-width: 350px; margin: 0 auto 0 auto;}
    aside.col1 { display: none}
    footer {display: none;}
    nav ul li{display: none;}
    nav ul li a {display: none;}
}
    
    
    
    
    
    
    
    /* contacto */
    .consulta {width: 60%; min-height: 300px; position: relative; float: left;}
    .formulario2{width: 80%; position: relative; float: left; padding: 15px 0px 0px 0px;}
.nombre {width: 95%; height: 23px; margin: 0px 0px 10px 0px; border: 1px solid #6391c5; padding: 0px 0px 0px 5px;}
.textc{list-style: none; width: 100%; height: 100px; border: 1px solid #6391c5; resize: none; padding: 3px 0px 0px 5px; font-family: Arial;}
.botone {border: 0; width: 10%; height: 23px; background: #6391c5; color: #ffffff; margin: 5px 0px 0px 0px; cursor: pointer;}
.iconoform {position: relative; float: left;}
.iconocon {position: relative; float: left; margin: 15px 11px 0px 0px;}
.iconocon1 {position: relative; float: left; margin: 0px 12px 0px 0px;}
.iconocon2 {position: relative; float: left; margin: 15px 12px 0px -62px;}

    article.info {width: 35%; min-height: 300px; border: 2px solid #6391c5; position: relative; float: right; padding: 3px 0px 0px 10px;}
.h61 {line-height: 80px;}

aside.mapa {width: 100%; position: relative; float: left; height: 400px; margin: 5px 0px 20px 0px;}
.mapag {width: 100%; min-height: 400px;}







 /* Galeria */
section.galeria{width: 100%; min-height: 300px;}
article.fotos{width: 100%; background: #ff0000; position: relative; float: left;}
ul.galeri li{position: relative; float: left; list-style-type: none; margin: 20px 0px 15px 18px;}
.contenedorimg{width: 100%; padding: 0px 0px 15px 18px;border:none}
li.cuadradog {list-style-type: none;}
.cuadradog {list-style-type: none; width: 16%; border: 3px solid #c30000; padding: 0.5%; margin: 10px 0px 0px 15px; position: absolute; top: 805px;}
.tituloga{width: 100%; min-height: 70px; padding: 10px 0px 0px 15px;}
.h5galeria {margin: 6px 0px 8px 0px;}
aside.asidegaleria {width: 100%; min-height: 410px; margin: 15px 0px 0px 15px; padding: 10px 0px 0px 0px;}
.comentarios {width: 50%; min-height: 300px; position: relative; float: left; font-family: Arial; font-size: 14px; color: #416074; margin: 0px 17px 0px 0px;}
.chicafoto {width: 15%; min-height: 400px; position: relative; float: left; padding: 20px 0px 0px 0px;}
.deformulario {width: 33%; min-height: 300px; position: relative; float: left; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 40px;}
.formulario3 {width: 100%; position: relative; float: left; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 15px; color: #416074;}
.formulario3 li{margin: 10px 0px 0px 0px; list-style-type: none;}

.textcg{list-style: none; width: 100%; height: 100px; border: 1px solid #6391c5; resize: none;
padding: 3px 0px 0px 5px; margin: 20px 0px 0px 0px; font-family: Arial;}
.destacadolinea2 {border-top: 1px solid #6391c5; width: 50%; margin: 25px 0px 20px 0px;}

.iconoformg{position: relative; float: left; margin: 0px 15px 0px 0px;}
.color2{ color: #e25049; margin: 0px 0px 15px 0px;}

.botong{border: 0;
    width: 17%;
    height: 23px;
    background: #6391c5;
    color: #ffffff;
    margin: 5px 0px 0px 0px;
    cursor: pointer;}







/* huerta */
    
.huerta {width: 100%; background: #ffffff; min-height: 600px}
section article.colhuerta1 {width: 48%; min-height: 300px; padding: 0px 0px 0px 0px; position: relative; float: left; margin: 0px 0px 0px 0px;}
section article.colhuerta2 {width: 48%; min-height: 300px; padding: 50px 0px 0px 0px; position: relative; float: right; margin: 0px 0px 0px 0px;}

/* calendario */
section.calendario{width: 100%; min-height: 300px;}
article.fotosca{width: 100%; background: #6391c5; position: relative; float: left; margin: 20px 0px 15px 18px;}
ul.calen li{position: relative; float: right; list-style-type: none; margin: 20px 0px 15px 18px;}
.contenedorimgcalendario{width: 100%;border:none;}
.tituloca{width: 100%; min-height: 70px; padding: 10px 0px 0px 15px; }



/* nosotros */

section.nosotros {width: 100%; background: #ffffff}
article ul li a {color: #ffffff; list-style-type: none;text-decoration: none }
section article.n1 {width: 30%; min-height: 300px; padding: 15px 0px 10px 0px; position: relative; float: left; margin: 0px 0px 0px 0px;}
section article.n2 {width: 44%; min-height: 150px; padding: 0px 10px 15px 15px; position: relative; float: left; margin: 0px 0px 0px 0px;}
section article.n3 {width: 20%; min-height: 200px; padding: 30px 10px 15px 15px; position: relative; float: right; margin: 0px 0px 0px 0px;}

.titulonosotros {color: #6391c5}
.bajadanosotros {color: #6391c5}
.historia {color: #6391c5 ;border-bottom: 4px solid #6391c5 }
.textohistoria  {  padding: 10px 0 5px 0; color: #000000; font-family: sans-serif; font-size: 12px}
.textohistoria2  {  padding: 10px 0 5px 0; color: #000000; font-family: sans-serif; font-size: 12px}
.listanosotros {list-style-type: none; background: #416074; color: #ffffff; text-decoration: none; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 16px; width: 150px; position: relative; float: right;}
.icononos {position: relative; float: left; padding-left: 3px}
.chiconosotros {position: relative ; float: right; padding: 15px 0px 15px 15px}
.maestro {position: relative ; float: left; padding: 15px 0px 0px 0px}
.semillas {position: relative ; float: left; padding: 15px 0px 0px 0px}
.planta {position: relative ; float: left; padding: 15px 0px 0px 0px}


/* tabs */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}



/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0 0 0 18px;
	padding: .1em .1em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px ;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .1em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 2px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	
	font-size: 1em;
}
.ui-widget-content {

	background: #ffffff url(imagenes/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	
	background: #eeeeee url(imagenes/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #eeeeee;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

	background: #f6f6f6 url(imagenes/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
		background: #6391c5 url(imagenes/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eeeeee;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #eeeeee;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	
	background: #416074 url(imagenes/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #eeeeee;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eeeeee;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url(imagenes/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url(imagenes/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}