/* CSS Document */

html,body{height:100%;line-height:22px;}
#cabecera{
        height:20%;
		line-height:15px;
}
#logo {
	margin-top:15px;
	position:static;
	margin-left:200px;	
}

#izquierda{
        height:50%;
        background-color:#BDD2EF;
        float:left;
        width:50%;
}
#derecha{
        height:50%;
        background-color:#DAF7E2;
        float:right;
        width:50%;
}
#pie{
        height:20%;
        background-color:#D3D1C1;
        clear:both;
}

#cssmenu ul{
	width:1000px;
	list-style-type:none;
	position:static;
	display:block;
	height:30px;
	margin:0;
	padding:0;
	font-size:13px;
	background:transparent url(../images/black.jpg)repeat-x top right;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
#cssmenu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	
	border-right:1px solid #ffffff;
	}
#cssmenu li a{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	height:30px;
	}
#cssmenu li a:hover{
	background:transparent url(../images/blue.jpg) repeat-x top right;	
	}

#titulo {
  
  
}
h1.titulo {
  font-family: 'Michroma', sans-serif;
  padding:0px;
  color: orange;
}
#titulo p {
  font-family: 'Michroma', sans-serif;
 
  
}

#footer{
    position: fixed;

    bottom: 0;

    width: 100%;

    height:41px;

    background-color:#0956bf;
}
hr { 
  background-color: black;
  height: 1px;
  width:100%; 
}

#slider p1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0956BF;
	text-align: left;
	font-style: italic;
}

h1{
	font-family: 'Michroma', sans-serif;
				font-size:18px;
				display:block;
				float:left;
				padding: 22px 0 0 0;				
				color:#ffb700;
				text-decoration:none;	
				
}
h2{
	font-family: 'Michroma', sans-serif;
				font-size:11px;
				display:block;
				float:left;
				height:30px;				
				color:#003398;
				text-decoration:none;	
}
#cuadroGrande{
	border-width:1px;
	border-color:black;
	border-style:solid;
}