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

<style>



html {

		}



body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }

body { font-family: Verdana; background: #ae0b1e; }

#page-wrap { width: 806px; margin: 0 auto; }

#header {
	height: 60px;
	width:790px;
	}

	
	
	
	
#header h1 {
	height: 35px;
	background: url(images/logo.png) no-repeat;
	text-indent: -9999px;	
	}

#nav {
	height: auto;
	background: url(images/light-02.png) no-repeat;
	border-top: 2px dashed #f5ebc0;
	}
	
#facebook {
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		background:url(images/facebook.png) no-repeat 0px 0px;
		text-indent: -9999px;
		margin-top:10px;
		}
		
#facebook:hover	{
		background: url(images/facebook-h.png) no-repeat;
		}
		
		
#twitter	{
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		background:url(images/twitter.png) no-repeat 0px 0px;
		text-indent: -9999px;
		margin-top:10px;
		}
		
#twitter:hover	{
		background: url(images/twitter-h.png) no-repeat;
		}
		
#blog {
		display: block;
		width: 40px;
		height: 40px;
		float: right;
		background:url(images/blog.png) no-repeat 0px 0px;
		text-indent: -9999px;
		margin-top: 8px;
		}
		
#blog:hover	{
		background: url(images/blog-h.png) no-repeat;
		}
	
	
#quienes	{
		
		height: 180px;	
		text-indent: -9999px;
		display: block;
		text-decoration: none;
		background: url(images/quienes.png) no-repeat;
		}
		 
#quienes:hover{
			background: url(images/quienes-h.png) no-repeat;
			height: 180px;	
			text-indent: -9999px;
	
	}
	
#quienes:active{
			background: url(images/quienes-h2.png) no-repeat;
			height: 180px;	
			text-indent: -9999px;
	
	}
	
	
	
#caja {  
     width:787px;
	 text-align:right;
	 height:240px;  
     display: none;  
     padding:5px;   
    /* background-color:#f5e7af;  */
	 }  
	 
#servicios	{
		
		float:right;
		margin: 5px 40px 0 0;
		}
		
#textservicios{
	width:325px;
	float:right;
	margin:0 15px 0 0;
}
	 
	#caja p{
	font-size:13px;
	margin: 0 0 0.3em 0;
	/* color: #CE123D; */
	color: #f5e7af;
	}
	 
#caja2 {  
     width:787px;
	 height:auto;  
 	 display: none;
     padding:5px;    
     background-color:#f5e7af;  
	 }  
	
	
 #caja3 {  
     width:787px;
	 height:350px;  
 	 display: none;
     padding:5px;    
     background-color:#f5e7af;  
	 }  
	 

	#caja3 h2{

	font-size: 120%;
	line-height: 40px;
	font-weight: heavy;
	margin: 0 0 0.3em 0;
	color: #CE123D;
	}
	
	#caja3 h4{
	font-weight: heavy;
	margin: 0 0 0.3em 0;
	color: #CE123D;
	}
	
	#caja3 h3{
	color: #5B0000;
	}

	#caja3 p{
	font-size:12px;
	line-height: 20px;
	margin: 0 0 0.3em 0;
	color: #CE123D;
	}
	
	

#portafolio	{
		
		height: 165px;	
		text-indent: -9999px;
		display: block;
		text-decoration: none;
		background: url(images/portafolio.png) no-repeat;
		}
		 
#portafolio:hover {
			background: url(images/portafolio-h.png) no-repeat;
			height: 165px;	
			text-indent: -9999px;
	
	}
	
#portafolio:active {
			background: url(images/portafolio-h.png) no-repeat;
			height: 165px;	
			text-indent: -9999px;
	
	}
	
#contacto	{
		
		height: 198px;	
		text-indent: -9999px;
		display: block;
		text-decoration: none;
		background: url(images/contacto.png) no-repeat;
		}
		 
#contacto:hover {
			background: url(images/contacto-h.png) no-repeat;
			height: 198px;	
			text-indent: -9999px;
	
	}

#contacto:active {
			background: url(images/contacto-h.png) no-repeat;
			height: 198px;	
			text-indent: -9999px;
	
	}
	
	
#footer {
	height: autopx;
	background: url(images/light-02.png) no-repeat;
	border-top: 2px dashed #f5ebc0;
	padding: 20px 100px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:-100;
	letter-spacing: normal;
	color:#FDF0c2;
	}
	
	
.col1 {

	width: 300px;
	height:auto;
	float:left;
	margin: 0 20px 0 20px;
	padding: 5px 10px 5px 5px;
	
}

.col2 {
	width: 300px;
	height:auto;
	float:left;
	margin: 50px 0 0 0px;
	padding: 5px 10px 5px 5px;
}


#contacto:focus, #portafolio:focus, #quienes:focus, #blog:focus, #twitter:focus, #facebook:focus{outline:none;}
</style>