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

*{margin:0; padding:0;}/*reseteamos todo*/

body{background-color:#5cc5ed;/*00f*/}

@Font-face { 
			font-family: HoboStd-1; 
			src: url('tipografia/HoboStd.ttf'); 
			}
			
@Font-face{
			font-family: HoboStd-2;
			src: url('tipografia/HoboStd.otf');
		  }

#contenedor{	
			width:960px;
			height:550px;
			position:absolute;
			top:50%;
			left:50%;
			/*subimos el div la mitad negativa de la altura*/
			margin-top:-375px;/*275*/
			/*desplazamos la mitad negativa de la anchura, de esta forma centramos el div*/
		 	margin-left:-480px;
			background-image:url(../imagenes/ICM-DESIGN-OKEY-WEB-800X399.png);
			background-repeat:no-repeat;
			}
			

#frase{	width:600px;
		height:90px;
		/*background-color:#CCC;*/
		margin:350px 0px 0px 100px;/*450px 0px 0px 145px*/
					
	  }

#frase p{ 	font-family:HoboStd-1, HoboStd-2;
					font-size:36px;
					text-align:center;
					font-style:italic;
					color:#FFF;
				 }
				 
#frase p span{ font-family:HoboStd-1, HoboStd-2;
						font-size:36px;
						font-weight:bold;
						text-align:center;
						font-style:italic;
						color:#10069f;
					 }


			
#datos-contacto{	width:600px;
					height:200px;
					/*background-color:#CCC;*/
					margin:50px 0px 0px 100px;/*450px 0px 0px 145px*/
					
				}
			
#datos-contacto p{ 	font-family:HoboStd-1, HoboStd-2;
					font-size:30px;
					text-align:center;
					font-style:italic;
					color:#FFF;
				 }
#datos-contacto .aviso{ 	font-family:HoboStd-1, HoboStd-2;
					font-size:30px;
					text-align:center;
					font-style:italic;
					color:#F00;
				 }
					
#datos-contacto p span{ font-family:HoboStd-1, HoboStd-2;
						font-size:36px;
						font-weight:bold;
						text-align:center;
						font-style:italic;
						color:#10069f;
					 }
			
#datos-contacto h1{	font-family:HoboStd-1, HoboStd-2;
					text-align:center;
					font-size:40px;
					color:#10069f;
					
					}