﻿body 
{background: url(../imagenes/fondo.jpg) no-repeat center top #FFFFFF; 
margin:0; 
font-family: 'Text Me One', sans-serif;
font-size:inherit; /* agregado martin */
}

/* 
hr { 
  background-color: black;
  height: 2px; 
}
*/

.container {width:980px; margin:0 auto;}

h1, h2, h3 {font-weight:bold;
font-size:20px; /* agregado martin */
}

h1 {margin:0px 0}
h1 a {
	display:block;
	width:980px;
	height:150px;
	text-indent:-9999px;
	background-image: url(/lainstitucion/sistemaeducativo/educacionespecial/aniversario/imagenes/ba.gif);
	background-repeat: no-repeat;
}

h4 {font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:14px;
    text-align:justify;}
    
.content h2 {color:#C6D82E; font-size: 16px}

header h2 {font:24px; 
color:#fff; 
float:left; 
margin:10px; }

a.face {background:url(../imagenes/65.png);
display: block;
float:right; 
width: 980px; 
height:150px; 
text-indent:-9999px}
*/
a.face:hover {background-position: bottom}

.clear {clear:both}
ul, li {margin:0; padding:0; list-style:none}
nav li {float:left; z-index:99}
nav {height:60px; margin-top:30px}

nav a {display: block;
       width: 192px;
       height:60px;
       text-decoration:none;
       color:#FFFDEB; 
       line-height:60px; 
       text-align:center;
       font-weight:bold;
       font-size:13px;
       margin-right:5px}
           
nav  ul li a:hover {background:#9aca3c} 
.boton1 {background:#3F7AB5}
.boton2 {background:#3F7AB5}
.boton3 {background:#3F7AB5}
.boton4 {background:#3F7AB5}
.boton5 {background:#3F7AB5; 
margin:0!important}

.content {background:#fff;
          padding:29px; 
          margin:10px 0
          }
          

img {border:0}

.slide {float: left; padding-bottom:50px}

.video {float:right; padding-bottom:50px}

.columnitas {width:244px;
             padding: 0 30px; 
             border-left:#3F7AB5 2px solid; 
             float:left}
             
.columnitas h3 {margin-top:0; color:#3F7AB5}

.columnitas a {color: #3F7AB5; 
float: right; 
font-weight: bold;
text-decoration:none}
 
.columnitas-ultima-columna {width:244px;
padding: 0 30px;
 border-left:#3F7AB5 2px solid; 
 border-right:#3F7AB5 2px solid; 
 float:left}
 
.columnitas-ultima-columna  a {color:#3F7AB5; 
float: right;
 font-weight: bold; 
 text-decoration:none}
 
.columnitas-ultima-columna h3 {margin-top:0; color:#3F7AB5;}

/*
footer {
 background:#f5802d;
 height:50px;
 width: 980px;
margin:0 auto;
padding-top:30px
 }

.pie a: hover{
 color:#fff;
 text-decoration: none;
} */


/*
footer {background: #ACACAC; 
border-top: #fff 4px solid;
 margin-top:50px;
  height:270px}


.footer-centrado {width:980px; 
margin:0 auto;
padding-top:90px}

footer h4 {width:310px; 
height: 81px; 
background:url(../imagenes/nodofooter.png) no-repeat; float:left; 
text-indent:-9999px}

footer a {display: block; 
text-decoration:none; 
color: #fff; 
border-right:#fff 1px solid; 
padding:0 10px;margin-top:60px; 
font-weight: normal}

footer ul {float:right}

footer li {float:left}
*/

a.ultimo-boton {border:0!important}

.texto-interior {float:left;
                width:670px;
                text-align:justify;
                font-family: 'Roboto', sans-serif;
                font-size:14px;}
                
.mapa {float:right;
font-family: 'Roboto', sans-serif;
display:block; width:50px;height:50px; background:url(../imagenes/ir.jpg);text-indent:-9999px
}

.redes{float:right;}

#gallery {float:right;
         width:250px;}
         
#gallery li {float:left;
           margin:15px 15px 0px 0px;}