/* TABLE OF CONTENTS
---------------------------------------------------------
    0. = NORMALIZES
    1. = LAYOUT
    2. = TYPOGRAPHY
    3. = NAV
    4. = FORM
    5. = MODULES	
---------------------------------------------------------
*/
/* NORMALIZES Browers Styles */
* {
	margin:0;padding:0; /* removes defaults from all elements */
} 
ul {
	list-style:none; /* removes list-styles from lists */
}
a {
	text-decoration: none; 
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border: 0; 
}
dl {
	clear:both;
	height:100%;
}
dt,dd {
	float:left;
}
/* = CLEARING
---------------------------------------------------------
*/
.stretch, .clear {
	clear: both; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	font-size: 15px;
	line-height: 1px;
}
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}
/* fix for IE7 */
.clearfix{
	display: inline-block;
}
/* Show to IE-pc only */
* html .clearfix{
	/* Hide from IE-mac \*/
	height: 1px;
	/* End hide from IE-mac */
}
/* END CLEARING
--------------------------------------------------------------
*/

/*---------------------------------------------------------- */
/*  Layout Styles includes display properties,               */
/*						   floats ans positioning,           */ 
/*						   widths and heights,               */
/*						   paddings and margins              */
/*---------------------------------------------------------- */
/* = LAYOUT: TABLE OF CONTENTS
    1. = BODY & PAGE
    2. = HEADER
    3. = CONTENT
    4. = FOOTER
---------------------------------------------------------
*/
/* = BODY & PAGE
---------------------------------------------------------
*/
html{
   min-width:978px;
} 

.home #wrapper-header{
	width:100%;
	height:477px;
	float:left;
	padding:0;
	margin:0;
}

#wrapper-header{
	width:100%;
	height:373px;
	float:left;
	padding:0;
	margin:0;
}

#subwrapper-header{
width:100%;
	float:left;
	padding:0;
	margin:0;
}

#wrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#subwrapper{
	width:100%;
	float:left;
	padding:0;
	margin:0;
}
#container {
	width:951px;
	margin:0 auto;
	padding:0;
/*	min-height:900px;*/
}
.m-t-10{
	margin-top: 10px;
}
.m-r-10{
	margin-right: 10px;
}
.m-b-10{
	margin-bottom: 10px;
}
.m-l-10{
	margin-left: 10px;
}

.m-t-20{
	margin-top: 20px;
}
.m-r-20{
	margin-right: 20px;
}
.m-b-20{
	margin-bottom: 20px;
}
.m-l-20{
	margin-left: 20px;
}

/* END BODY & PAGE
---------------------------------------------------------
*/
/* = HEADER
---------------------------------------------------------
*/
#header {
	position:relative;
	width:100%;
	height:170px;
	margin:0;
	padding:0;
}
#header h1 { 
	margin:0 ;
}
h1.logo a{ 
	position:absolute;
	top:20px;
	left:370px;
	width:235px;
	height:59px;
	z-index:1000;
}
h1.logo a:hover{
	border:0;
}

/* END HEADER
---------------------------------------------------------
*/
/* = CONTENT
---------------------------------------------------------
*/
#body {	
	position:relative;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#content {
    position:relative;
	float:left;
	left:5px;
	width:941px;
	margin-top:-47px;
	margin-bottom:40px;
	min-height: 500px;
	background:url(../images/barContent.png) no-repeat 0 0%;
}
div.main{
	float:right;
	width:95px;
	padding-bottom:20px;	
}
div.sideLeft{
	float:left;
	width:48%;
	top-bottom:21px;

}

.sideLeft .inside, .sideRight .inside{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

div.sideLeftAfi{
	float:left;
	width:600px;
	top-bottom:21px;

}

div.wholeColumn{
	float:left;
	width:941px;
	top-bottom:21px;

}

div.sideRight{
	float:left;
	padding-left:35px;
	top-bottom:21px;
	width:48%;
}

div.sideRightAfi{
	float:left;
	padding-left:38px;
	top-bottom:21px;
	width:292px;
}


div.linkBetween{
	float:left;
	width:97%;
	height:20px;
	background:url(../images/linebetween.gif) repeat-x;
	margin:7px 0 15px 0;
    text-align:right;

}
/*.btnCircular{
	float:left;
	display:inline;
	margin:0 12px 10px 0;
	width:227px;
	height:118px;
	background:url(../images/butons.gif) 0 0;
}

.btnCircular:hover{
	float:left;
	display:inline;
	margin:0 12px 10px 0;
	width:227px;
	height:118px;
    background:url(../images/butons.gif) 0 100%;
	cursor:pointer;
}*/

.btnCircular a{
	float:left;
	margin:0 0 8px 0;
	width:49%;
	height:107px;
	background:url(../images/butons.gif);
	background-repeat: no-repeat;
	background-size: cover;
	cursor:pointer;
}

.btnCircular:nth-child(odd) a {
	margin-right: 2%;
}

.btnCircular a:hover{
    background:url(../images/butons.gif) 98% 98%;
}

.oficinas_smart a, .oficinas_smart a:hover {
	background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(../images/asesoramiento-juridico.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.btnCircular.convenio_fine a{
	width: 100%!important;
	margin-right: 0;
}

.convenio_fine a, .convenio_fine a:hover {
	background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(../images/convenio-fine.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.oficinas_smart a>h2, .convenio_fine a>h2 {
	color: #000;
	font-weight: 700;
}

.circu a{
	float:left;
	margin:0 12px 10px 0;
	padding-right:10px;
	width:442px;
	height:78px;
	background:url(../images/btnBig.gif) 0 0 no-repeat;
	cursor:pointer;
}

img.gale{
	float:left;
	margin:0 12px 10px 0;
/*	padding-right:10px;*/
	width:297px;
	height:225px;
}

.circu a:hover{
    background:url(../images/btnBig.gif) 0 100%;
}

.circuLink a{
	float:left;
	margin:0 12px 10px 0;
	padding-right:10px;
	width:442px;
	height:78px;
	background:url(../images/btnBigLink.gif) 0 0 no-repeat;
	cursor:pointer;
}

.circuLink a:hover{
    background:url(../images/btnBigLink.gif) 0 100%;
}

.linkW100 a{
	background: #796e6d;
	box-shadow: inset 0px 0px 0px 1px #6a6261;
	cursor:pointer;
	float:left;
	height: auto;
	margin:0 0 10px;
	padding-bottom: 35px;
	position: relative;
	width: 100%;
}
.linkW100 a:before{
	background: url('../images/icon32_link.png') 0 0 no-repeat;
	content: '';
	bottom: 8px;
	display: block;
	height: 32px;
	position: absolute;
	right: 11px;
	width: 32px;
}
.linkW100 a:after{
	background: #5c5655;
	content: '';
	bottom: 20px;
	display: block;
	height: 1px;
	left: 14px;
	position: absolute;
	width: calc(100% - 64px);
}
.linkW100 a:hover{
	background: #e9373a;
	box-shadow: inset 0px 0px 0px 1px #d6272a;
}
.linkW100 a:hover:after{
	background: #c22d30;
}

#circu-nav { 
	position:relative;
	float:right;
    margin: -23px 5px 15px 5px; 
	}
#circu-nav a { 
       padding: 5px; 
	   margin-right:5px;
       border: 1px solid #d9d1d1;
	    background: #e9e4e4; 
		color:#5c5655;
		border-radius: 3px; 
	    -moz-border-radius: 3px; 
	    -webkit-border-radius: 3px;  
		cursor:pointer; 
	}
#circu-nav a:hover, #circu-nav a.current { 
    background: #e9373a; 
	border: 1px solid #d6272a;
	color: white;
	border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;  
	 
}

/*float:left;
	width:80px !important;
	height:35px;
	vertical-align:top;
	margin:10px 0 0 0;	
	padding:3px;
	cursor:pointer;
	cursor:hand;
	border:0;
	text-align:center;
	color:#FFF;
	background:#2f2f2f ;
	font-size:.8em;
	text-transform:uppercase;
	font-weight:bold;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; */

.banner{
	float:left;
	display:inline;
	margin:0 0px 0px 0;
	width:467px;
	height:131px;
	background:url(../images/afi1.gif) 0 0;
}

.banner:hover{
	float:left;
	display:inline;
	margin:0 0px 0px 0;
    width:467px;
	height:131px;
    background:url(../images/afi1.gif) 0 100%;
	cursor:pointer;
}
.bannerTransparencia{
	float: left;
	width: 100%;
}
.bannerTransparencia img{
	max-width: 100%;
}
.transparencia a{
	color: #443f3f
}
.transparencia a:hover{
	color: #e9373a
}
.bannerTranspIntern{
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.bannerTranspIntern img{
	max-width: 100%
}
.listTransp li{
	display: inline-block;
	margin-bottom: 20px;
	min-width: 180px;
	width: 30%;
}
.listTransp img{
	max-width: 100%
}
div.inside{
	float:left;
	width:479px;
	/* height:695px; */
	padding:10px 0 12px 12px; 
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideContact{
	float:left;
	width:100%;
	padding:0; 
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideRight{
	float:left;
	width:360px;
	padding:20px 20px 10px 20px; 
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideRightSedes{
	float:left;
	width:442px;
	min-height:253px;
	padding:5px 7px 5px 12px; 
	margin:7px 14px 7px 0;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideRightSedesRight{
	float:left;
	width:442px;
	min-height:253px;
	padding:5px 7px 5px 12px; 
	margin:7px 0 7px 0;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideJuntaleft{
	float:left;
	width:442px;
	min-height:112px;
	padding:5px 7px 5px 12px; 
	margin:7px 14px 7px 0;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideJuntaRight{
	float:left;
	width:442px;
	min-height:112px;
	padding:5px 7px 5px 12px; 
	margin:7px 0 7px 0;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideRightJunta{
	float:left;
	width:60%;
	padding:5px 7px 5px 12px; 
	margin:7px 14px 7px 0;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

div.insideRightCirculares{
	float:left;
	width:928px;
    padding:10px 0 0 12px; 
	margin-bottom:20px;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}

.sideShape *, .sideShape {box-sizing:border-box;}
.sideShape .insideRightCirculares{
	width:100%;
	padding:10px;
}
.sideShape .circu a{
	width:100%;
    background: rgba(0, 0, 0, 0) url("../images/btnBig.gif") no-repeat scroll 100% 0;
    margin:0;
}
.sideShape .circu a:hover{
    background: rgba(0, 0, 0, 0) url("../images/btnBig.gif") no-repeat scroll 100% -79px;
}


.shapeLegal{
	width:97%;
	padding:10px 15px 12px 12px; 
	background:#ffffff;
	border:#e1e1e1 solid 1px;
}
div.sideShape{
	float:right;
	width:35%;
	}

div.formShape{
	float:left;
	width:60%;
    padding:10px 0 0 12px; 
	margin-bottom:20px;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
	}

	
div.estatutoShape{
    box-sizing: border-box;	
	float:left;
	width: 235px;
	clear: left;
    padding:10px 0 0 12px; 
	margin-bottom:20px;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
	}
.estatutoShape
	.btnCircular
		a {
			width: 210px;
			height: 107px;
			
		}
			

div.afiShape{
	float:left;
	margin-left:50px;
    padding:10px 0 0 12px; 
	margin-bottom:20px;
	background:#ffffff;
	border:#e1e1e1 solid 1px;
	}

div.col03{
	float:left;
	width:222px;
	margin:0 15px;
}
div.col04 {
	float:left;
	width:306px;
	margin:0 15px;
}
div.col05 {
	float:left;
	width:390px;
	margin:0 15px;
}
div.col06 {
	float:left;
	width:474px;
	margin:0 15px;
}
div.first {
	margin:0 15px 0 0;
}
div.last {
	margin:0 0 0 15px;
}
/* END CONTENT
---------------------------------------------------------
*/
/* = FOOTER
---------------------------------------------------------
*/
#footer-wrapper{
	width:100%;
	float:left;
	position:relative;
}
#footer-container {
position:relative;
	width:941px;
	height:150px;
	margin:0 auto;
}
#footer {
	float:left;
	width:100%;
	height:90px;
	padding:0;
}
#footer div.main{
	float:left;
	width:721px;
	min-height: inherit;
	padding:10px 0 0 0;
	margin:0 0 20px;	
	clear: none;
}
#footer div.side{
	float:right;
	width:220px;
	min-height: inherit;
	padding:23px 0 0 0;
	margin:0 0 0px;
	clear: none;
}

#footer h1{
	font-size: 1.3em;
	font-weight:700;
	line-height: 1.85em;
	margin: 0.3em 0 0 0;
	border-bottom:none;
}

div.logoFooter a{ 
    margin:0 0 50px 0; 
	width:208px;
	height:53px;
	z-index:1000;
}
div.logoFooter a:hover{
	border:0;
}

/* END FOOTER
---------------------------------------------------------
*/

/* --------------------------------------------------------------------------- */
/* Common Styles includes background properties, colors and images,	           */
/*						  font families, sizes, line heights, letter spacing,  */
/*						  text decorations and text colors					   */		    
/* --------------------------------------------------------------------------- */
/* = TYPOGRAPHY: TABLE OF CONTENTS
    1. = LINKS
	2. = BODY
    3. = HEADINGS
    4. = TEXT
    5. = LISTS
    6. = TABLES
    7. = HORIZONTAL RULES
---------------------------------------------------------
*/
/* = LINKS
---------------------------------------------------------
*/
/*a, a:link, a:active{
	color: #ff7700;
	background-color: transparent;
	outline:none;
}
a:visited{
	color: #ff7700;
	background-color: transparent;
}
a:hover{
	color: #ff7700;
	background-color: transparent;
}*/


a.between{
	color: #5c5655;
	padding-left:5px;
	outline:none;
	background-color:#FFFFFF;
}

a.between:hover{
	color: #ef5154;
}

a.linkRed{
	color: #6e6564;
	padding-left:5px;
	outline:none;
}




a:focus { 
	outline: 0;
}
#body a, #body a:link, #body a:active, #body a:hover{
	text-decoration: none;
}
/* END LINKS
---------------------------------------------------------
*/
/* = BODY
---------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	font-family: 'Oxygen', sans-serif;
	color:#6e6564;
    background:#f6f3f3;
	}
	
#wrapper-header{
	background:url(../images/bg-subwrapper.gif) repeat-y 50% 0;
}

#subwrapper-header{
background:url(../images/bg-long.png);
}

#wrapper{
	background:#f6f3f3 url(../images/bg-wrapperHome.gif) repeat-x;
}




#container{
	text-align:left;
}
#header {}
#body {
	font-size:1.3em;
}
.main {}
.side {}

#footer-wrapper{
	background:url(../images/bg-footer.png) repeat-x;
}

#footer-container{}

#footer {
	font-size:1.2em;
	color:#5d5b59;
	background:url(../images/branding/footer.png) no-repeat 50% 0;
}
#footer div.side{
	text-align:right;
}
#footer div.main{
	text-align:left;
}

#footer p{
	margin:0;
	padding:0;
}
#footer a, #footer a:visited, #footer a:hover{
	color:#5d5b59;
}
/* = HEADINGS
---------------------------------------------------------
*/
.spaceLeft{
	margin-left:0.7em;
}

.spaceTop{
	margin-top:0.7em;
}

.spacebigLeft{
	margin-left:0.7em;
}

.spaceLeftRight{
	margin:0 0.7em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oxygen', sans-serif;
	font-weight:700;
	padding: 0;
    color: #6e6564;
}
h1.titulars{
	font-size: 1.3em;
	font-weight:500;
	line-height: 2em;
	margin-top: 0.65em;
	margin-bottom:35px;
	border-bottom:#f3797c solid 2px;
}

h1.smallTitular{
    font-size: 1.2em;
	font-weight:700;
	padding:0.3em 0;
	border-bottom:none;
}


h1.smallTitularSpaceTop{
     margin-top:30px;
    font-size: 1.2em;
	font-weight:700;
	line-height: 1.85em;
	border-bottom:none;
}

h1.titularAfi{
    margin:0  0 15px 0;
    font-size: 1.2em;
	font-weight:700;
	line-height: 1.85em;
	border-bottom:none;
}

h2{
	font-size: 1.2em;
	font-weight:500;
	line-height: 1.25em;
	margin: 0.8em 0 0 0.8em;
	color:#FFFFFF;
}

h2.bigger{
	display:none;
	font-size: 1.25em;
	font-weight:500;
	line-height: 1.25em;
	margin: 0.8em 0 0 0.8em;
	color:#FFFFFF;
}
h2.titularAfi{
    margin:0  0 15px 0.8em;
    font-size: 1.2em;
	font-weight:700;
	line-height: 1.85em;
	border-bottom:none;
	color: #6e6564;
}
h3
{
	font-size: 1.2em;
	line-height: 1em;
	margin: 0 0 0.7em 0;
}
h4{
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
}
h5{
	font-size: .9em;
	line-height: 1em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS
---------------------------------------------------------
*/
/* = TEXT
---------------------------------------------------------
*/
p{
	margin: 0 0 1.3em;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.37em;
}

p.leftText{
	margin: 0 0 1.3em 12px;
}

/*p.spaceUp{
	margin: 1.3em 0 0 0;
}*/
.col03 p, .col04 p, .col05 p, .col06 p{
	text-align: justify;
	word-spacing:-0.2em;
}
blockquote{
	margin: 20px 40px;
	font-size:1.2em;
	font-weight:normal;
}
strong, b{
	font-weight: bold;
}
em, i{
	font-style: italic;
}
pre{
	font-family: monospace;
	font-size: 1.0em;
}
code{
    font-family: "courier new", courier, monospace;
    font-size: 1.0em;
    white-space: pre;
}
sup, sub {
	font-size:.6em;
}
/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/
ul{
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.4em;
}
ul li{
	margin: 0 0 0.3em;
	padding: 0;
	line-height: 1.5em;
}
#body ul{
	padding: 0;
}
#body ul li{
	padding: 0 0 0 17px;
	background:url(../images/icons/bullet01.png) no-repeat 0 0px;
}
#body ul ul{
	margin-top:1em;
}
#body ul li li{
	padding: 0 0 0 17px;
	background:url(../images/icons/bullet01.png) no-repeat 0 0px;
}

#body form ul li{
	background:none;;
}
ol{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 15px;
	padding: 0;
}
ol li{
	margin: 0 0 0.25em 10px;
	padding: 0;
}
dl{
	font-size: 1.0em;
	line-height: 1.4;
	margin: 0 0 1.5em 0;
	padding: 0;
}
dl dt{
	font-weight: bold;
	margin: 0.25em 0;
	padding: 0;
}
dl dd{
	margin: 0 0 0 30px;
	padding: 0;
}
/* END LISTS
---------------------------------------------------------
*/
/* = TABLES
---------------------------------------------------------
*/
table {
	font-size: 1.0em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
table caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 1.5em 0;
}
th {
	font-weight: bold;
	text-align: left;
}
td {
	font-size: 1em;
}
/* END TABLES
---------------------------------------------------------
*/
/* = HORIZONTAL RULES
---------------------------------------------------------
*/
hr{
	display: none;
}
/* END HORIZONTAL RULES
---------------------------------------------------------
*/



/* ---------------------------------------------------------- */
/* Navigation Styles										  */
/* ---------------------------------------------------------- */
/* = NAV: TABLE OF CONTENTS
    1. = MAIN NAV
    2. = SECONDARY NAV
	3. = LANGUAGE NAV
---------------------------------------------------------
*/
/* = MAIN NAV
---------------------------------------------------------
*/
/*div.menu {
	position: absolute;
	top:100px;
	left:5px;
	width:941px;
	height:65px;
	background:url(../images/barNav2.png) no-repeat;
	margin:0;
	z-index:9999999;
}

ul#nav{
	list-style:none;
	font-weight:bold;
	margin:0;
	float:left;
	width:100%;
	position:relative;
}
#nav li{
	float:left;
	padding-left:10px;
	margin:20px 6px;
	position:relative;
	border-left:1px solid #6e6564;
}
*/
/*
#nav a{
	display:block;
	text-decoration:none;
	float:left;
    color:#6e6564;
	font-size:1.45em;
	font-weight:600;
	height:20px;
	line-height: 20px;
	padding:0 0.6em;
	font-family: 'Oxygen', sans-serif;
	margin-left
	
}
#nav a:hover{
	background: url(../images/nav/current.gif) no-repeat 50% 0; 
	text-decoration:none;
	color:#e9373a;
}
*/
/*--- DROPDOWN ---*/
/*#nav ul{
	position:absolute;
    margin-top:20px;
	margin-left:-1px;
	padding:25px 10px 10px 10px;
	background:#fff;
	width:290px;
	list-style:none;
	border-left:#6e6564 solid 1px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
/*}
#nav ul li{
	padding:0 10px;
	margin:0;
	float:none;
	border-left:none;
	
	position:relative !important;
	
}

#nav ul a{
	white-space:nowrap;*/ /* Stop text wrapping and creating multi-line dropdown items */
	/*color:#6e6564;
	font-size:1.35em;
	font-weight:500;
	height:20px;
	padding:5px 0;
	margin:0;
	line-height: 20px;
    background:url(../images/line.jpg) no-repeat;	
}*/

/*#nav li:hover ul{*/ /* Display the dropdown on hover */
	/*left:0;*/ /* Bring back on-screen when needed */
/*}
#nav li:hover a{*/ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*color:#6e6564;*/	/*color:#e9373a;*/
/*}
#nav li:hover ul a{
	text-decoration:none;
	color:#6e6564;
	width:100%;
	
}
#nav li:hover ul li a:hover{ 
	color:#e9373a;
	 background:url(../images/line.jpg) no-repeat;
}


/*--- DROPSIDE ---*/

/*#nav ul li ul.menuSide{
	position:absolute;
	top:0 !important;
	right:0 !important;

	width:240px;
	list-style:none;
	background:none;
	border-top:#6e6564 solid 1px;
	border-left:none;

}
#nav ul ul li.dropside{
	margin:0;
	background:#FFFFFF;
	float:none;
	border-left:none;
	background-image:none;	
}

#nav ul ul a{
	white-space:nowrap;
	color:#6e6564;
	font-size:1.35em;
	font-weight:500;
	margin:0;
	line-height: 15px;
	background:#FFFFFF;
}

#nav li li:hover ul.menuSide{ 
	display:block;
}
#nav li ul li.dropSide:hover a{ 
		color:#e9373a;
	background:#FFFFFF;	
}*/

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  position: absolute;
	top:100px;
	left:5px;
	width:941px;
	height:45px;
	padding-top:20px;
	background:url(../images/barNav2.png) no-repeat;
	margin:0;
	z-index:99999;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
/*  background:#00FF00;*/
  color:#6e6564;
  display: inline-block;
	font-size:1.45em;
	font-weight:600;
	height:20px;
	line-height: 20px;
	font-family: 'Oxygen', sans-serif;
  padding: 0 12px;
  
  text-decoration: none;
  border-left:1px solid #6e6564;
}

#cssmenu a.noline {
  text-decoration: none;
  border-left:none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
/*#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}*/
#cssmenu > ul > li.active > a {
  background: #070707;

}
#cssmenu > ul > li:hover > a {
  	color:#e9373a;
	background:#FFFFFF;	
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
  color:#e9373a;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 220px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub > ul {
	padding-top:15px;
	border-left: 1px solid #6e6564;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -2px;
  
}
#cssmenu .has-sub ul li a {
  filter: none;
  font-size:1.3em;
  display: block;
  line-height: 14px;
	height:inherit;

  padding:12px 12px 12px 20px;
  /*height:27px;*/
  background:#FFFFFF url(../images/line.jpg) no-repeat 7% 105%;
  border:0;
}
#cssmenu .has-sub ul li:last-child a {
  background:#FFFFFF;
}

#cssmenu .has-sub ul li:hover a {
    color:#FFFFFF;
	background:#b1a2a2;
	/*   border-top:1px solid #e1e1e1;*/
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  width:230px;
  /*border-top:1px solid #e1e1e1;*/
  top: 0;
  padding:0;
}
#cssmenu .has-sub .has-sub ul li a {
  border-left: none;
  padding-left:12px;
  border-top:none;
  color:#FFFFFF;
  background:#b1a2a2;
}
#cssmenu .has-sub .has-sub ul li a:hover {
   background:#b1a2a2;
   color:#443f3f;
}



.home #navItem1 a.principal,
.sindicato #navItem2 a.principal,
.consultas #navItem3 a.principal,
.circulares #navItem4 a.principal,
.normativa #navItem5 a.principal,
.enlaces #navItem6 a.principal,
.noticias #navItem7 a.principal,
.contacto #navItem8 a.principal
{
	text-decoration:none;
	color:#e9373a;
}

/* END MAIN NAV
---------------------------------------------------------
*/

/* = SECONDARY NAV
---------------------------------------------------------
*/
#secondary-nav {
	float:left;
	width:100%;
	padding:1em 0;
	margin:0 0 1em 0;
	background:#EEE;
}
#secondary-nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#secondary-nav li {
	float:left;
	width:100%;
	margin:3px 0 4px;
	padding:0;
}
#secondary-nav li a {
	float:left;
	overflow:hidden;
	width:100%;
	padding:0;
	font-weight:bold;
	font-size:11px;
	color:#969696;
}
#home #secondary-nav li a {
	font-size:1em;
}

#secondary-nav li a:hover, #secondary-nav li a.current {
	color:#FFF;
	text-decoration:none;	
}
/* END SECONDARY NAV
---------------------------------------------------------
*/
/* = LANGUAGE NAV
---------------------------------------------------------
*/
#language-nav{
	position:absolute;
	top:0;
	right:0;
	width:222px;
	height:32px;
}
#language-nav ul{
	margin:0;
	padding:0;	
	display:inline;
	float:right;
}
#language-nav li{
	margin:0;
	padding:5px 0px 5px 5px;
	display:inline;
	line-height:32px;
	font-size:1.2em;
}
#language-nav li.first{
	background:none;
}
#language-nav a, #language-nav a:visited, #language-nav a:hover{
	color:#000;
}
#language-nav a.current, #language-nav a:hover{
	color:#000;
}
/* = END LANGUAGE NAV
---------------------------------------------------------
*/


/*--------------------------------------------------------- */
/*  Form Styles						    */
/*--------------------------------------------------------- */
/* = FORMS: TABLE OF CONTENTS
    1. = PARENT ELEMENTS
    2. = LABELS
    3. = INPUTS
	4. = SPECIFIC FORMS
---------------------------------------------------------
*/
/* = PARENT ELEMENTS
---------------------------------------------------------
*/
form {
	display: block;
	margin: 0;
	padding: 0;
}
form div, form p {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}
/* END PARENT ELEMENTS
---------------------------------------------------------
*/

/* = LABELS
---------------------------------------------------------
*/
label{
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	clear: both;
    margin: 0;
	padding: 0 20px 0 0;
}
/* END LABELS
---------------------------------------------------------
*/

/* = INPUTS
---------------------------------------------------------
*/
input, select, textarea{
	font-family: arial, sans-serif;
	font-size: 1.0em;
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding:5px;
	background:#f6f3f3;
	border:1px solid #DDD;
}
input, select{
	vertical-align: middle;
}
textarea{
	width:390px;
	height: 120px;
}
input.check{
	border: none;
	width: 1.0em;
	height: auto;
	margin: 0 .5em 0 0;
    padding: 0;
}
input.radio{
	border: none;
	width: 1.0em;
	height: auto;
	margin: 0 .5em 0 0;
    padding: 0;
}
/* END INPUTS
---------------------------------------------------------
*/
/* = SPECIFIC FORMS
---------------------------------------------------------
*/
.form01{
	float:left;
	padding:25px 30px 30px 20px;
/*	background:#EEE;*/
	margin:0;
	/*border:1px solid #DDD;*/
}
.form01 ul{
	margin:0;
	padding:0;	
	float:left;
	width:100%;
}
.form01 li{
	float:left;
	width:50%;
	margin:0 0 1em;
	padding:0 ;
}
.form01 li.full{
	float:left;
	width:100%;
}
.form01 label{
	width:100%;
	padding:0;
	margin:0;
	font-size:.8em;
	text-transform:uppercase;	
}

.form01 input{
	float:left;
	width:85%;
	padding:0 5px;
	height:30px;
	line-height:30px;
	margin:0;
}
.form01 li.full input{
	width:92%;
}

.form01 textarea{
	width:92%;
	margin:0;
}

.form01 input.btn, .form_baja input.btn{	
	float:left;
	width:80px !important;
	height:35px;
	vertical-align:top;
	margin:15px 0;	
	padding:3px;
	cursor:pointer;
	cursor:hand;
	text-align:center;
	color:#FFF;
	/*background: #796e6d; 
	border: 1px solid #796e6d;*/
	background: #e9373a; 
	border: 1px solid #d6272a;
	font-size:1.1em;
    font-family: 'Oxygen', sans-serif;
	font-weight:700;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	cursor:pointer;  
	
}
.form01 input.btn:hover{	
	background: #d6272a; 
	border: 1px solid #d6272a;
}

#errores{
	float:left;
	width:70%;
	height:35px;	
	line-height:35px;	
	margin:10px 0 0 20px;
}
.okform{
	background: #a1cd3a;
	padding:0 3px 2px;
	color:#FFF;
	font-weight:bold;
	white-space:nowrap;
}
/* END SPECIFIC FORMS
---------------------------------------------------------
*/


/* --------------------------------------------------------------- */
/* Modules Styles includes latest news, news, faqs, links, content */
/*						   services, gallery, sitemap, text legal  */
/* --------------------------------------------------------------- */

/* = SLOGAN 
---------------------------------------------------------
*/
.slogan{
	position:absolute;
	right:0;
	top:60px;
	width:726px;
	font-family: 'Droid Sans', sans-serif;
	font-size:2.4em;
	font-weight:700;
	text-align:center;
	color:#FFF;
	background:#232323;
}
/* = END SLOGAN 
---------------------------------------------------------
*/

/* = SLIDER
---------------------------------------------------------
*/

.home .slider{
   position:absolute;
  top:162px;
   left:5px;
	width:941px;
	overflow:hidden;
	margin:0;
	margin:0;
	height:268px;
	background:url(../images/slider.jpg);
}


.slider{
   position:absolute;
  top:162px;
   left:5px;
	width:941px;
	overflow:hidden;
	margin:0;
	margin:0;
	height:164px;
	background:url(../images/sliderSmall.jpg);
}



/* = END SLIDER
---------------------------------------------------------
*/
/* = SLIDER
---------------------------------------------------------
*/
.sliderCorp{
	width:912px;
	height:350px;
	overflow:hidden;
	margin:0 33px 33px 33px;
	margin:0 33px 0 33px;
	color:#fff3e7;
	text-align:center;
}

#cycle_slideshow { margin: 0; width: 912px; height: 350px; border:0;}
#cycle_slideshow img{ width: 912px; height: 350px; }
#nav_slider { z-index: 50; position: absolute; width:220px; bottom: 0; left:50%; margin-left:-110px;text-align:center; }
#nav_slider li { width: 16px; height:16px; display:inline-block;margin: 3px; list-style: none }
#nav_slider a { width: 16px; height:16px; display: block; background: url(../images/icons/slide_nav.png) no-repeat 0 0; }
#nav_slider li.activeSlide a { width: 16px; height:16px; display: block; background: url(../images/icons/slide_nav.png) no-repeat 0 -16px; }
#nav_slider a:focus { outline: none; }

#prev{position:absolute;top:50%;left:0;width:50px;height:60px;z-index: 50;margin-top:-30px; 
background: url(../images/icons/btn-prev.png) no-repeat 50% 50%;overflow: hidden;text-indent:-1000px; display:none;}
#next{position:absolute;top:50%;right:0;width:50px;height:60px;z-index: 50;margin-top:-30px; 
background: url(../images/icons/btn-next.png) no-repeat 50% 50%;overflow: hidden; text-indent:-1000px;display:none;}

/* = END SLIDER
---------------------------------------------------------
*/
/* = COPY (Texto publicitario)
---------------------------------------------------------
*/
.copy{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	text-align:center;
	font-style:italic;
}
/* = END COPY 
---------------------------------------------------------
*/
/* = COMPANY
---------------------------------------------------------
*/
.company{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:20px 0;
	background:#e9e0d4;
	text-align:center;
}
.company p{
	padding:0 20px;
}

/* = END COMPANY
---------------------------------------------------------
*/
/* = MAP
---------------------------------------------------------
*/
.map{
	float:left;
	width:100%;
	height:350px;
	margin:0 0 30px;
	border:1px solid #CCCCCC;
}
/* = END MAP
---------------------------------------------------------
*/
/* = SOCIAL
---------------------------------------------------------
*/
.social{
	position:absolute;
	width:222px;
	bottom:10px;
	right:0;
}
.social ul{
	float:right;
	margin:0;
	padding:0;
}
.social ul li{
	float:right;
	height:32px;
	line-height:32px;
	margin:0 0 0 10px;
	padding:0;
}
.social a{
	float:left;
	height:32px;
	color:#000;
	font-size:1.3em;
}
.social a.btn-facebook{
	background: url(../images/icons/Facebook.png) no-repeat 0 0;	
}
.social a.btn-twitter{
	background: url(../images/icons/Twitter.png) no-repeat 0 0;	
}

#twitter_container {background-position: 10px 50% !important;}
#owl-twitter .owl-item {padding: 0;}
#owl-twitter .owl-item .item{padding: 0 10px 0 70px; width: calc(100% - 80px) !important;}
#twitter_container .owl-theme .owl-controls {top: -15px; right: 0;}

/* = END SOCIAL
---------------------------------------------------------
*/
/* = SITEMAP LIST
---------------------------------------------------------
*/

ul.circle{
    list-style-type:none;
    padding:0px;
    margin-left:-10px;
}

ul.circle li{
    margin:0 0 20px 0;
	background:#00FF00;
}


ul.sitemapList{
	background:#eee;
	padding:10px;
	margin:0;
}
 ul.sitemapList li{
	margin:0 0 .5em;
	padding:0;
}
 ul.sitemapList li ul{
	margin-top:10px;
	margin-left:20px;
}
/* = END SITEMAP LIST
---------------------------------------------------------
*/
/* = PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
a.btn-more{
	padding:3px 10px 3px 20px;
	background: #ff7700 url(../images/icons/next.gif) no-repeat 3px 50%;	
	color:#FFF;
/*	text-transform: lowercase;
	font-variant:small-caps;
	font-size:1em;*/
	text-transform: uppercase;
	font-size:.8em;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
a.btn-pdf{
	padding:0 0 0 20px;
	background: url(../images/icons/pdf.gif) no-repeat 0 50%;
	text-transform: lowercase;
	font-variant:small-caps;
	font-size:1em;
}
a.btn-word{
	padding:0 0 0 20px;
	background: url(../images/common/icons/word.gif) no-repeat 0 50%;
	text-transform: lowercase;
	font-variant:small-caps;
	font-size:1em;
}
.img-left{
	float:left;
	margin:3px 10px 10px 0;
	border:0;
}
.img-right{
	float:right;
	margin:3px 0 10px 10px;
	border:0;
}

img.small{
	float:left;
	margin:5px 0;
	margin-right:20px;
	border:#cecccc solid 1px;
}

img.smallnoline{
	float:left;
	margin:5px 0;
	margin-right:20px;
	border:none;
}


img.noline{
	border:none;
}

span.color{
	color:#f3797c;
	font-weight:700;
}
/* = END PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/

/* = WhiteBox
--------------------------------------------------------- */

.whiteBox{background: #eb2429;width: 100%; box-sizing:border-box;padding:17px; font-size: 1.2em;margin-bottom: 20px;line-height: 1.5em;color:#FFF; font-weight: bold;}

.whiteBox a{color:#232323;}
.whiteBox a:hover{color:#373737;}

/* = SEDES
---------------------------------------------------------
*/

.sedes{
	float:left;
	width:100%;
	margin:1em 0;
	background: url(../images/backgrounds/filet01.png) repeat-x 0 100%;
	
}

.sedes h2{
	margin:5px 0;
	padding-bottom:20px;
	background: url(../images/backgrounds/filet01.png) repeat-x 0 100%;
	color:#FFF;
	text-transform: none;
}


#slideshow {
	float:left;
	margin:10px 0 15px 0;
	width:978px;
    position:relative;	
}

#slidesContainer {
    margin:0 30px;
    width:920px;	
    overflow:auto; /* allow scrollbar */
    position:relative;

	
}

#slideshow #slidesContainer .slideNew {
    margin:0 auto;
    width:920px;
	z-index:95;	
}


.slideNew ul{
	float:left;
	width:920px;
	margin:0;
	padding:0;
	background: url(../images/backgrounds/corondelFooterList.gif) repeat-y 50% 0;
}
.slideNew ul.last{
	background: none
	
}
.slideNew ul li{
	float:left;
	margin:0 12px;
	padding:0;
	width:205px;
	text-align:left;
}


#slideshow #slidesContainer, #slideshow #slidesContainer .slideNew, #slideshow, .slideNew ul {
    height:150px;
}
#slideshow #slidesContainer .slide a {
	border:0;
	padding:0;
	margin:0;
}
/**

 * Slideshow controls style rules.

 */

.control {
  float:left;
  display:block;
  width:32px;
  height:32px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:50%;
  left:-32px;
  left:0;
  background: url(../images/icons/arrowLeft.png) no-repeat 50% 0;
  z-index:98;
  margin-left:0;
  margin-top:-16px;
}
#leftControl:hover {
  background: url(../images/icons/arrowLeft.png) no-repeat 50% -32px;
}
#rightControl {
  top:50%;
  right:-32px;
  right:0;
  background: url(../images/icons/arrowRight.png) no-repeat 50% 0;
  z-index:98;
  margin-right:0;
  margin-top:-16px;
}
#rightControl:hover {
  background: url(../images/icons/arrowRight.png) no-repeat 50% -32px;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:951px;
  height:400px;
  padding-bottom:40px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;

}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:600;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}

/* = END SEDES
---------------------------------------------------------
*/

*:focus { 
	outline: 0;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#c8c4c4; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#c8c4c4;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}



.burguermenu{
	display: none;
}

@media only screen and (min-width: 0px) and (max-width: 990px){ 

	*{box-sizing:border-box;}
	html{width:inherit;min-width: inherit;}
	body{width: 100%;font-size:75%;}

	#header, #container, #content,
	.home #wrapper-header, #wrapper-header,
	.main, .side, #footer div.main, #footer div.side, div.sideLeft, div.sideRight, div.insideRight,
	#footer-container, #footer,
	div.wholeColumn, div.insideRightCirculares,
	div.sideLeftAfi, div.sideRightAfi, div.estatutoShape {float: left; width:100%;clear: both;height: inherit;left: inherit;right: inherit; top:inherit;bottom:inherit;}

	div.sideLeftAfi, div.sideRightAfi{padding: 0;}

	#content {
	    margin: 0;
	}

 	div.sideLeft, div.sideRight{
	    float: left;
	    width: 100%;
	    height: inherit;
 	 	padding: 10px;
 	 	background: #FFF;
 	 }
	div.inside{
	    float: left;
	    width: 100%;
	    height: inherit;
	    border:  0;
	    padding:  0;
 	}
 	.btnCircular{
		float: left;
	    margin: 5px 1%;
	    padding: 0;
	    width: 48%;
	    height: 90px;
 	}
	.btnCircular a {
	    float: left;
	    margin: 0 ;
	    padding-right: 0;
	    width: 100%;
	    height: 100%;
	    background: #796e6d /* url('../images/butons.gif') 0 0 no-repeat */;
	    cursor: pointer;
	    position: relative;
	} 
	.btnCircular a:before {
		content: '';
	    position: absolute;
	    right:  10px;
	    bottom: 10px;
	    width: 32px;
	    height: 32px;
	    background: url('../images/icon32_download.png') no-repeat 50% 50% ;
	    background-size: 100%;
	    cursor: pointer;
	    z-index: 1;
	} 
	.btnCircular a:hover {
   		background: #e9373a /* url('../images/butons.gif') 0 100% */;
   	}
 	.btnCircular h2{
	    margin: 0;
	    padding: 10px;
   	    font-size: 1em;
 	}   	
	div.linkBetween{width: 100%;}

	div.sideRightAfi{padding:10px;}
	div.estatutoShape{padding:10px;}
	div.estatutoShape .btnCircular{
		float: left;
	    margin: 0;
	    padding: 0;
	    width: 100%;
 	}

	#footer{padding: 10px;background: #FFF;}


	h1.logo a {
	    position: relative;
	    display: block;
	    top: inherit;
	    left: inherit;
	    width: 100%;
	    height: inherit;
	    z-index: 1000;
	    text-align: center;
	    padding: 10px;
	}



   	.burguermenu{
   		display:  block;
   		width: 32px;
   		height: 32px;
   		position: absolute;
   		top: 22px;
   		left: 15px;
   		z-index: 1000;
   		background: url('../images/icon32_menu.png') no-repeat 50% 50%;
   		border:  1px solid #DDD;
   	}
   	.burguermenu.close{
   		background: url('../images/icon32_close.png') no-repeat 50% 50%;
   	}   	
   	.burguermenu:hover{
   		border:  1px solid #DDD;
   	}
	#cssmenu {
		display:  none;
	    position: relative;
	    top: inherit;
	    left: inherit;
	    z-index: initial;
	    width: 100%;
	    height: initial;
	    padding: 20px;
	    margin: 0;
	    background: #FFF;
	}
	#cssmenu.open{
		display:  block;
	}
	#cssmenu li{
	    position: relative;
	    width: 100%;
	    float:  left;
	}
	#cssmenu li a{
	    padding: 15px;
	    height:  inherit;
	    border-left:  0;
	}
	#cssmenu li.has-sub ul {
	    display: none;
	    position: relative;
	    width: 100%;
	    top: initial;
	    left: initial;
	    padding-left: 30px;
	    border: 0;

	}
	#cssmenu .has-sub > ul {
	    padding-top: 0;
	    border-left: 1px solid #6e6564;
	}

	#cssmenu .has-sub .has-sub ul {
	    display: none;
	    width: 100%;
	    position: relative;
	    left: 0;
	    top: 0;
	    padding: 0 0 0 20px;
	}



	.home .slider, .slider{
	    position: relative;
	    top: inherit;
	    left: 0;
	    width: 100%;
	    overflow: hidden;
	    float: left;
	    margin: 0;
	    height: 268px;
	    clear: left;
	    background: url('../images/slider.jpg') no-repeat 50% 50%;
	}
	.slider {
	    height: 164px;
	    background: url('../images/sliderSmall.jpg') no-repeat 50% 50%;
	}


	h1.titulars {
	    padding: 10px;
	    margin: 0 0 1em;
	    background: #FFF;
	}	

	.banner {
	    float: left;
	    display: block;
	    margin: 0 0px 0px 0;
	    width: 100%;
	    height: 131px;
	    background: #796e6d url('../images/afi1.gif') no-repeat 100% 0;
	}
	.banner:hover {
	    width: 100%;
	    background: #e9373a url('../images/afi1.gif') no-repeat 100% -131px;
	    cursor: pointer;
	}
	div.insideRightCirculares {
	    float: left;
	    width: 100%;
	    padding: 10px;
	    margin-bottom: 0;
	    background: #ffffff;
	    border: none;
	}
	#circu-nav {
	    position: relative;
	    float: left;
	    margin: 10px 0;
	    width: 100%;
	}
	#circu-nav a {
	    float: left;
	    margin: 5px;
	}

	div.insideRightCirculares .circu a {
	    float: left;
	    margin: 0 0 10px;
	    padding: 10px 40px 10px 10px;
	    width: 100%;
	    height: 100%;
	    background: #796e6d /* url('../images/butons.gif') 0 0 no-repeat */;
	    cursor: pointer;
	    position: relative;
	} 
	div.insideRightCirculares .circu a h2{
	    margin: 0 ;
	    padding: 10px;
	    font-size: 1em;
	} 	
	div.insideRightCirculares .circu a:before {
		content: '';
	    position: absolute;
	    right:  10px;
	    bottom: 10px;
	    width: 32px;
	    height: 32px;
	    background: url('../images/icon32_download.png') no-repeat 50% 50% ;
	    background-size: 100%;
	    cursor: pointer;
	    z-index: 1;
	} 
	div.insideRightCirculares .circu a:hover {
   		background: #e9373a /* url('../images/butons.gif') 0 100% */;
   	}




	div.insideRightCirculares .circuLink a {
	    float: left;
	    margin: 0 0 10px;
	    padding: 10px 40px 10px 10px;
	    width: 100%;
	    height: 100%;
	    background: #796e6d /* url('../images/butons.gif') 0 0 no-repeat */;
	    cursor: pointer;
	    position: relative;
	} 
	div.insideRightCirculares .circuLink a h2{
	    margin: 0 ;
	    padding: 10px;
	    font-size: 1em;
	} 	
	div.insideRightCirculares .circuLink a:before {
		content: '';
	    position: absolute;
	    right:  10px;
	    bottom: 10px;
	    width: 32px;
	    height: 32px;
	    background: url('../images/icon32_link.png') no-repeat 50% 50% ;
	    background-size: 100%;
	    cursor: pointer;
	    z-index: 1;
	} 
	div.insideRightCirculares .circuLink a:hover {
   		background: #e9373a /* url('../images/butons.gif') 0 100% */;
   	}



}