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

body{
	background:url(imagenes/background.jpg);
}

div.inicio{
	width:70%;
	margin:0 auto;
	background:#FFF;
	padding:0 20px;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#4c5059;
	font-style:italic;
}


h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:32px;
	color:#44aa00;
	margin:0;
	padding:20px 0;
}

div.logo{
	width:38%;
	float:left;
}

div.ingreso{
	width:50%;
	float:right;
}

td.RightWidth{
	width:100%;
}

a.linkimp{
	font-size:15px;
}

div#carouselh5{
	display:block;
}

div#carouselh4, div#carouselh3, div#carouselh2, div#carouselh {
	display:none;
}



@media screen and (max-width:1160px) {
	div.inicio {
		width:72%;	
	}
}

@media screen and (max-width:1140px) {
	div.inicio {
		width:76%;	
	}
}

@media screen and (max-width:1068px) {
	div.inicio {
		width:80%;	
	}
}


@media screen and (max-width:1020px) {
	div.inicio {
		width:82%;	
	}
}




@media screen and (max-width:1000px) {
	div.inicio {
		width:90%;	
	}
}


@media screen and (max-width:949px) {
	div#carouselh4{
		display:block;
	}

	div#carouselh3, div#carouselh, div#carouselh2, div#carouselh5 {
		display:none;
	}
	
	.jscarousal-contents-horizontal{
		width:605px;	
	}

	.jscarousal-horizontal{
		width:654px;	
	}

}




@media screen and (max-width:640px) {
	div.logo{ 
		float:none;
		width:60%;
	}

	div.ingreso {
		float:none;
		width:90%;
	}
	
	h1{
		font-size:16px;	
	}

	h2{
		font-size:12px;	
	}
	
	.SmallText{
		font-size:11px;	
	}
	
	.ButtonGreen{
		font-size:11px;	
	}
	
	a.linkimp {
    font-size: 13px;
	}

}

@media screen and (max-width:730px) {
	div#carouselh3{
		display:block;
	}

	div#carouselh4, div#carouselh, div#carouselh2, div#carouselh5 {
		display:none;
	}
	
	.jscarousal-contents-horizontal{
		width:453px;	
	}

	.jscarousal-horizontal{
		width:500px;	
	}

}



@media screen and (max-width:570px) {
	div#carouselh2{
		display:block;
	}

	div#carouselh4, div#carouselh3, div#carouselh, div#carouselh5 {
		display:none;
	}
	
	.jscarousal-contents-horizontal{
		width:300px;	
	}

	.jscarousal-horizontal{
		width:350px;	
	}

}

@media screen and (max-width:400px) {
	div#carouselh{
		display:block;
	}

	div#carouselh4, div#carouselh3, div#carouselh2, div#carouselh5 {
		display:none;
	}
	
	.jscarousal-contents-horizontal{
		width:150px;	
	}

	.jscarousal-horizontal{
		width:200px;	
	}

}