*{
    margin:0px;
    padding:0px;
}
body{
    background-color:#fffffa;
    font-family: Helvetica;
	font-size:12px;
	text-align:left;
}
/*--- header --- */
header{
    width:100%;
    background-color:#f0f0f1;
    overflow:hidden;
}
header nav{
    width:80%;
    max-width:1000px;
    margin:0px auto;
    background-color:#f0f0f1;
    float: right;
}
.logo_menu_bar{
    background-color:#f0f0f1;
    width:100px;
}
.logo-menu_img{
    border-radius:8px;
}
.menu_social{
    height: 25px;
    width:100%;
    margin: auto;
    text-align: left;
    background-color: #ffffff;
}
.menu_social ul{
    list-style:none;
}
.menu_social ul li{
    float: left;
}
.menu_social ul li a{
    display:block;
    padding: 5px;
    text-decoration:none;
    color:#555555;
}
.menu_social ul li span{
    margin-right: 5px;
}
.menu_bar{
    display:none;
}
header nav ul{
    overflow:hidden; /* para que no se superpongan los div o secciones */
    list-style:none;
}
header nav ul li{
    float:left; /* cada elemento li se pone uno al lado del otro */
}
header nav ul li a{
    color:#555555;
    padding: 23px;
    display: block; /* con esto hace efecto el padding a los 4 lados */
    text-decoration:none;
    font-size:14px;
    font-weight: bold;
}
header nav ul li span{
    margin-right:10px;
}
header nav ul li a:hover{
    background-color:#1572fa;
    color:#ffffff;
}
.tablacurso{
    overflow:hidden;
    margin: 20px;
}
/*---- tabla de precios ----*/
.tablaprecios{
    overflow:hidden;
    margin:10px 0px;
}
.tablaprecios ul{
    list-style:none;
}
.tablaprecios ul li{
    display: block;
    padding:5px;
    float:left;
    border-width:1px 1px 1px 1px;
    border-color:#000000;
    border-style:solid;
    margin:2px 0px;
    display:inline;
    height:70px;
    margin:1px;
}
.curso{
    /**/
}
@media screen and (max-width:800px){ /* de 800 para abajo el menu cambia a modo responsive */
    .logo_menu_bar{
        width:20%;
    }
    .logo-menu_img{
        max-width:80%;
    }
    .menu_social{
        display:none;
    }
    .resumen{
        max-width:300px;
    }
    .tablacurso ul li{
        max-width:230px;
    }
    .curso{
        max-width:80px;
    }
    .tablaprecios ul li{
        height:130px;
    }
}
/* --- pilares --- */
.pilares{
    overflow:hidden;
    background-color: #f0f0f1;
    font-size: 14px;
    padding: 20px 50px 20px 0px;
    color:#555555;
}
.item-pilar{
    width:80%;
    max-width:300px;
    margin:0px auto;
    float: left;
    padding: 10px 30px 10px 30px;
    text-align:justify;
}
.item-pilar a{
    text-decoration:none;
    color:#555555;
}
.item-pilar a h4{
    font-size: 20px;
    color:#555555;
}
/* --- resumen de pagina principal --- */
.resumen{
    float:right;
    width:580px;
    text-align:justify;
    padding:30px 30px 10px 0px;
}
/* --- servicios --- */
.servicios{
    padding:0px 20px 0px 20px;
}
.servicios ul{
    display:inline-block;
}
.servicios ul li{
    display:inline-block;
    width:300px;
    border-width:1px 1px 1px 1px;
    border-color:#000000;
    border-style:solid;
    text-align:justify;
    padding:10px 20px;
    margin: 20px;
}
/* --- menu de interiores --- */
.menu_aux{
    font-size: 16px;
    /*font-weight: bold;*/
    overflow:hidden; /* para que no se superpongan los div o secciones */
}
.menu_aux ul{
    list-style:none;
}
.menu_aux ul li{
    float:left; /* cada elemento li se pone uno al lado del otro */
}
.menu_aux ul li a{
    color:#ffffff;
    padding: 10px 23px;
    display: block; /* con esto hace efecto el padding a los 4 lados */
    text-decoration:none;
    background-color:#23c0c2;
    margin: 10px 20px 10px 20px;
}
/*---- modulos del curso ----*/
.tablacurso ul{
    list-style:none;
}
.tablacurso ul li{
    float:left;
    margin:10px;
    padding:5px;
    background-color:#dcdcdc;
    width:500px;
}