@charset "utf-8";
/* Reglas para trabajar con ccs
1. primero se definen los estilos para ETIQUETAS html, por ejemplo: header, footer...
2. Despues se definen los estilos para IDENTIFICADORES (id), los id son elementos unicos en el html, en el ccs se declaran con el simbolo de # ejemplo: #nombre-id { estilos } y en el html se llaman mediante el atributo id ejemplo: <div id="publicidad"></div>
3. Al final se definen los estilos para las CLASES (class), las clases son elementos que se pueden repetir "n" veces en el html, en el ccs se declara con el simbolo de . ejemplo: .nombre-clase { estilos } y en el html se llaman mediante el atributo class, ej: <div class="borde-logos"></div>
4. todos los estilos se ordenan conforme van apareciendo en la disposicion del html, teniendo en cuenta la prioridad anterior, es decir, primero etiquetas html, luego ids y al final class
5. los atributos se declaran de la siguiente forma: { atributo1:valor1; atributo2:valor2; ... }
6 Todos los atributos se ordenan alfabeticamente, por ejemplo si tengo width, color, display, entonces el orden seria: primero color, luego display y al final width
7. si tenemos estilos para el comodin *, o para las etiquetas html y/o body, estos estilos son los primeros en definirse.
8. En el body debemos declarar un tamaño de fuente global
9. Si tenemos estilos para resetear elementos html, estos iran antes de cualquier estilo
 */
 
 * {
	border: 0;
	margin: 0;
 	padding: 0;
}

article, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('champagne__limousines_bold-webfont.eot');
    src: url('champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousines_bold-webfont.woff') format('woff'),
         url('champagne__limousines_bold-webfont.ttf') format('truetype'),
         url('champagne__limousines_bold-webfont.svg#champagne__limousinesbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.eot');
    src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousines-webfont.woff') format('woff'),
         url('champagne__limousines-webfont.ttf') format('truetype'),
         url('champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background: #FFF;
	color: #FFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1em;
	
}

a {
	color: #FFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	text-decoration: none;
	
}

a:hover {
	color: #F00;
	font-size: 1.3em;
}


figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

img, video {
	max-width: 100%;
}

input[type="email"], input[type="text"], textarea {
	background: #eeebe3;
	border-radius: .25em;
	color:#FFF;
	font-size: 1em;
	padding: .25em;
	width: 100%
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus {
	background:#7cac9f;
}

input[type="submit"]  {
	background:#eeebe3;
	border-radius: 0 .25em;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: .25em;
}

input[type="submit"]:hover {
	background:#eeebe3;
	border-radius: .25em 0;
	color:#7cac9f;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	-ms-transition:all 0.5 ease-in;
	-moz-transition:all 0.5 ease-in;
	-o-transition:all 0.5 ease-in;
	-webkit-transition:all 0.5 ease-in;
	transition:all 0.5 ease-in;
}

legend {
}


textarea {
	resize:none;
}


header, footer {
	background: #FFF url(../img/fondo_cabecera1.jpg);
	
}

section#contenido {
	background: #FFF;
	margin:auto;
	max-width:60%;
	text-align:justify
}

section#contactanos {
	background:#FFF;
	margin: 0 auto;
	max-width:40%;
	text-align:justify;
	padding:1em;
}

section#contenido2 {
	background: #FFF;
	margin: auto;
	max-width:50%;
	padding:0.5em;
	text-align:justify;
	vertical-align: top;
}

section#glow {
	background:#FFF;
	margin:auto;
	max-width:60%;
	text-align:justify
}

section#glow2 {
	background:#FFF;
	margin:center;
	max-width:80%;
	text-align:justify;
}
section#formulario {
	background:#FFF;
	margin:auto;
	max-width:60%;
	text-align:justify
}
/*section#formulario, aside {
	display:inline-block;
	vertical-align:top;
}*/
header h1, nav {
	color: #FFF;
	display:inline-block;
	font-size:16px;
	max-width: 100;
	vertical-align:center;
	padding:0.75em 6%;

}

nav ul {
	list-style: none;
	font-family: "champagne__limousinesbold", Trebuchet MS, Arial, Helvetica, sans-serif;
}

nav li {
	display:inline-block;
	padding:0.1em;
	vertical-align:top;
}

nav a {
	display:block;
	font-family: "champagne__limousinesbold", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding:0.5em;
	-ms-transition:all 0.5s ease-in;
	-moz-transition:all 0.5s ease-in;
	-o-transition:all 0.5s ease-in;
	-webkit-transition:all 0.5s ease-in;
	transition:all 0.5s ease-in;
}

nav a:hover {
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	font-family: "champagne__limousinesbold", "Trebuchet MS", Arial, Helvetica, sans-serif;

}

section#principal, aside {
	background: #FFF;
	/*color: #000;*/
	/*display:inline-block;*/
	font-size:14px;
	margin: 0 auto;
	max-width:100%;
	padding:0.25em;
	vertical-align:top;
	/*width: 70%;*/
	
} 

article#galeria-inicio {
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
    width:85%;
}

article#galeria-inicio2 {
	margin:0.100em;
	padding:0.40em;
	text-align: center;
	color:#000;
    width:90%;
}

article#galeria-inicio3 {
	margin:0.10em;
	padding:0.20em;
	text-align: center;
	color:#000;
    width:65%;
}

article#texto1 {
	background:#FFF;
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:46%;
}
article#texto4 {
	background: #FFF;
	color: #FFF;
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	width:65%;
}

form {
	margin:0.100em;
	padding:0.40em;
	text-align: center;
	color:#000;
    width:80%;
	color:#000;
	background:#FFF;
	border-radius: 1em;
}
section#principal2, aside {
	display:inline-block;
	vertical-align:top;
}

article#telefono {
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:46%;
}
article#texto3 {
	font-size: 16px;
	margin: 0.5em;
	padding: 0.5em;
	text-align: center;
	color: #000;
	width: 46%;
	white-space: normal;
	display: none;
	font-weight: 400;
	font-variant: normal;
}

article#texto1, article#texto3, article#form , article#telefono{
	display:inline-block;
	vertical-align:top;
}

aside {
	/*width:30%;*/
	background:#FFF;
}

aside emg {
	border-style:
}

footer {
	background:#323b3b;
	color:#FFF;
	font-size:0.85em;
	padding:0.75em 6%;
	text-justify:distribute;
	
}

negrita {
	font-weight: bold;
}



@media(min-width:1080px){
heder h1 {
	text-align:left;
	width: 35%;
}
nav {
	text-align:right
	width: 60%;
}
}
@media(max-width:1080px){
nav {
	text-align:right
	width: 60%;
}
	
nav li {
	font-size:0.8em;
}
	
article#galeria-inicio {
	whidth: 90%;
}
	
	aside{
		width: 90%;
	}
article#texto1 {
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:95%;
}
article#texto3 , 

article#telefono{
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:95%;
}
article#texto3 {
	text-align:center;
}
article#texto1, article#texto3, article#form , article#telefono{
	display: block;
	font-size: 13px;
}


}

@media(max-width:800px){
	
nav li {
		display:inline-block;
		margin:0px;
		width:98%;
		text-align:center;
	}
	
/*nav li {
		font-size:0.6em;
	}
	*/
article#galeria-inicio {
	whidth: 88%;
}
	
article#texto1 {
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:95%;
}
article#texto3 , 

article#telefono{
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:95%;
}
article#texto3 {
	text-align:center;
}
article#texto1, article#texto3, article#form , article#telefono{
	display: block;
}

section#glow {
	margin:auto;
	max-width:80%;
}
section#contenido {
	max-width:100%;
}
	
}

@media(max-width:600px){
nav li {
		display:inline-block;
		margin:0px;
		width:98%;
		text-align:center;
	}

section#principal {
	margin-bottom:0.2em;
}
	
	section#principal, aside {
		display:block;
		width:95%;
		
	}
.fb-like-box {
		width:50%;
		
	}

article#texto1 {
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:93%;
}
article#texto3 , 

article#telefono{
	margin:0.5em;
	padding:0.5em;
	text-align:justify;
	color:#000;
	width:93%;
}
article#texto3 {
	text-align:center;
}
article#texto1, article#texto3, article#form , article#telefono{
	display: block;
	text-align: justify;
}

section#glow {
	margin:auto;
	max-width:90%;
}

section#contenido {
	max-width:100%;
}
	
}