body {
		background-color: #E6E6E6;	}


h1 {text-align: center;
	color: #0B2161;
	font-family: 'zil', sans-serif ;	}

h2 {text-align: center;
	color:#424242;
	font-size: 24px;
	font-family: 'zil';	font-weight: bold; font-size: 15px;}
p{	
	text-indent: 20px;
	font-family: 'Roboto Condensed', sans-serif ;	}

@font-face{ font-family: 'zil';
			src:url('fuentes/zil.ttf');	}

#contenedor {
			 width: 960px;
			 height: 1100px;
			 background-color:white;
			 margin: 0 auto;
			 position: relative;	}

	a {	text-decoration: none; color: white;	}

/*--------------------------------------Encabezamiento de la Web ---------------------------------------*/

	header {
			width: 960px;
			height: 160px;
			background-color:#A9E2F3;
			position: static;}

		#logo {	
				width: 150px;
				height: 150px;
				float:left;
				padding: 5px;
				margin-left: 45px;
				position:absolute;
				z-index: 10;	}

			hr {
				  width: 959px;
				  height: 3px;
				  background-color: black;
				  position: absolute;
				  top:100px;
				  border-style: none;		}

/*-------------------------------------- menu de los diferentes enlaces de la Web ---------------------------------------*/

nav	{
		width: 710px;
		height: 48px;
		float:right;
		margin-top:13px;
		border-radius: 10px;
		margin-right: 10px;	
			}

	#titaka {text-align: center;
			 font-size: 36px;
			 font-weight: bold;
			
			 font-family: 'Crimson Text', serif;
			 margin-top: 25px;
			}

	li {
		  border: solid white 0px;
		  border-radius:6px;
		  display: inline;
		  background: black;
		  color: white ;
		  margin-right: 5px;
		  padding: 7px 6px 7px 6px;
		  letter-spacing: 2px;		}

	  li:hover a{	color: black;	}

		 li:hover {	
					border:solid white 0px;
					border-radius:6px;
					background: white;
					color: black ;
					display:inline;
					padding: 7px 6px 7px 6px;
					margin-right: 7px;
					font: font: 12px/10px mdc1,sans-serif;
					letter-spacing: 2px;		}
article {
		 
		 width: 960px;
		 height: 950px;		}
/*-------------------------------------- Cuerpo o contenido de INDEX ---------------------------------------*/

#contenedor1 {
			 width: 960px;
			 height: 1500px;
			 background-color:white;
			 margin: 0 auto;
			 position: relative;	}


#centralin {
		 
		 width: 960px;
		 height: 830px;		}

#article1 {
		 
		 width: 960px;
		 height: 850px;		}



	   	  #slider{
					border:solid white 0px;
					width:940px;
					height: 300px;	
					float: left; 
					margin: 8px 8px 8px 10px;	}	

			#texto {			
					width:750px;
					height: 625px;
					background-color: #A9E2F3;
					float:left;
					margin-right: 4px; 
					padding: 20px;
					margin-left: 8px;
					text-align: justify;
					border-radius: 5px;
					margin-top: 10px;
					overflow:auto;}

				#amapo{
						width:135px;
						height: 503px;
						float:left;
						vertical-align: center;
						margin-left: 14px;
						margin-top: 10px; }

/*------------------------------------ Páginas de Quienes Somos ------------------------------*/

 #img-qqss{	border:solid red 0px;	
			width:940px;
			height: 250px;	
			float: left; 
			margin: 8px 8px 8px 10px;	}

/*-------------------------------------- Productos y Servicios ---------------------------------------*/

#plantil {width: 960px;
		  height: 200px;
			background-color:  #E0FFFF;}

#tex1 {
		
		width:750px;
		height: 465px;
		background-color: #BDBDBD;
		float:left;
		position:absolute;
		top: 365px;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;}


#tex2 {
		
		width:750px;
		height: 465px;
		background-color:  #A9E2F3;
		float:left;
		visibility: hidden;
		position:absolute;
		top: 365px;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;}

#tex3 {
		
		width:750px;
		height: 465px;
		visibility: hidden;
		background-color:  #BDBDBD;
		float:left;
		position:absolute;
		top: 365px;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;}
#tex4 {
		
		width:750px;
		height: 465px;
		background-color: #A9E2F3;
		float:left;
		visibility: hidden;
		position:absolute;
		top: 365px;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;}
#tex5 {
		
		width:750px;
		height: 465px;
		background-color: #BDBDBD;
		float:left;
		visibility: hidden;
		position:absolute;
		top: 365px;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;}

#amapo1 {
		position: absolute;
		left: 816px;
		width:135px;
		height: 503px;
		vertical-align: center;
		top: 365px;
		margin-top: 10px; }	

#contenedor1{
			 width: 960px;
			 height: 1005px;
			 background-color:white;
			 margin: 0 auto;
			 position: relative;	}

#cubo1,#cubo2,#cubo3,#cubo4,#cubo5{width: 180px;
									height: 180px;
									margin-left: 10px;
									background-color: white;
									float:left;
									margin-top: 5px;}

  .img-index{
                            padding: 2px 2px 6px 2px;
                            clear:left;
                            float:left;
                            width:180px;
                            -webkit-transition: all 2s;   }
  .img-index:hover{
                                    transform: scale(1.1, 1.1);
                                    -webkit-transform: scale(1.1, 1.1);
                                    -o-transform: scale(1.1, 1.1);
                                    -moz-transform: scale(1.1, 1.1);
                                    -o-transform: scale(1.1, 1.1);    }

  .img-index1{
                            padding: 2px 2px 6px 2px;
                            clear:left;
                            float:left;
                            width:50px;
                            -webkit-transition: all 2s;   }
  .img-index1:hover{
                                    transform: scale(1.1, 1.1);
                                    -webkit-transform: scale(1.1, 1.1);
                                    -o-transform: scale(1.1, 1.1);
                                    -moz-transform: scale(1.1, 1.1);
                                    -o-transform: scale(1.1, 1.1);    }





.alinea{float:left;
margin: 10px;}

/*-------------------------------------- aviso Legal.html ---------------------------------------*/

#texto2 {
		
		width:750px;
		height: 800px;
		background-color:  #58abdd;
		float:left;
		margin-right: 4px; 
		padding: 20px;
		margin-left: 8px;
		text-align: justify;
		border-radius: 5px;
		margin-top: 10px;
		overflow: auto;
		font-size: 10px;}

	#avi {color: #58abdd;
		  text-align: center; }

		a, #ff-aviso :hover {color:white;	}

/*-------------------- Efecto giro en las imágenes de enlaces externos ---------------------*/

.rotarY{
		   transform:rotateY(0deg);
		   transition-duration: 2s;
		   -webkit-transform:rotateY(0deg);
		   -webkit-transition-duration: 2s;	}
	.rotarY:hover{
				   transform:rotateY(180deg);
				   transition-duration: 2s;
				   -webkit-transform:rotateY(180deg);
				   -webkit-transition-duration: 2s;		}

		.rotarX{
				   transform:rotateX(0deg);
				   transition-duration: 2s;
				   -webkit-transform:rotateY(0deg);
				   -webkit-transition-duration: 2s;		}

			.rotarX:hover{
						   transform:rotateX(180deg);
						   transition-duration: 2s;
						   -webkit-transform:rotateY(180deg);
						   -webkit-transition-duration: 2s;		}

/*---------------------------- Contactar ( Formulario ) ---------------------------------*/

form{
		width: 440px;
		height: 785px;
		margin-top: 10px ;
		float: left;
		margin-left: 6px;	}

	legend {
			color:white;
			background-color: #58abdd;
			font-size: 20px;
			font-weight: bold;
			border:solid #005395 2px;
			border-radius: 8px 0px 8px 0px;
			margin-left: 30px;
			padding: 3px 6px 3px 6px;	}

		table {background-color: #58abdd;}

			fieldset{
						background-color: #58abdd;
					    border:solid #005395 2px;	}

			#text-area{	margin-left: 14px;	}

				textarea{	
							margin-top: -10px;
							margin-left: 30px;		}

					.tam {
							font-size: 12px;
						 	text-align: justify;
						 	font-weight: bold;	}

						#coli {	margin-left: 200px;	}

							.ff-enviar{	border: solid #005395 2px;
										border-radius: 6px;
										background-color: white;	
										color:#005395;
										padding: 4px 4px 4px 4px;	}

								.ff-enviar:hover{
													background-color:#005395;	
													color:white;	}

		/*---------------- Contactar ( Ubicación ) ----------------------*/

#ubicacion{  background-color: white;
			width:350px;
			height: 785px;
			float:left;
			margin-left: 8px;
			margin-top: 24px;		}

	#ub-mapa{
				width:350px;
				height: 300px;
				background-color:  #58abdd;
				float:left;	}

		  #ub-text{ background-color:  white;
					width:350px;
					height:450px;
					float:left;
					margin-top: 18px;
					border-radius: 20px 20px 20px 20px;		}									

/*-------------------------------------- pie de la Web ---------------------------------------*/

footer{
		border:solid red 0px;
		width: 960px;
		height: 75px;
		background-color:black;
		position: relative;
		float: left;
		top: 10px;	}

  #ff-tel {
			width: 250px;
			height: 75px;
			float:left;	
			background-color: black;	}

	#ff-aviso {
				width: 460px;
				height: 45px;
				float:left;
				color:white;
				text-align: center;
				padding-top:30px;		}

		#ff-icox {
					width: 210px;
					height: 65px;
					float:left;
					text-align: right;
					margin-top: 10px;
					margin-right: 40px;			}

	/*--------------------------- index cuadrados de abajo al 50% -----------------------------*/				
			#texto-contenido{
		width:960px;
		height:580px;
		padding-top: 20px;
	}

		#cuadro1,#cuadro2,#cuadro3,#cuadro4{
			width:215px;
			height:560px;
			float:left;
			margin-left: 20px;
			display:block;
		}

		#cuadro1b,#cuadro2b,#cuadro3b,#cuadro4b{
			width:215px;
			height:560px;
			float:left;
			margin-left: 20px;
			display:none;
			text-align: justify;
			font-size: 14px;
		}
		#centralux{
			width:430px;
			height:540px;
			float:left;
			margin-left: 20px;
			display:block;
			background-color: #BDBDBD;
			color:#0B2161;
			padding: 10px;
			text-align: justify;
			text-indent: 20px;
			border:solid;
			border-radius: 8px;
		}

.realsa {font-size: 32px;
		color:black;
		font-family: 'Playfair Display', serif;
		border-radius: 8px;
		background-color: white;}

		/*--------------------------- marcas -----------------------------*/	


		#centralmarcas {
		 background-color: white;
		 width: 960px;
		 height: 1040px;	
		 position: relative;	}

		 #marca1 {width: 920px;
				 height: 300px;
				 background-color: white;
				 position: relative;
				 margin-left: 20px;
				 border-radius: 08px;
				 border:solid;
				 border-color:blue;
								}


		 #m1 {width: 300px;
				 height: 300px;
				 background-color: white;
				 position: static;
				 float:left;
								}	
		 #m2 {width: 620px;
				 height: 300px;
				 background-color: white;
				 position: static;
				 float:left;
								}		
		#o1	{	width: 120px;
				 height: 120px;
				 background-color: white;
				 position: static;
				 float:left;
				 margin-left:40px;
				 margin-top:20px;
								}
		#o2	{	width: 120px;
				 height: 120px;
				 background-color: white;
				 margin-left:20px;
				 margin-top:20px;
				 position: static;
				 float:left;
								}