@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Blue american
Autor: Omar De Luna
actualización: junio 2013 */


img{border:0;}

* { margin: 0; padding: 0; font-family: Garamond, times, georgia, serif;}

a, input{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}


body{
	background:#fffcec;
	-webkit-text-size-adjust:100%;
	}
	
main {
	width: 100%;
	max-width:1720px;
	margin:0 auto;
	position:relative;
	padding: 80px 0;
	}

	
#slide{
	width:1000px;
	height:auto;
	float: left;
	position: relative;
	margin-left: 490px;
	}

#columna1{
	width: 310px;
	height: auto;
	float: left;
	margin-right: 130px;
	margin-left: 50px;
	padding-top: 50px;
	position: fixed;
}

#columna2{
	width:1000px;
	height:auto;
	float: left;
	margin-left: 490px;
	}

#columna2 a {
	color:#44647f;
	letter-spacing:1px;
	text-decoration:underline;
	display: inline-block;
	}

p {
	font-size:18px;
	line-height:22px;
	color:#44647f;
	letter-spacing:1px;
	font-weight:lighter;
	}

.grande {
	font-size:22px;
	line-height:28px;
	}
	
	
a {
	font-size:18px;
	line-height:22px;
	color:#c1272d;
	letter-spacing:1px;
	font-weight:lighter;
	text-decoration:none;
	display: block;
	}


a.naranja {
	color: #ef9e7f;
}

.naranja {
	color: #ef9e7f;
}

p.rojo{
	color: #c1272d;
}

h1{
	font-size:36px;
	line-height:46px;
	color:#C1272D;
	font-weight:bold;
	margin-bottom:20px;
	}
	
h2{
	font-family: Adobe Garamond Pro, Garamond, Times;
	font-size:22px;
	line-height:32px;
	color:#C1272D;
	font-weight:bold;
	font-style:italic;
	margin-bottom:20px;
	}

p.links a{
	display: inline-block;
}


.cleare {
	display: block;
	clear: both;
}


.campo3{
	width: 550px;
	padding:30px;
	background: #44647f;
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	outline: none;
	border: 0;
	border-radius: 10px;
	letter-spacing:1px;
	font-weight:lighter;
}

.campo2{
	width: 610px;
	padding: 30px;
	background: #ef9e7f;
	border: 0;
	border-radius: 10px;
	font-size: 22px;
	line-height: 30px;
	color: #384c5f;
	text-align: left;
	cursor: pointer;
	letter-spacing:1px;
	font-weight:lighter;
}

img#siimage{
	width: 610px;
	height: 50px;
}

#prensa1{
	width: 22%;
	float: left;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 63%;
	float: left;
	margin-bottom: 50px;
}

#prensa1 a{
	display: block;
}

#prensa1 img{
	width: 221px;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
}


#prensa1 img.prev{
	width: 100%;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.0);
	-o-box-shadow: 4px 4px 5px rgba(0,0,0,0.0);
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.0);
	-ms-box-shadow: 4px 4px 5px rgba(0,0,0,0.0);
	box-shadow: 4px 4px 5px rgba(0,0,0,0.0);
}



#prensa2 a {
	color:#44647f;
	letter-spacing:1px;
	text-decoration:underline;
	}


#prensa1.cambio{
	width: 50%;
	margin-right: 5%;
}

#prensa2.cambio{
	width: 45%;
}

#isu{
	height: 380px;
}

nav{
	display: none;
}

#prensa1.ocultar{
	display: none;
}


/*---------titulos-----------*/


#titulo{
	width: 47%;
	float: left;
	margin-bottom: 40px;
}

#titulo:nth-of-type(odd){
	margin-right: 6%;
}


.margen{
	margin-right: 0%;
}


#titulo img{
	width: 200px;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
}

#titulo form img{
	box-shadow: none;
}

#ocultartitulo{
		display: none;
	text-align: left;
	}	
	
	#ocultartitulo2{
		display: block;
	}



@media only screen and (min-width:0px) and (max-width:450px){
	
a.botontienda img{
	width: 170px;
}
	
	
	#prensa1.ocultar{
	display: block;
}
	
	#prensa1.ocultar2{
	display: none;
}
	
	nav{
		display: block;
		margin-bottom: 20px;
		padding:30px 0 20px 5%;
		background: #fffcec;
		position: fixed;
		width: 95%;
		top:0;
		z-index: 2;
	}
	
	
	main {
	width: 100%;
	max-width:1720px;
	padding: 100px 0 30 0;
	}
	
	main.menos{
		padding: 30px 0;
	}

	
#slide{
	width:100%;
	display: none;
	margin-left: 0;
	}

#columna1{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 0;
	float: none;
	margin-bottom: 30px;
	position: relative;
	display: none;
}
	
	.unhide{
		display: block;
	}

	

#columna2{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	}


	
p {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
.grande {
	font-size:16px;
	line-height:24px;
	}
	
	
a {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
#columna1.unhide{
		display: block;
	}

h1{
	font-size:30px;
	line-height:40px;
	margin-bottom:20px;
	}
	
h2{
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
	}
	
.campo3{
	width: 90%;
	padding:20px 5%;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
}

.campo2{
	width: 100%;
	padding: 20px 5%;
	font-size: 14px;
	line-height: 22px;
}
	
#prensa1{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 30px;
	text-align: center;
}
	
	#prensa1 img{
		width: 150px;
	}

#prensa2{
	width: 100%;
	margin-bottom: 30px;
}
	
#prensa1.cambio{
	width: 100%;
	margin-right: 0%;
}

#prensa2.cambio{
	width: 100%;
}

#isu{
	height: 250px;
}
	
	
p.links a{
	display: inline-block;
}
	
/*---------titulos-----------*/


#titulo{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
	
#titulo.adentro{
	width: 100%;
	margin-right: 0%;
}
	
#titulo.adentro:first-child{
	text-align: center;
}
	
#titulo.adentro:first-child p{
	text-align: left;
}
	
#titulo.adentro:first-child h2{
	text-align: left;
}

.margen{
	margin-righ: 0%;
}
	
#titulo img{
	width: 150px;
	text-align: center;
}

	#ocultartitulo{
		display: block;
	}	
	
	#ocultartitulo2{
		display: none;
	}	

}

	
@media only screen and (min-width:451px) and (max-width:767px){
	
a.botontienda img{
	width: 170px;
}

input[type=image]{
		width: 180px;
	}
	
	
	input[type=image].pay{
		width: auto;
	}

	
	nav{
		display: block;
		margin-bottom: 20px;
		padding:30px 0 20px 5%;
		background: #fffcec;
		position: fixed;
		width: 95%;
		top:0;
		z-index: 2;
	}
	
main {
	width: 100%;
	max-width:1720px;
	padding: 100px 0 30 0;
	}
	
	main.menos{
		padding: 30px 0;
	}

	
#slide{
	width:100%;
	margin-left: 0;
	}

#columna1{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 0;
	float: none;
	margin-bottom: 30px;
	position: relative;
	display: none;
}
	
	#columna1.unhide{
		display: block;
	}

	

#columna2{
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	}
	

	
p {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
.grande {
	font-size:16px;
	line-height:24px;
	}
	
	
a {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
.hide{
	display:none;
}

h1{
	font-size:30px;
	line-height:40px;
	margin-bottom:20px;
	}
	
h2{
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
	}
	
.campo3{
	width: 90%;
	padding:20px 5%;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 22px;
}

.campo2{
	width: 100%;
	padding: 20px 5%;
	font-size: 14px;
	line-height: 22px;
}
	
#prensa1{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 65%;
	margin-bottom: 50px;
}
	
#prensa1.cambio{
	width: 50%;
	margin-right: 5%;
}

#prensa2.cambio{
	width: 45%;
}

#isu{
	height: 230px;
}
	
#prensa1 img{
	width: 100%;
}
	
/*---------titulos-----------*/


#titulo{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
	
#titulo.adentro{
	width: 47%;
	margin-right: 2%;
}
	
#titulo.adentro:first-child{
	text-align: center;
}

.margen{
	margin-righ: 0%;
}
	
#titulo img{
	width: 170px;
	text-align: center;
}

}

@media only screen and (min-width:768px) and (max-width:1023px){
	
a.botontienda img{
	width: 190px;
}
	
main {
	width: 100%;
	max-width:1720px;
	padding: 50px 0;
	}

	
#slide{
	width:60%;
	margin-left: 0;
	}

#columna1{
	width: 20%;
	margin-right: 8%;
	margin-left: 3%;
	padding-top: 20px;
	position: relative;
}

#columna2{
	width:60%;
	margin-left: 0;
	}


	
p {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
	
a {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	}
	
.grande {
	font-size:16px;
	line-height:24px;
	}
	
.hide{
	display: none;
}

h1{
	font-size:30px;
	line-height:40px;
	margin-bottom:20px;
	}
	
h2{
	font-size:16px;
	line-height:26px;
	margin-bottom:20px;
	}
	
.campo3{
	width: 90%;
	padding:20px 5%;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 24px;
}

.campo2{
	width: 100%;
	padding: 20px 5%;
	font-size: 16px;
	line-height: 24px;
}
	
#prensa1{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 65%;
	margin-bottom: 50px;
}
	
#prensa1.cambio{
	width: 60%;
	margin-right: 5%;
}

#prensa2.cambio{
	width: 35%;
}

#isu{
	height: 280px;
}

#prensa1 img{
	width: 100%;
}
	
/*---------titulos-----------*/


#titulo{
	width: 100%;
	float: left;
	margin-bottom: 40px;
}
	
#titulo.adentro{
	width: 47%;
	margin-right: 2%;
}
	
#titulo.adentro:first-child{
		text-align: center;
	}

.margen{
	margin-righ: 0%;
}
	
#titulo img{
	width: 200px;
}
	
}

@media only screen and (min-width:1024px) and (max-width:1299px){
	
	
input[type=image]{
		width: 160px;
	}
	
	
	input[type=image].pay{
		width: auto;
	}
	
	
a.botontienda img{
	width: 190px;
}	

main {
	width: 100%;
	max-width:1720px;
	padding: 50px 0;
	}

	
#slide{
	width:60%;
	margin-left: 32%;
	}

#columna1{
	width: 23%;
	margin-right: 6%;
	margin-left: 3%;
	padding-top: 20px;
	position: absolute;
}

#columna2{
	width:60%;
	margin-left: 32%;
	}


	
p {
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	}
	
.grande {
	font-size:18px;
	line-height:24px;
	}
	
a {
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
	}	
	
h1{
	font-size:32px;
	line-height:42px;
	margin-bottom:20px;
	}
	
h2{
	font-size:18px;
	line-height:28px;
	margin-bottom:20px;
	}
	
.campo3{
	width: 500px;
	padding:20px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 26px;
}

.campo2{
	width: 540px;
	padding: 20px;
	font-size: 18px;
	line-height: 26px;
}
	
#prensa1{
	width: 27%;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 68%;
	margin-bottom: 50px;
}
	
#prensa1.cambio{
	width: 50%;
	margin-right: 5%;
}

#prensa2.cambio{
	width: 45%;
}

#isu{
	height: 280px;
}

#prensa1 img{
	width: 100%;
	}
	
#titulo img{
	width: 130px;
}

}

@media only screen and (min-width:1300px) and (max-width:1500px){
	
	input[type=image]{
		width: 180px;
	}
	
	
	input[type=image].pay{
		width: auto;
	}
	
main {
	width: 100%;
	max-width:1720px;
	padding: 70px 0;
	}

	
#slide{
	width:800px;
	margin-left: 370px;
	}

#columna1{
	width: 260px;
	margin-right: 60px;
	margin-left: 50px;
	padding-top: 30px;
}

#columna2{
	width:800px;
	margin-left: 370px;
	}


	
p {
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
	}

.grande {
	font-size:20px;
	line-height:26px;
	}
	
a {
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
	}	
	
h1{
	font-size:34px;
	line-height:44px;
	margin-bottom:20px;
	}
	
h2{
	font-size:20px;
	line-height:30px;
	margin-bottom:20px;
	}
	
.campo3{
	width: 500px;
	padding:20px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 28px;
}

.campo2{
	width: 540px;
	padding: 20px;
	font-size: 20px;
	line-height: 28px;
}
	
#prensa1{
	width: 24%;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 71%;
	margin-bottom: 50px;
}
	
#prensa1.cambio{
	width: 50%;
	margin-right: 5%;
}

#prensa2.cambio{
	width: 45%;
}

#isu{
	height: 320px;
}

#prensa1 img{
	width: 100%;
}
	
#titulo img{
	width: 160px;
}

}


@media only screen and (min-width:1500px) and (max-width:1700px){
	
main {
	width: 100%;
	max-width:1720px;
	padding: 80px 0;
	}

	
#slide{
	width:900px;
	margin-left: 440px;
	}

#columna1{
	width: 310px;
	margin-right: 80px;
	margin-left: 50px;
	padding-top: 50px;
}

#columna2{
	width:900px;
	margin-left: 440px;
	}


	
p {
	font-size:18px;
	line-height:22px;
	letter-spacing:1px;
	}
	
	
a {
	font-size:18px;
	line-height:22px;
	letter-spacing:1px;
	}
	
#prensa1{
	width: 24%;
	margin-right: 5%;
	margin-bottom: 50px;
}

#prensa2{
	width: 71%;
	margin-bottom: 50px;
}
	
#prensa1 img{
	width: 100%;
}
	
#titulo img{
	width: 180px;
}


}