*{margin: 0px; }
#cabecera { border-bottom: orange 3px solid; height: 144px}
 #logotipo {background-color: black; width: 800px; float: left}
 
#navegacion {width: 800px; height: 36px; background: url(objetos/navbar-bg.png) left top repeat-x; }
#navegacion .inbar {display:block; height: 36px; background: url(objetos/right-round.png) right top no-repeat }
#navegacion ul, #navegacion ul li{border: 0px; margin: 0px; padding: 0px; list-style: none; height: 36px; line-height: 36px; }
#navegacion ul {background:url(objetos/left-round.png) left top no-repeat;  }
#navegacion ul li{float: left; display: block; line-height: 36px; width: 160px}
#navegacion ul li a {color: #403e32; text-decoration: none; font-weight: bold; display: block; height: 36px}
#navegacion ul li a span{padding:0 20px 0 0; height: 36px; line-height: 36px; display: block; margin-left: 20px;}
#navegacion .navinicio a, #navegacion .navinicio a:hover {background: url(objetos/a-bg.png) left top no-repeat; height: 36px; line-height: 36px;}
#navegacion .navinicio a span, #navegacion .navinicio a:hover span {color #FFFFFF; background: url(objetos/span-bg.png) right top no-repeat; height: 36px; line-height: 36px;}
#navegacion ul li a:hover {background: url(objetos/ahover-bg.png) left top no-repeat; height: 36px; line-height: 36px;}
#navegacion ul li a:hover span{ background: url(objetos/spanhover-bg.png) right top no-repeat; height: 36px; line-height: 36px}

#contenido {width: 800px}
 #idiomas {background-color: orange; height: 400px; background-image: url(objetos/fondolateral.png); background-repeat: y; border-top: 8px orange solid; float: left; width: 160px }
 #idiomasmateriales {background-color: orange; height: 1500px; background-image: url(objetos/fondolateral.png); background-repeat: y; background-color: orange;  border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid; float: left; width: 160px }
 #idiomasquienes {background-color: orange; height: 560px; background-image: url(objetos/fondolateral.png); background-repeat: y; background-color: orange;  border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid; float: left; width: 160px }
 #idiomasgaleria {background-color: orange; height: 1500px; background-image: url(objetos/fondolateral.png); background-repeat: y; background-color: orange;  border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid; float: left; width: 160px }
 #idiomascontacto {background-color: orange; height: 740px; background-image: url(objetos/fondolateral.png); background-repeat: y; background-color: orange;  border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid; float: left; width: 160px }
 #frances a {color: orange; } 
	 #frances{background-color: orange; width: 35px; float: left; padding: 9px ;}
	 #ingles {background-color: orange; width: 35px; float: left; padding: 9px}
	 #castellano {background-color: orange; width: 35px; float: left; padding: 9px}
	 #debajoidiomas{background-image: url(objetos/fondolateral.png);
                  background-repeat: y;
					        width: 160px;
					        height: auto;}
 #principal{background-color: white;  float:left; width: 480px; height: 400px}
 #principalmateriales{background-color:white; border-top:3px solid orange; float:left; width:480px; height:1500px}
 #principalquienes{background-color:white; border-top:3px solid orange; float:left; width:480px; height:560px}
 #principalgaleria{background-color:white; border-top:3px solid orange; float:left; width:480px; height:560px}
 
 #principalcontacto{background-color:white; border-top:3px solid orange; float:left; width:480px; height:740px}
  #principalcontacto a{text-decoration: none; color: black}
 
 
 #noticias {background-color: orange; height: 400px; border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid}
 #noticiasmateriales{background-color: orange; height: 1500px; border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid}
 #noticiasquienes{background-color: orange; height: 560px; border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid}
 #noticiasgaleria{background-color: orange; height: 560px; border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid}
 #noticiascontacto{background-color: orange; height: 740px; border-top: 8px orange solid; background-image: url(objetos/fondolateral.png); background-repeat: y; float: left; width: 160px; border-top: 8px orange solid}

 
#left{ text-align: left}
#left2{border-left: 26px solid white; text-align:left}
 
#contenido p {padding: 5px 10px 5px 10px; text-indent: 15px}
#pie { border-top: 3px solid orange; width: 800px; height: 15px;}
#pie a {color: white; text-decoration: none}
#pie a: link{}
#pie a: visited{}
#pie a: hover{color: white; text-decoration: none}
#pie a: active{color: white; text-decoration: none}
#nombrepie{border-top: 4px black solid; background-color: black; border-left: 18px black solid; float: left; width: 170px}
#telefonopie{border-top: 4px black solid; background-color: black; float: left; width: 135px}
#mailpie{border-top: 4px black solid; background-color: black; float: left; width: 477px}
#mailpie li {float: left; list-style: none}
#mailpie ul {margin-left: 1px}
#global {width:800px; margin: 4px auto; text-align:center}
#curva-superior { background-image: url(objetos/curva-superior.png) ;
                  background-repeat: no-repeat ;
                  width:800px ;
                  text-align:center;
									height: 10px ;
                  overflow : hidden }

									
#curva-inferior { background-image: url(objetos/curva-inferior.png) ;
                  background-repeat: no-repeat ;
                  width:800px ;
							
                  height: 11px ;
                  overflow : hidden }

 
h1 {font-size: 0.7em; color: black; font-weight: bold; text-decoration: none; text-align: center}
h2 {font-size: 1.2em; color: blue; font-weight: bold; text-decoration: none; text-align: center}
h3 {font-size: 0.9em; color: black; font-weight: bold; text-decoration: none; text-align: center; border-top: 10px orange solid}
h4 {font-size: 0.8em; color: white; text-decoration: none;text-align: left}
p {text-align: justify}
img{border-style: 0px solid black}
body{text-align:center}