body {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
    background: #f2f2f2;
    font-size: 1em;
    line-height: 1.5em;
}

   
h1 {
    font-size: 2.3em;
    line-height: 1.3em;
    margin: 15px 0;
    text-align: center;
    font-weight: 300;
    
		
}

p {
    margin:0.5em 0.5em 0.5em 0.5em;
   
}

img {
    max-width: 100%;
    height: auto;
}
#logo {
	height:70px;
	width:70px;
	float: left;
	padding:4px 10px 2px 10px;
	margin-left: 10px;
}
/*
formulario falta lista1 en style2
*/
.lista1 {
     display:inline;
     padding-left:3px;
     padding-right:3px;
     float:right;
     width:34%;
		height:100%;
		margin-top:18px;
}

#logomenu {
	margin-top:-17px;
	padding:8px 10px 0px 10px;
	width: 38px;
    height: auto;
    margin-left: 123%;
}

#main-header {
	background: WHITE;
	color: white;
	height: 80px;
	box-shadow: 2px 2px 10px #666;
	

	margin:auto; /* Centramos los elementos */
	overflow:hidden; /* Eliminamos errores de float */
}	
	#main-header a {
		color: #004399;
	}
 
 #main-footer {
	background: #e6f4fa;
	color: white;
	text-align: center;
	padding: 20px;
	margin-top: 40px;
}
	#main-footer p {
		margin: 0;
	}
	
	#main-footer a {
		color: #004399;
	}
/*
 * Logo
 */
#logo-header {
	float: left;
	padding: 28px 25px 25px 0px;
	text-decoration: none;
}
	#logo-header:hover {
		color: #0b76a6;
	}
	
	#logo-header .site-name {
		display: block;
		font-weight: 700;
		font-size: 1.2em;
	}
	
	#logo-header .site-desc {
		display: block;
		font-weight: 300;
		font-size: 0.8em;
		color: #999;
	}
	
 
/*
 * Navegación
 */
nav {
	float: left;
}
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-right: 20px;
		    margin-left: 35px;
	}
	
		nav ul li {
			display: inline-block;
			line-height: 80px;
		}
			
			nav ul li a {
				
				padding: 25PX 25PX 25PX 25PX;
				text-decoration: none;
			}
			
				nav ul li a:hover {
					background: white;
				}
				
#main-header {
	background: WHITE;
	color: BLACK;
	height: 80px;
	
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
	box-shadow: 2px 2px 10px #666;
}

/*
 * menuuu laterallll
 


 
 
 */
 
  .menu_bar {
	display:none;
	
}

.lista  { 
	display: none; 
	position: fixed;
	 top: auto; 
	 width: 100%;
	  height: 260px; 
	  z-index: 1000;
	   background-color: #ffffff;
	    }
@media screen and (max-width:800px ) {
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: absoluty;
	}
 
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}
 
	.menu_bar {
		display:block;
	
		background:#ccc;
		    float: right;
		    margin-top:-70px;
		      width: auto;
  height: auto;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:white;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.menu_bar span {
		float:right;
		font-size:40px;
	}
}


 /*todooooooooo el menuuuuuuu de arribaaa
 a
 a
 a
 a
 a
 a overflow: auto;*/





root { 
    display: block;
}
#cuerpo{
    margin:auto;
    margin-top:170px;
    width: 900px;
    height: 700px;
   
}
        span.str
		{
			color:red;
		}
                .titreg{
                    width: 300px;
                position: relative;
                margin-left: 156px;
                margin-top: -35px;
                }
   ////////////////////////////////////////////////////
   
    /*Poner un overflow auto en la caja exterior es el método 1 para expandor la caja exterior hasta abajo. funcionará en la mayoría de navegadores.*/
/*  overflow: auto;*/ /*Poner un overflow auto en la caja exterior es el método 1 para expandor la caja exterior hasta abajo. funcionará en la mayoría de navegadores.*/
/*  overflow: auto;*/
.ext {
  width: auto;
  background-color: black;
  box-shadow: 10px 5px 5px black;
  
  padding: 10px;
  height: auto;
  /*Poner un overflow auto en la caja exterior es el método 1 para expandor la caja exterior hasta abajo. funcionará en la mayoría de navegadores.*/
/*  overflow: auto;*/
}

.intform {

  background-color: white;
  box-shadow: 4px 5px 14px black;
  margin-right:5px;
  overflow: hidden;
  /*comenta o descomenta las propiedades overflow*/
  /* overflow: visible;*/
    margin-left: 5px;
 margin-top: 114px;
 margin-bottom: 30px;
  padding: 10px;
 
  height: auto;
  border: 3px solid #3399cc;
}

.imgs {
  width: 250px;
  height: 200px;
}

.ext {
  clear: both;
}
   .toblerone {
  border: #b2b2b2 1px solid;
  border: #b2b2b2 1px solid;
  border-collapse: collapse; 
  empty-cells: show;
   border-spacing: 2px;
}

  .toblerone td{
  border: #b2b2b2 1px solid;
  border: #b2b2b2 1px solid;
  border-collapse: collapse; 
  empty-cells: show;
   border-spacing: 2px;
}

  .textbox
  {
  border: 1px solid #DBE1EB;
  font-size: 18px;
  width: 240px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #e7eaed;
  background: linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
  background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
  color: #2E3133;
  }
  
  .textbox:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  }

  .imgsavatar {
  
  width: 75px; height: 75px;
  }