@charset "utf-8";
           
a{
	text-decoration:none;
	font-style:normal;
	color:#000;
	border-bottom: 1px dotted;
    }

a:hover{
	color: #535353;
}
		
#content{
	margin:0 auto;
}
			
.reference{
	clear: both;
	top: 400px;
	left: -320px;
	position: absolute;
	text-align: right;
	width: 320px;
	padding: 20px;
	background-color: #FFFFFF;
	-moz-box-shadow: 3px 3px 10px  #FFF;
	-webkit-box-shadow: 3px 3px 10px  #FFF;
	box-shadow: 3px 3px 10px  #FFF;
	border-top-right-radius: 50px;
	border: 1px solid rgb(204,204,204);
}
			
.reference p {
	text-shadow: 2px 2px 1px #999999;
	color: rgb(37, 37, 37);
	font-size: 24px;
	font-family: 'Dosis', sans-serif;
	font-variant: small-caps;
	}

ul{
		list-style: none;
}
			
ul.accordion{
	position: absolute;
	right: 50px;
	top: 50px;
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1.5em;
}

ul.accordion li{
    float:left;
    width:115px;
    height:480px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}

ul.accordion li.bg1{
	background-image: url(../images/contacto1.jpg);
}
ul.accordion li.bg2{
	background-image: url(../images/mediacion.jpg);
}
ul.accordion li.bg3{
	background-image: url(../images/pluma.jpg);
}
ul.accordion li.bg4{
	background-image: url(../images/oficina3.jpg);
}
ul.accordion li.bg5{
	background-image: url(../images/arbol1.jpg);
}

ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}

ul.accordion li .description{
    position:absolute;
    width:480px;
    height:180px;
    bottom:0px;
    left:0px;
    display:none;
}

ul.accordion .bg5 .description, ul.accordion .bg3 .description{
	height:380px;
	}
ul.accordion .bg3 .description{
	height:260px;
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:45px;
    color:#444;
    text-align:left;
    margin:0px 0px 15px 20px;
	line-height:35px;
    text-shadow:-1px -1px 1px #ccc;

}
ul.accordion li .description p{
	line-height: 14px;
	margin: 10px 20px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.6em;
	text-align:justify;
}

#accordion .bg3 .description #movil, #accordion .bg5 .description #movil{
	display:none;	
}

/*ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#888;
}
*/

/*ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}
*/

ul.accordion li .bgDescription{
	height: 400px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	display: none;
	background-color: transparent;
	background-image: url(../images/bgDescription2.png);
	background-repeat: repeat-x;
	background-position: left top;
}
ul.accordion .bg1 .description{
    height:475px;
}

.gridContainer.clearfix #content #accordion .bg5 .description ul li, .description .texto li{
	display:list-item;
}

.title{
	position:absolute;
	background: transparent url(../images/title1.jpg) no-repeat top left;
	background-size:contain;
	top:20px;
	left:15px;
	border-radius: 8em 1em 8em 1em ;
	width:440px;
	height:130px;
	-webkit-box-shadow: 1px 1px 1px 7px rgba(255, 255, 255, 0.1);
	box-shadow: 1px 1px 1px 6px rgba(255, 255, 255, 0.7);    
}
		   
footer{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(255,255,255);
text-align:center;
margin: 0px auto;
position: fixed;
bottom: 10px;
width: 95%;
left:30px;
background-color: rgb(51,51,51);

}
			
footer a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #56ADDC;
}
footer a:hover {
	color: #999999;
}

.idioma {
	right:50px;
	top:20px;
	position:absolute;
	width:640px;
	height: 50px;
	text-align:right;
}

.idioma a, .social-contact a {
	border-bottom:none;
}

.idioma li,.idioma ul, .social ul/* ,footer ul#social , footer ul#social li*/{
display: inline-block;
}

.idioma ul li a img:hover, .social-contact a img:hover{
	box-shadow: 0px 0px 14px -1px #FFFFFF;
	border-radius:32px;
}

.idioma ul#lg{
	text-align:right;
	margin-left:290px;
}

.bg1 .description .contacto, h3,h4  {
	margin-left:42px;
	line-height:16px;
	font-style:normal;
}
h3,h4  {
	 font-style:italic;
	 }

#accordion .bg1 .description h2 {
margin-top:20px;
}

.social-contact {
	float: right;
	right:50px;
	height: 50px;
	width: 110px;
	top:80px;
	position: absolute;
	text-align:right;
	display:none !important;
}

.social {
	text-align:left;
	margin-right:90px;
}

/* top righ bottom left padding*/

#easyTooltip{
	padding:4px 8px 4px 8px;
    color:#fff;
    font-size:10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:bold;
	background:#9CA24C;
	border-radius: 8em 1em 8em 1em ;
}
#legal {
	visibility:hidden;
	width:auto;
}