@charset "utf-8";
/* CSS Document */
/* Global */
a{text-decoration:none;}
ul{list-style:none;}
h1,h2,h3{font-family: 'Ubuntu', arial;}

html,body{
	font-family: 'Ubuntu Condensed', arial;
}
body{
	overflow-y:scroll;
	background: yellow; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(yellow, orange); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(yellow, orange); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(yellow, orange); /* For Firefox 3.6 to 15 */
	background: linear-gradient(yellow, orange); /* Standard syntax */
}
body,.contWidth{margin:0 auto;}
.contWidth{
	width:1000px;
}

/* Menu */
header{
	background:black;
	height:110px;
	padding:0px 20px;
}
header a{transition:ease 0.8s;}
header a:hover{color:#FDFFCC;}
header, header a{color:white;}
header ul{
	display:inline-flex;
	margin:10px 0 0 475px;
	position:absolute;
	font-size:14px;
}
header ul li:not(:last-child){margin-right:10px;}
header ul li:first-child{
	font-family: 'Passion One', cursive;
	font-size:50px;
	margin:-10px 15px;
	letter-spacing:1px;
}
header img{
	margin-top:20px;
}
#headerImgChamp{
	z-index:99;
	position:relative;
	transition:ease 1s;
}
#headerImgChamp:hover{opacity:0.9;}
#headerImgCar{
	margin-left:-30px;
}
header nav{
	float:right;
	margin-top:80px;
	font-size:20px;
}
header nav a:not(:last-child){margin-right:25px;}

/* body */
section{
	background:#FFFF64;
	padding-bottom:30px;
}


/* ------homepage------ */

/*  ### slider ###  */
#mainSlide{
	height:400px;
	overflow:hidden;
}
#mainSlide img{
}
/* Caption text */
.text {
	color: white;
	font-size: 70px;
	font-weight:bold;
	text-align: center;
	text-shadow: 2px 2px 7px black;
	position:absolute;
	margin:50px 0 0 200px;
}
/* Fading animation */
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}


/*  ### Order Form ###  */
#orderfrom{
	background-color:white;
	width:910px;
	min-height:500px;
    border-width: 8px;
    border-style: solid;
	padding:10px;
	position:relative;
	margin:-95px auto 20px;
    -webkit-border-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0066FF), to(blue)) 1 100%;
    -webkit-border-image:-webkit-linear-gradient(#0066FF, blue) 1 100%;
    -moz-border-image:-moz-linear-gradient(#0066FF, blue) 1 100%;    
    -o-border-image:-o-linear-gradient(#0066FF, blue) 1 100%;
    border-image:linear-gradient(to bottom, #0066FF, blue) 1 100%;
}

.tabClassBottom{
	color:#CC9900;
	text-align:center;
	font-size:25px;
	font-weight:400;
	border-bottom:6px solid #f44336;
	padding:15px!important;
	width:96%;
	margin:-18px 5px 15px 5px;
	content:"";
	display:table;
	clear:both;
}


/*  ### Home_Download_App ###  */
#homeApp{
	height:220px;
	overflow:hidden;
	display:block;
	width:100%;
	position:relative;
}
.appLine{
	background-color:#ffe535;
	height:170px;
	width:100%;
	position:absolute;
	bottom:0;
}
.appLine img:first-child{margin:-50px 0 0 100px;}
.appLine img:nth-child(2){
	position: absolute;
	margin: 25px 0 0 65px;
}
#appDownload{
	margin: 5px 0 0 180px;
	text-align: center;
	display: inline-block;
	position: absolute;
}
#appDownload h2{
	font-size:35px;
	font-weight:700;
	margin-bottom:0;
}
#appDownload span{
	font-size:20px;
	font-weight:400;
}
#appDownload img{
	margin:3px;
	transition:ease 1s;
}
#appDownload img:hover{opacity:0.7;}

/* footer */
footer{
	background-color:#CC9900;
	letter-spacing:1px;
	min-height:230px;
}
footer, footer a{color:black;}
footer a{
	transition:ease 0.4s;
}
footer a:hover{color:#fdffcc;}
footer img{
	width:25px;
	transition:ease 1s;
	vertical-align:middle;
}
footer img:hover{opacity:0.5;}
footer ul{
	display:inline-table;
	font-size:18px;
	padding:0;
	margin:0 0 35px 0;
}
footer ul:first-child{margin-left:125px !important;}
footer ul:not(:last-child){margin:0 130px 0 0;}
footer ul li:not(:first-child):not(:last-child){margin-bottom:10px;}
footer ul h3{font-size:20px;}
#footherTel a{
	color:white !important;
	font-family: 'Passion One', cursive;
	font-size:25px;
	letter-spacing:2px;
	padding:0 !important;
}
#pie_de_Imprenta{
	background-color:#996600;
	text-align:center;
	height:40px;
	padding:10px;
}
#pie_de_Imprenta a{color:#fdffcc;}