﻿.akordeon
{
    width: 90%;
    float:left;
    color: White;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
  	margin-top:20px;
    margin-bottom:30px;
}
.akordeon-item
{
    position: relative;
}
.akordeon-item .akordeon-item-head
{
    height: 44px;
    background: #304886;
    padding-top: 14px;
}
.akordeon-item .akordeon-item-body
{
    background: #fff;
    border-bottom: none;
    overflow: hidden;
}
.akordeon-icon
{
    width: 34px;
    height: 30px;
    background:#transparent;
    padding: 0;
    margin: 0;
    float: right;
    cursor: pointer;
   
}
.akordeon-heading
{
    float: left;
    padding-left: 30px;
    padding-top: 8px;
    font-weight: bold;
}
.akordeon-icon span
{
    color: #fff;
    font-size: 36px;
    position: absolute;
    right: 6px;
    top: -6px;
    font-weight: bold;
    text-align: center;
}
.akordeon-item.expanded .akordeon-icon span
{
    top: -9px;
}
.akordeon-item-head-container
{
    width: 100%;
    position: absolute;
    left: -8px;
    cursor: pointer;
}

/*.akordeon-item.expanded .akordeon-item-body
{
    border-top: solid 1px #fff;
}*/
.akordeon-item.collapsed
{
}

.akordeon-item.expanded .akordeon-heading
{
    color: white;
}

.akordeon-item.expanded .akordeon-item-head
{
    background: #f60;
}
.akordeon-item-content
{
    padding: 10px;
    min-height: 10px;
	color:#222;
    
   
}

.akordeon-item-content p{
	color:#888;
	
}
.akordeon-border-bottom
{
    border-bottom: solid 1px white;
}
/*.akordeon-border-top
{
    border-top: solid 1px black;
}*/
/*.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom
{
    border-bottom: solid 1px #fff !important;
}*/
.akordeon-item.akordeon-item-first .akordeon-item-head
{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
   
}

.akordeon-item.akordeon-item-last.collapsed .akordeon-item-head
{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: none;
    behavior: url(PIE.htc);
}
.akordeon-item.akordeon-item-last.expanded .akordeon-item-head
{
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: solid 1px fff;
    behavior: url(PIE.htc);
}
.akordeon-item.akordeon-item-last.expanded .akordeon-item-body
{
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    behavior: url(PIE.htc);
}
#button-less
{
    margin-top: 20px;
}
#button-less .akordeon-item-head-container
{
    left: 0px !important;
}
.item-p{
	width:100%;
	margin-bottom:15px;
	float:left;
	border-bottom:1px dashed #ccc;
	
}
.item-p img{
	float:left;
	margin-bottom:10px;
	border:5px solid #89A2E0;
	
}
.descripcion{
	float:left;
	min-height:160px;
	background-color:#fff;
	width:430px;
	margin:0px 10px 10px 10px;
	
}
.descripcion span.name{
	color:#fff;
	display:inline-block;
	padding:5px;
	background-color:#f60;
	font-weight:900;
	font-size:18px;
	margin-top:50px;
	
}
.descripcion span.desc{
	color:#222;
	display:block;
	padding:5px;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	margin-top:10px;
	
	
}