/* paso 3*/
body { 
font-family: Arial;
 color: #6c7b84; 
 font-size: 12px;
 height: 100%;
 background-image: url(img/fondo.jpg); /* paso 4*/
 }
 
 /*paso 5*/
.barranegra {
height:19px;
 background-color: #000;
 }
/* paso 6*/
 .wrapper {
 width: 800px;
 margin: auto;
 height: auto;
 }
/*paso 7*/
 #cabecera{
 padding-top: 38px;
 padding-bottom: 19px;
 }
 /*paso 8*/
#cuerpo{ 
background-color:  #fff; 
padding-top: 30px; 
padding-bottom: 15px; 
padding-left: 15px; 
padding-right: 15px;
}

/*paso 9*/
#titulocabecera{
height: 90px;
 position: relative;
 }
/* paso 9 */
 h1 {
 font-size: 200%;
 padding-left: 15px;
 padding-right: 15px;
 }
 #descripcioncabecera{
font-size: 125%;
 padding-left: 15px;
 font-weight: 100;
 width: 500px;
 }

 /* paso 10,11 */
#doctor {
background-image: url(img/imgport.png);
 height: 231px;
 width: 177px;
 background-repeat: no-repeat;
 position:absolute;
 bottom: 0px; 
 right: 50px; 
 }


 /* paso 12*/
.menu{
height: 26px; 
background-image: url(img/fondomenu.jpg);
background-repeat: repeat-x;
padding: 10px;
margin-top: 10px;
}
/*paso 12:selector de contexto */
.menu li {
display: inline-block;
}

.menu a {
text-decoration: none;
color: #3A86B8;
padding: 5px;
margin: 0px 5px 0px 5px;
}

ul.menu li + li {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #3a86b8;
}

ul.menu > li:first-child {
border-left-width: 0px;
}

ul.menu > li:hover {
background-color: #D2E9F0;
}

ul.menu > li:active {
background-color: #E9F1F4;
}

/*Paso 13*/
#bloquesuperior {
padding-top: 15px;
padding-left: 7px;
padding-right: 7px;
display: inline-block;
}

#bloqueinferior {
padding-top: 15px;
padding-left: 7px;
padding-right: 7px;
}

/*Paso 14*/

h2 {
font-size: 175%;
margin-bottom: 10px;
padding-left: 8px;
}

/*Paso 15*/
#contido {
width: 65%;
float: left;
}

#sidebar {
width: 230px;
margin-left: 28px;
float: right;
vertical-align: top;
}

#bloquesuperior* {
vertical-align: top;
display: inline-block;
}

/*Paso 16*/

.entrada {
border-top-style: solid;
border-top-color: #0092C5;
border-top-width: 1px;
padding: 8px;
}

h3 {
font-size: 18px;
color: #0092C5;
margin-top: 10px;
margin-bottom: 5px;
}

.metadatos {
color: #7dd0f0;
padding-bottom: 19px;
}

.entrada p {
padding-bottom: 15px;
}

/*Paso 17*/

.contidoentrada {
width: 33%;
float: left;
margin: 0px;
}

.fotogaleria {
width: 65%;
float: right;
}

.foto {
text-align: right;
}

#bloqueinferior .entrada {
border-top-style: none;
border-top-width: 0px;
}

.bloquegaleria {
border-top-style: solid;
border-top-width: 1px;
}

/*Paso 18*/

#footer {
color: grey;
text-align: center;
padding-top: 3px;
height: 16px;
bottom: 0px;
width: 100%;
position: relative;
}

#footer ul {
display: inline;
}

#footer  li {
display: inline-block;
}

#footer li {
border-left-width: 1px;
border-left-style: solid;
border-left-color: grey;
padding-left: 5px;
padding-right: 5px;
}

/*Paso 19*/

#areaprivada {
width: 230px;
height: 57px;
background-image: url(img/areaprivada.jpg);
background-repeat: no-repeat;
margin-top: 10px;
}

#areaprivada:hover {
background-image: url(img/areaprivada.jpg);
background-position: 0px -58px;
}