@charset "utf-8";
/* CSS Document 
background:#efefef;


*/

#container{
		height:600px;
		background:#efefef;
		margin-top: 10px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius:6px;
		-moz-box-shadow:3px 3px 10px black;
		-webkit-box-shadow:3px 3px 10px black;
		box-shadow:3px 3px 10px black;
		
	}
	
	#logo{
		 height: 144px;
		 background:url(../images/logo.jpg) no-repeat;

	}

	#header{
		height: 144px;
		
	}
		#header h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size:28px;
			font-weight:normal;
			letter-spacing:3px;
			color:#333;
			margin:40px 10px 0 0;
			float:left;
				
			
		}
			
			
		/* =========== */
		/*  =Nav   */
		/* =========== */
		
		#header ul{ margin: 20px 0; float:left}
		#header ul li {
		float: left;
		list-style: none;
		}
		
		#header ul li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color: #303030;
		text-decoration: none;
		margin-right: 11px;
		padding-right: 11px;
		border-right: 1px solid #303030;
		}
		
		#header ul li a:hover{
		color: #ff0000;
		}
		
		#header ul li:last-child a{
		border-right: none;
		}
		#header ul li a.current { color:#F00;}
	
	#vineta1, #vineta2, #vineta3 {
		 margin-top: 30px;
		 height:160px;
		 border: 1px solid #666;
		 background:#EEE;
		
		}
	#vineta4{
		 margin-top: 20px;
		 height:220px;
		 border: 1px solid #666;
		 background:#eee;
		
		}
	
	#contenido_home{
		 margin-top: 20px;
		 height:220px;
		 border: 1px solid #666;
		 background:#FFF;
	}
	
	#contenedor_slide{
		height: 218px;
		width: 616px;
		position:absolute;
		margin-left:30px;
		margin-top:0;
		
		}
	#barra{
		height: 218px;
		width:3321px;
		position:absolute;
		left:0;
		top:0;
		}
	.slide{
		height: 218px;
		width: 558px;
		float:left;
		}
	#mascara{
		height:218px;
		width:558px;
		overflow:hidden;
		position:absolute;
		}
			
	.flecha {
	display: block;
	height: 65px;
	width: 30px;
	background: url(../images/arrows.png) no-repeat;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	}

	#izquierda {
		position: absolute;
		margin-top: 80px;
		margin-left: -30px;
		display: none;
	}
	
	#derecha {
		position: absolute;
		margin-top: 80px;
		margin-left: 560px;
		background-position: -38px 0;
	}
	.foto_slide {
	width: 556px;
	float: left;
	height: 218px;
}
			
	#separador{ clear:both;}
	
#sidebar {  
  display: inline;
  float: left;
  margin:20px 9px 9px 9px;
  width: 300px;
  height:420px;
/*  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color:#f00;*/
  }
  
  .caluga_sidebar {  
  display: inline;
  float: left;
  margin:0 0 10px 0;
  width: 300px;
  height:100px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666;
  }
  .calugon_sidebar {  
  display: inline;
  float: left;
  margin:10px 0 0 0;
  padding:16px 0 0 0;
  width: 300px;
  height:160px;
  text-align:center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666;
  }
  .calugon_sidebar h2 { font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:40px;}
  .calugon_sidebar h3 { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:36px;}
  .calugon_sidebar h4 { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:30px; margin-bottom:10PX;}
  .calugon_sidebar p { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:24px;}
  
      #calugon_bajada {  
  display: inline;
  float: left;
  margin:20px 9px 9px 9px;
  width: 620px;
  height:100px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666;
  }
        #calugon_contenidos {  
  display: inline;
  float: left;
  margin:1px 9px 9px 9px;
  width: 620px;
  height:298px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666;
  }
  		#calugon_contenidos h2 {		
		font-family: Arial, Helvetica, sans-serif;
		font-size:22px;
		font-weight:bold;
		color:#333;
		margin-bottom:4px;
		}
		#calugon_contenidos h3 {		
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#333;
		margin-bottom:5px;
		}
		#calugon_contenidos p {		
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333;
		font-weight:normal;
		}
.cuadro { margin:10px  30px 0 10px; overflow:hidden;}
  
  #calugon_contacto {
  background-image:url(../images/fondo_contacto.jpg); background-repeat:no-repeat;
  display: inline;
  float: left;
  margin:1px 9px 9px 9px;
  width: 620px;
  height:298px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #666;
  }
  .izq{ float:left; margin:0 10px 10px 0;}