body{
     background-color: #80B2BF;
}

.principal{
    width: 1000px;
     background-color: #80B2BF;
    color: #2B3B40;
}

footer{
    color:white;
}



.titulo{
    color: white;
      font-size:22px;
    
}

.cabecera{
     background: #55777F;
border: 2px solid #FFF;
padding: 30px;
 text-align:center;
    color: white;
}

.menu{
border: 2px solid #FFF;
height: 40px;
}

ul.menu-horizontal{
margin:0;
padding:0;
}

ul.menu-horizontal li{
    display:block;
    float:left;
    padding:0 10px;1
    width:200px;
    height: 40px;
    font-size:29px;
	margin-right: 10px;
	background-color:#2B3B40;
    border-radius: 10px;
}

ul.horizontal li{
display:block;
float:left;
}

ul li a {
	display:block; //Convertimos el vínculo en un bloque.
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
    
}

#seccionPrincipal{
    
    width: 1400px;
    margin: 10px auto;
    padding: 10px;
}

.contenedorArticulos{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    width: 1000px;
    margin: 0px auto;
    padding: 10px;
}

.panelLateral{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    background: #2B3B40;
    width: 160px;
    margin: 0px auto;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #fff
}

.redes{
    
}

.pie{
     background: #55777F;
border: 2px solid #FFF;
padding: 30px;
 text-align:center;

border: 0;
   
    

}

.boton{
   
    
    padding:0 10px;1
    width:200px;
    height: 30px;
    font-size:20px;
	margin-right: 10px;
	background-color:#99D6E5;
    border-radius: 10px;
    color:#FFFFFF;
}

.seccionFormulario{
    margin-top: 20px;
    border: 2px solid #FFF;
}

.opcionesTitulo{
   display:inline;
}

.subtituloFormulario{
    text-align: center;
}

input[type="radio"]{
    display:inline-block;
    width:19px;
    height:19px;
}

.contenedorFoto{
    display: inline-block;
    width:  21%;
    margin-right: 0px;
}

.contenedorTexto{
    display: inline-block;
     width:  70%;
    margin-left: 10px;
        margin-right: 45px;
}

.texto{
    font-size:20px;
float:left;
width: 30%; 
}


.icono{
margin-left: 45%;
margin-top:5%;
margin-bottom:10%;
}

.ejemplo{        
       font-size:18px;
width: 100%; 
height: 530px;
}


.muestra{
    background-color:#99D6E5;
    float: left;
    width: 45%; 
        height: 460px;
}

.codigo{        
     
float:left;
    width: 45%; 
}

.tituloSeccion{
    font-size:20px;
	margin-right: 10px;
    color:#FFFFFF;
    text-align: center;
    margin-top: 20px;
}

.tituloEjemplo{
    font-size:26px;
	margin-right: 10px;
    color:#FFFFFF;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
    
}

ul li{
  list-style:none;
}

  p.dotted {border-style: dotted;}
        p.dashed {border-style: dashed;}
        p.solid {border-style: solid;}
        p.double {border-style: double;}
        p.groove {border-style: groove;}
        p.ridge {border-style: ridge;}
        p.inset {border-style: inset;}
        p.outset {border-style: outset;}
        p.none {border-style: none;}
        p.hidden {border-style: hidden;}
        p.mix {border-style: dotted dashed solid double;}

   ul.a {
                    list-style-type: circle;
                }

                ul.b {
                    list-style-type: square;
                }

                ol.c {
                    list-style-type: upper-roman;
                }

                ol.d {
                    list-style-type: lower-alpha;
                }


 div.capa{
                width: 300px;
                border: 25px solid green;
                padding: 25px;
                margin: 25px;
     background-color: blue;
            }

               p.texto_centro {
                    text-align: center;
                }

                p.texto_izq {
                    text-align: left;
                }

                p.texto_der {
                    text-align: right;
                }