@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body {
	width:100%;
	margin:0 auto;
	background-color:#fff;
	color:#363435;
	font-size:14px;
	line-height:1.2;
	font-family:Lato, Georgia, "Times New Roman", Times, serif;
/*	font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;
*/	font-weight:normal;
	-webkit-text-size-adjust: none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
html {
	margin:0 auto;
	overflow-x:hidden;
}
.animate { /* Makes columns animate when @media css changes */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}


/*@font-face {
    font-family: 'avenir_lt_45_bookregular';
    src: url('../fonts/avenir_lt_45_book-webfont.eot');
    src: url('../fonts/avenir_lt_45_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenir_lt_45_book-webfont.woff') format('woff'),
         url('../fonts/avenir_lt_45_book-webfont.ttf') format('truetype'),
         url('../fonts/avenir_lt_45_book-webfont.svg#avenir_lt_45_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_55_romanbold';
    src: url('../fonts/avenir_lt_85_heavy-webfont.eot');
    src: url('../fonts/avenir_lt_85_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenir_lt_85_heavy-webfont.woff') format('woff'),
         url('../fonts/avenir_lt_85_heavy-webfont.ttf') format('truetype'),
         url('../fonts/avenir_lt_85_heavy-webfont.svg#avenir_lt_55_romanbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
pre {
	padding:0px;
	margin:0 auto;
	width:90%;
	max-width:986px;
	border:1px solid #ccced1;
	overflow:auto;
	background-color: #fff;
	padding-top:0px;
	margin-bottom:20px;
}
/*code {
	display: block;
	font-family: Consolas, monospace, Monaco;
	font-size:13px;
	line-height:16px;
	color: #333;
	border-radius:0px;
	border:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:25px;
	width:auto;
	background-color:#fff;
	margin:0 auto;
}
code strong {
	font-family: Consolas, monospace, Monaco;
	font-weight:bold;
}
*/
a {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity: 1.0;
	text-decoration:none;
	color:#3F4191;
}
a:hover {color:#49A560;}
strong,
.strong {
	font-weight:bold;
}
p {
/*	font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;
*/	font-weight:normal;
	padding:5px;
	text-align:justify;
}
.bigfont {font-size:18px;
}
.center {text-align:center}
img,
img a {
	border:0px;
	margin:0px;
	padding:0px;
}
h1 {
	line-height:36px;
	padding:45px 0 0;	
	margin:0 auto;
/*	font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;
*/	font-weight:bold;
	font-style:italic;
	color:#49A560;
	font-size:30px;
	text-align:center;
}
h2, h3 {
	width: 99%;
	margin:0 auto;
	display: block;
	padding: 15px 0;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;

/*	clear: both;
*/	
}
h2 {
	background-color: #3F4191;
}

h3 {
	background-color: #49A560;
}
h4 { font-size:18px; color:#49A560; font-weight:bold; padding-left:5px; }
h5 {font-size:16px;color:#49A560; font-weight:bold; text-align:center; margin:15px 0 5px; }

/* This is used for the welcome text. It's not required for the CSS Grid */
.welcome {
	padding-top:0px;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	line-height:24px;
}
.welcome strong {
	font-weight:normal;
}
h2 a,
.welcome a {
	color:#81868b;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999ea3;
}
h2 a:hover,
.welcome a:hover {
	color:#6c7277;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999ea3;
}
.fecha, .clima {
	display:block;
	text-align:center;
	height:70px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.fecha {
	width:180px;
	font-size:28px;
	letter-spacing:-1px;
	line-height:75px;
	color:#3F4191;
	float:left;
}
.clima {
	width:930px;
	float:right;
}

/* Footer Styles */

footer {
	margin:30px 0 0;
	width:100%;
	font-size:15px;
	padding:20px 0 30px;
	color:#fff;
	background-color:#3F4191;
	border-top:5px solid #49A560;
}
h6 {font-size:20px; line-height:1; margin:20px 0 15px 20px}
footer a, footer a:hover, footer h6, footer address, footer li {color:#FFF;}
.div1, .div2, .div3 {float:left; margin:0; padding:0; background-color:transparent}
.div1 {width:25%;}
.div2 {width:40%;}
.div3 {width:35%;}
.nml {margin-left:0;} 

/* Warning Sign for Internet Explorer 7 users (This website does not support IE7) */

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: .fff;
}

img.fl {float:left; margin-right:20px; padding-top:4px; height:auto}

.f1,.f2,.f3,.f4,.f5,.f6,.f7,.f8,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8
{
	font-weight:normal;
	margin:0 auto;
	clear:both;
/*	text-align:center;
	line-height:60px; */
}

/*	 

.f1 .one {
	background-color:#e0e2e3;
}

.f2 .one,
.f2 .two {
	background-color:#e0e2e3;
}

.f3 .one,
.f3 .one-two,
.f3 .two,
.f3 .two-three,
.f3 .three {
	background-color:#e0e2e3;
}

.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
	background-color:#e0e2e3;
}

.f5 .one,
.f5 .one-two,
.f5 .one-three,
.f5 .one-four,
.f5 .two,
.f5 .two-three,
.f5 .two-four,
.f5 .two-five,
.f5 .three,
.f5 .three-four,
.f5 .three-five,
.f5 .four,
.f5 .four-five,
.f5 .five {
	background-color:#e0e2e3;
}

.f6 .one,
.f6 .one-two,
.f6 .one-three,
.f6 .one-four,
.f6 .one-five,
.f6 .two,
.f6 .two-three,
.f6 .two-four,
.f6 .two-five,
.f6 .two-six,
.f6 .three,
.f6 .three-four,
.f6 .three-five,
.f6 .three-six,
.f6 .four,
.f6 .four-five,
.f6 .four-six,
.f6 .five,
.f6 .five-six,
.f6 .six {
	background-color:#e0e2e3;
}

.f7 .one,
.f7 .one-two,
.f7 .one-three,
.f7 .one-four,
.f7 .one-five,
.f7 .one-six,
.f7 .two,
.f7 .two-three,
.f7 .two-four,
.f7 .two-five,
.f7 .two-six,
.f7 .two-seven,
.f7 .three,
.f7 .three-four,
.f7 .three-five,
.f7 .three-six,
.f7 .three-seven,
.f7 .four,
.f7 .four-five,
.f7 .four-six,
.f7 .four-seven,
.f7 .five,
.f7 .five-six,
.f7 .five-seven,
.f7 .six,
.f7 .six-seven,
.f7 .seven {
	background-color:#e0e2e3;
}
.f8 .one,
.f8 .one-two,
.f8 .one-three,
.f8 .one-four,
.f8 .one-five,
.f8 .one-six,
.f8 .one-seven,
.f8 .two,
.f8 .two-three,
.f8 .two-four,
.f8 .two-five,
.f8 .two-six,
.f8 .two-seven,
.f8 .two-eight,
.f8 .three,
.f8 .three-four,
.f8 .three-five,
.f8 .three-six,
.f8 .three-seven,
.f8 .three-eight,
.f8 .four,
.f8 .four-five,
.f8 .four-six,
.f8 .four-seven,
.f8 .four-eight,
.f8 .five,
.f8 .five-six,
.f8 .five-seven,
.f8 .five-eight,
.f8 .six,
.f8 .six-seven,
.f8 .six-eight,
.f8 .seven,
.f8 .seven-eight,
.f8 .eight {
	background-color:#e0e2e3;
}

.p1 .one {
	background-color:#e0e2e3;
	margin:0 auto;
}

.p2 .one,
.p2 .two {
	background-color:#e0e2e3;
}

.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three {
	background-color:#e0e2e3;
}

.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four {
	background-color:#e0e2e3;
}

.p5 .one,
.p5 .one-two,
.p5 .one-three,
.p5 .one-four,
.p5 .two,
.p5 .two-three,
.p5 .two-four,
.p5 .two-five,
.p5 .three,
.p5 .three-four,
.p5 .three-five,
.p5 .four,
.p5 .four-five,
.p5 .five {
	background-color:#e0e2e3;
}

.p6 .one,
.p6 .one-two,
.p6 .one-three,
.p6 .one-four,
.p6 .one-five,
.p6 .two,
.p6 .two-three,
.p6 .two-four,
.p6 .two-five,
.p6 .two-six,
.p6 .three,
.p6 .three-four,
.p6 .three-five,
.p6 .three-six,
.p6 .four,
.p6 .four-five,
.p6 .four-six,
.p6 .five,
.p6 .five-six,
.p6 .six {
	background-color:#e0e2e3;
}

.p7 .one,
.p7 .one-two,
.p7 .one-three,
.p7 .one-four,
.p7 .one-five,
.p7 .one-six,
.p7 .two,
.p7 .two-three,
.p7 .two-four,
.p7 .two-five,
.p7 .two-six,
.p7 .two-seven,
.p7 .three,
.p7 .three-four,
.p7 .three-five,
.p7 .three-six,
.p7 .three-seven,
.p7 .four,
.p7 .four-five,
.p7 .four-six,
.p7 .four-seven,
.p7 .five,
.p7 .five-six,
.p7 .five-seven,
.p7 .six,
.p7 .six-seven,
.p7 .seven {
	background-color:#e0e2e3;
}
.p8 .one,
.p8 .one-two,
.p8 .one-three,
.p8 .one-four,
.p8 .one-five,
.p8 .one-six,
.p8 .one-seven,
.p8 .two,
.p8 .two-three,
.p8 .two-four,
.p8 .two-five,
.p8 .two-six,
.p8 .two-seven,
.p8 .two-eight,
.p8 .three,
.p8 .three-four,
.p8 .three-five,
.p8 .three-six,
.p8 .three-seven,
.p8 .three-eight,
.p8 .four,
.p8 .four-five,
.p8 .four-six,
.p8 .four-seven,
.p8 .four-eight,
.p8 .five,
.p8 .five-six,
.p8 .five-seven,
.p8 .five-eight,
.p8 .six,
.p8 .six-seven,
.p8 .six-eight,
.p8 .seven,
.p8 .seven-eight,
.p8 .eight {
	background-color:#e0e2e3;
}
*/

/*///////////////////////////*/
.logo {
	width:48%;
	float:left
}
.info {
	text-align:right;
	padding:25px 0 10px;
	font-size:16px;
	width:auto;
	max-width:360px;
	float:right;
}
.img-resp {
	max-width:100%;
	height:auto;
}
.clear {
	clear:both;
}
.spacer {
	width:100%;
	clear:both;
	height:25px;
}
.line {
	width:100%;
	height:5px;
	margin:45px 0;
	background-image:url(../images/line.jpg);
}
.line2 {
	width:95%;
	height:5px;
	margin:45px 0;
	background-image:url(../images/line.jpg);
}
.prodimg, .ficha {
	display:block;
	float:left;
	min-height:60px;
	height:auto;
}
.prodimg {
	width:60%;
}
.prodimg img{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.ficha {
	width:40%;
}
ul.li {
	list-style-image: url(../images/li.png);
	list-style-position: outside;
	width: 100%;
	line-height: 1.5em;
	display: block;
	margin-left: 0;
	padding: 5px 0 0 45px;
	vertical-align: middle
}

.breadcrums {width:100%; padding:15px 10px 15px 0; text-align:right; clear:both; font-style:italic; color:#3F4191}
span.space {width:10px; height:1px; display:inline-block;}

.banner {
	position: relative;
	width: 100%;
	height: 620px;
	clear: both;
	padding: 0;
	overflow: hidden;
	visibility: visible;
	margin: 0 auto
}

@font-face {
	font-family: entypo;
	src: url(../fonts/controls/entypo.eot);
	src: url(../fonts/controls/entypo.eot?#iefix) format('embedded-opentype'), url(../fonts/controls/entypo.woff) format('woff'), url(../fonts/controls/entypo.ttf) format('truetype'), url(../fonts/controls/entypo.svg#entypo) format('svg');
	font-weight: 400;
	font-style: normal
}


.cbp-bislideshow {
	list-style: none;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0
}
.cbp-bislideshow li {
	position: absolute;
	width: 101%;
	height: 101%;
	top: -.5%;
	left: -.5%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s
}
.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center
}
.cbp-bislideshow li img {
	display: block;
	width: 100%
}
.cbp-bicontrols {
	position: absolute;
	z-index: 2;
	width: 300px;
	height: 100px;
	margin: -50px 0 0 -150px;
	top: 50%;
	left: 50%
}
.cbp-bicontrols span {
	float: left;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer
}
.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	font-family: entypo;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 100px;
	font-size: 80px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: .7
}
.cbp-bicontrols span:hover:before {
	opacity: 1
}
.cbp-bicontrols span:active:before {
	top: 2px
}
span.cbp-biplay:before {
	content: "\e002"
}
span.cbp-bipause:before {
	content: "\e003"
}
span.cbp-binext:before {
	content: "\e000"
}
span.cbp-biprev:before {
	content: "\e001"
}
.cbp-bicontrols span.cbp-binext {
	float: right
}
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1
}
.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block
}
*, ::before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


	/*	--------------------------------------------------
		:: APP Store Buttons Configurations
		-------------------------------------------------- */

		.app-store-buttons { 
			position:relative; 
			display:block;
			width:256px;
			float:right;
			margin:0; 
			padding:20px 0 0;
			text-align:center;
/*			clear:both;
*/		}
		
		.app-store-buttons i { 
			position:relative; 
			float:left;
			height:80px;
			padding:20px 25px 10px 25px; 
			font-size:38px;
			font-weight:normal;
			font-style:normal;
			-webkit-border-radius:4px 0 0 4px;
			   -moz-border-radius:4px 0 0 4px;
					border-radius:4px 0 0 4px;
		}

		.app-store-buttons a { 
			position:relative; 
			float:left;
			text-decoration:none;
			height:80px;
			padding:22px 25px; 
			-webkit-border-radius:0 4px 4px 0;
			   -moz-border-radius:0 4px 4px 0;
					border-radius:0 4px 4px 0;
		}
		
		.app-store-buttons a:active  {
			top:3px;
		}
		
		.app-store-buttons-header { 
		    text-transform:uppercase;
			font-family:"Roboto"; 
			font-size:14px; 
			text-align:left; 
			font-style:normal; 
			font-weight:900;
			margin:0;
			line-height:24px;
		}
		
		.app-store-buttons-description { 
			text-transform:uppercase;
			font-family:"Roboto"; 
			font-size:11px; 
			text-align:left; 
			font-style:normal; 
			font-weight:400; 
			margin:0;
		}
	
	/*	--------------------------------------------------
		:: APP Store Buttons Info
		-------------------------------------------------- */
		
		.app-store-info i { 
			background-color:#36C;		
			border-right:1px solid #039;
			color:#fff;
			text-shadow:1px 1px #1c5170;
			-webkit-box-shadow:0px 5px 0px 0px #039;
			   -moz-box-shadow:0px 5px 0px 0px #039;
				 -o-box-shadow:0px 5px 0px 0px #039;
					box-shadow:0px 5px 0px 0px #039;
		}

		.app-store-info a { 
			background-color:#36C;
			border-left:1px solid #3082b1;
			-webkit-box-shadow:0px 5px 0px 0px #039;
			   -moz-box-shadow:0px 5px 0px 0px #039;
				 -o-box-shadow:0px 5px 0px 0px #039;
					box-shadow:0px 5px 0px 0px #039;
		}
		
		.app-store-info a:active  {
			background-color:#36C;
			-webkit-box-shadow:0px 2px 0px 0px #039;
			   -moz-box-shadow:0px 2px 0px 0px #039;
				 -o-box-shadow:0px 2px 0px 0px #039;
					box-shadow:0px 2px 0px 0px #039;
		}
		
		.app-store-info .app-store-buttons-header { 
			color:#fff;
			text-shadow:1px 1px #1c5170;		
		}
		
		.app-store-info .app-store-buttons-description {  
			color:#fff;
			text-shadow:1px 1px #1c5170;		
		}
		
		
		/*	--------------------------------------------------
	:: Call Attention Boxes
	-------------------------------------------------- */
	
	/*	--------------------------------------------------
		:: Call Attention Boxes Configurations
		-------------------------------------------------- */
		
		.call-group-box { 
			position:relative;
			display:block;
			width:100%;		
			padding:0;  
			height:auto;
			margin:0 auto;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box; 
					box-sizing:border-box;
		}
		
		.call-info-box,
		.call-warning-box,
		.call-error-box,
		.call-success-box { 
		    position:relative;
			display:block;
			width:100%;		
			padding:10px 30px;  
			height:auto;
			overflow:hidden;
			margin:5px 0;
			border-radius:10*-px;
			-webkit-border-radius:10px;
			   -moz-border-radius:10px;
					border-radius:10px;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box; 
					box-sizing:border-box;
		}
		
		.call-info-box p,
		.call-warning-box p,
		.call-error-box p,
		.call-success-box p { 
			font-family:"Open Sans";		
			font-weight:normal; 
			font-style:normal;
			font-size:13px; 
			color:#fff;
			line-height:20px;
			margin-left:150px;
		}
		
		.call-info-box .media-holder,
		.call-warning-box .media-holder,
		.call-error-box .media-holder,
		.call-success-box .media-holder {
			position:absolute;
		    margin:0 auto;
			left:0;
			top:0;
			bottom:0;
			text-align:center;
			padding:32px 50px 30px 50px; 
		}
		
		.call-info-box .media-holder i,
		.call-warning-box .media-holder i,
		.call-error-box .media-holder i,
		.call-success-box .media-holder i {
			text-align:center;
			font-weight:normal; 
			font-style:normal;
			font-size:40px; 
			color:#fff;
			line-height:64px;
		}
		
		.call-info-arrow,
		.call-warning-arrow,
		.call-error-arrow,
		.call-success-arrow {
			position:absolute;
		    margin-top:-15px;
			left:135px;
			top:50%;
			width:0;
	        height:0;
		}
		
	/*	--------------------------------------------------
		:: Call Attention Boxes Colors
		-------------------------------------------------- */
		
		.call-info-box{ 
			background-color:#86b5ea;
			border:1px solid #73a4da;
		}
		
		.call-warning-box{ 
			background-color:#F60;
			border:1px solid #d77449;
		}
		
		.call-error-box{ 
			background-color:#F33;
			border:1px solid #e27373; 
		}
		
		.call-success-box { 
			background-color:#5ad98e;
			border:1px solid #46c47a;
		}
		
	/*	--------------------------------------------------
		:: Call Attention Boxes Icon Colors
		-------------------------------------------------- */
		
		.call-info-box .media-holder{
			background-color:#73a4da;
		}
		
		.call-warning-box .media-holder{
			background-color:#C30;
		}
		
		.call-error-box .media-holder{
			background-color:#C03;
		}
		
		.call-success-box .media-holder{
			background-color:#46c47a;
		}
		
	/*	--------------------------------------------------
		:: Call Attention Boxes Arrow Colors
		-------------------------------------------------- */

		.call-info-arrow {
			border-top:15px solid transparent;
			border-bottom:15px solid transparent;
			border-left:15px solid #73a4da;
		}
		
		.call-warning-arrow {
			border-top:15px solid transparent;
			border-bottom:15px solid transparent;
			border-left:15px solid #C30;
		}
		
		.call-error-arrow {
			border-top:15px solid transparent;
			border-bottom:15px solid transparent;
			border-left:15px solid #C03;
		}
		
		.call-success-arrow {
			border-top:15px solid transparent;
			border-bottom:15px solid transparent;
			border-left:15px solid #46c47a;
		}
		
.indexprod {
	display:block;
	float:left;
	width:30%;
	text-align:center;
	margin:1.5%;
	padding-bottom:10px;
}
.pi span {
	font-size:13px;
}

		
#map-canvas {
	height: 400px;
	width: 100%;
	margin: 0;
	padding: 0
}
.contact {
	width: 100%
}
#contact {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: none;
	width: 100%
}
#contact label {
	display: inline-block;
	float: left;
	height: 25px;
	line-height: 30px;
	width: 33%
}
#contact input, select, textarea {
	width: 65%;
	padding: 1% 0;
	color: #666;
	background: #EEE;
	border: 1px solid #DDD;
	margin: 10px 0
}
#contact input:focus, select:focus, textarea:focus {
	border: 1px solid #DDD;
	background-color: #EEE;
	color: #333
}
#contact input.submit {
	width: 80px;
	cursor: pointer;
	border: none;
	color: #fff;
	background-color: #29166f
}
#contact input.submit:hover {
	background: #333
}
#contact input[type=submit][disabled] {
	background: #888
}
#contact fieldset {
	padding: 5px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
#contact legend {
	color: #222;
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 0!important
}
#contact span.required {
	color: red
}
#message {
	margin: 0;
	padding: 0
}
.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: url(../images/error.gif) 10px center no-repeat;
	padding: 5px 0 5px 40px;
	color: red;
	border: none;
	-webkit-border-radius: 5px;
	margin-bottom: 10px
}
#submit .loader {
	padding: 0 10px;
	margin: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
#contact #success_page h1 {
	background: url(../images/success.gif) left no-repeat;
	padding-left: 10px
}
acronym {
	border-bottom: 1px #999 dotted
}

@media only screen and (max-width: 1024px) {
.banner {
	height: 450px
}
.fecha {
	width:100%;
	font-size:32px;
	float:none;
}
.clima {
	width:100%;
	float:none;
	margin:0 auto -20px;
	text-align:center;
}

}
@media only screen and (max-width: 979px) {
.clima {
	display:none;
}
.bigfont {font-size:14px;
}
}
		
@media only screen and (max-width: 767px) {
.logo, .info {
	text-align:center;
	width:100%;
	max-width:none;
	float:none;
}
.banner {
	height: 340px
}
.prodimg, .ficha {
	width:100%;
	clear:both;
	float:none;
	margin:10px auto;
	text-align:center;
}
.app-store-buttons {
	width:256px;
	float:none;
	margin:0 auto; 
}
.div1, .div2, .div3 {float:none; margin:0 auto; width:100%; text-align:center}
footer ul, footer li, footer a {display:block; width:100%; margin:0; float:none; padding:5px 0; clear:both; list-style-type:none; list-style:none}
footer li:hover {
	background-color: #27276A;
}
h6 {margin-left:0}

.indexprod {
	width:47%;
}		


}

@media only screen and (max-width: 479px) {
.banner {
	height: 200px
}

.indexprod {
	width:98%;
	margin:1%;
}		


}