body {
  background: #eaeaea;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
}

a {
color:#FF8000;
}

a:hover {
color:#ffffff;
}
.site-header {
  padding-bottom: 15px;
  border-bottom:0px solid #222;
  margin-bottom: 5px;
  background:#27303e;
}

.navbar .navbar-header{
  background:#161c25;
  color:#fff;
}

.site-header .navbar,
.site-header .navbar-brand {
  font-size: 12px;
  background:#161c25;
  color:#fff;
}
.site-header a .navbar a,
.site-header a .navbar-brand a {
  color:#fff;
}

.site-header .navbar-nav > li > a,
.site-header .navbar-brand {
  padding: 5px 10px;
  color:#fff;
}

.site-header .navbar-nav > li > a:hover {
  color:#FF8000;
}

.site-header .navbar,
.site-header .navbar-brand {
  height: auto;
  min-height: 1px;
}

.site-header .logo {
  max-width: 100%;
  height: auto;
  max-height: 80px;
  width: auto;
}


.site-footer {
  padding-top: 20px;
  border-top: 1px solid #222;
  margin-top: 40px;
  font-size: .9em;
  font-weight: 300;
  background:#161c25;
    color:#fff;
}

.site-footer .logo {
  max-width: 100%;
  height: auto;
  max-height: 50px;
  width: auto;

  
}

.site-footer .logu {
  max-width: 100%;
  height: auto;
  max-height: 100px;
  width: auto;
}

.site-footer .fright{
  text-align:right;
}

.site-footer .lright{
  text-align:left;
}

.container h2{
  width:100%;
  text-align:center;
  margin:2px 0px 2px 0px;
  padding:7px 0px 7px 0px;
  background:#27303e;
  font-family:roboto;
  border-left:10px solid #FF8000;
  COLOR:#fff;
 }
.container h3{
  width:100%;
  text-align:center;
  padding:6px 0px 6px 0px;
  background:#333;
}

.ipalive {
  text-align:right;
  margin: 0px 0px 0px 3px;
}

/* FIN MENU DEL RECURSO 2016 */

#videosipa {margin:0 auto;}

.cp_panel_design {
  float:left;
  margin: 4px;
  padding: 0px 10px 0px 10px;
  max-width:370px;
}

.cp_panel_design img{
  border:3px solid #27303e;
}

.cp_panel_design H4 {
  width:100%;
  border-bottom:1px solid #444;
  text-align:center;
  font-size:18px;
  text-transform:uppercase;
  font-family:'Oswald';
  }
  
.cp_panel_design img{
width:350px;
height:200px;
}

.cp_panel_design img:hover{
opacity:0.7;
}

#vermas {
width:300px;
text-align:center;
float:right;
color:#fff;
background:#27303e;
padding:2px 6px 2 px 6px;
}

#vermas li{
list-style: none;width:100%;display: block;
}

#vermas li a{
color:#fff;
}


/* RESPONSIVE */
@media screen and (max-width:750px) {
.vipaimg {
  width:100%;
  padding:0px;
  padding-top:10px;
  margin:0 auto;
  margin:2px;
}
  
.site-footer .fright{
  text-align:center;
}
.site-footer .lright{
  text-align:center;
}
.container h2{
  padding:7px 0px 7px 0px;
  font-family:roboto;
  border-left:7px solid #FF8000;
  COLOR:#fff;
  font-size:16px;
 }
 
 .lado_img img{width:150px;height:100px;}

.cp_panel_design{
  float:center;
  width:100%;
  margin:0 auto;
  max-width:350px;
}

.ipalive {
  text-align:center;
}
}