/*
Theme Name: Server Multimedia Base
Theme URI: https://servermultimedia.com
Author: Adrian Hernandez
Description: Tema ultraligero para Server Multimedia.
Version: 1.0
Text Domain: smb
*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    background:#fff;
    color:#222;
}

img{
    max-width:100%;
    height:auto;
}

a{
    color:inherit;
    text-decoration:none;
}

main{
    width:100%;
}

.smb-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:10px 20px;

border-bottom:1px solid #ddd;

}

.smb-logo img{

max-height:70px;

}

.smb-banner{

min-width:300px;

text-align:right;

}

.smb-footer{

    margin-top:40px;

    padding:20px;

    text-align:center;

    background:#222;

    color:#fff;

}


.smb-footer a{

    color:#fff;

    text-decoration:none;

}

.smb-logo img{

max-height:80px;

width:auto;

}

.smb-banner img{

max-height:80px;
width:auto;

}

/*=========================================
  ESTRUCTURA GENERAL
=========================================*/

body{

    margin:0;
    padding:0;

    font-family:Arial, Helvetica, sans-serif;

    background:#f5f5f5;

}


#contenido{

    max-width:1200px;

    margin:25px auto;

    padding:0 20px;

    box-sizing:border-box;

}

/*=========================================
  CABECERA
=========================================*/

.smb-header{

    max-width:1200px;

    margin:20px auto;

    padding:0 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    box-sizing:border-box;

}

.smb-logo img{

    max-height:80px;

    width:auto;

}


.smb-banner img{

    max-height:80px;

    width:auto;

}

/*=========================================
  CELULAR
=========================================*/

@media(max-width:768px){

.smb-header{

    flex-direction:column;

    text-align:center;

}


.smb-logo{

    margin-bottom:15px;

}


.smb-logo img{

    max-height:110px;

}


.smb-banner{

    margin-top:10px;

}


.smb-banner img{

    max-width:100%;

    height:auto;

}


#contenido{

    padding-left:15px;

    padding-right:15px;

}

/* ===========================
   CONTENEDOR GENERAL
=========================== */

.smb-container{

    width:100%;

    max-width:1280px;

    margin:0 auto;

    padding:20px;

    box-sizing:border-box;

}



}