/* 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 */
	box-sizing: border-box;
} 
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;
}


/*---------------------------------------------------------- */
/*  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;
} 
#generalCont{margin:0;width:100%;height:100%;overflow: hidden;}

#wrapper{
	float:left;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
}
#subwrapper{
	position:relative;
	float:left;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
}
#header-wrapper{
	float:left;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
	height:180px;
	position:absolute;
}
#subwrapper .symplify{
	/*la clase symplify se aplica al header-wrapper en realidad*/
	position:fixed;
	left:0;
	top:0;
	z-index:10000 !important;
	background: #FFF;
}
.container {
	position: relative;
	z-index:3;
	margin:0 auto;
	padding:0;
}
.img-responsive{max-width: 100%}
.m-b-20{margin-bottom: 20px;}
.m-b-40{margin-bottom: 40px;}

/* END BODY & PAGE
---------------------------------------------------------
*/
/* = HEADER
---------------------------------------------------------
*/
header, #header {
	position:relative;
	z-index:2;
	width:100%;
	min-height:120px;
	margin:0;
	overflow:visible;
}

.symplify header{
	position:relative;
	z-index:2;
	width:100%;
	min-height:30px;
	margin:0;
	overflow:visible;	
	min-height: inherit!important; 
	/*transition: all 1s;*/
}
#header-wrapper.symplify{
	height:inherit!important;
}
.symplify .logo{top:15px;width: 60px;}
.symplify .logo img{display:none;}
.logo-w {display:none;}
.symplify .logo-w{display:block;top:16px;position:absolute;opacity:1;animation-name:aparece-logo;animation-duration:.5s;}
@keyframes aparece-logo{
	from{opacity:0;}
	to{opacity:1;}
}
.logo { 
	position:absolute;
	top:38px;
	left:0;
	z-index:1000;
	margin:0;
}
.logo img{
	
}
.logo a:hover{
	border:0;
}
.printablelogo{display:none;}

/* END HEADER
---------------------------------------------------------
*/
/* = CONTENT
---------------------------------------------------------
*/
#content {	
	position:relative;
	float:left;
	width:100%;
}
.home #content {	
	padding-top:0;
}

.row{
	width:100%;
	float: left;
	margin:50px 0 0;
}
.main, main{
	float:right;
	padding-right:0;
	padding-bottom:20px;
	padding-top:70px;
	min-height:655px;
	border-left:1px solid #dedede;
}
.side, aside{
	float:left;
	padding-left:0;
	padding-bottom:20px;	
	padding-top:70px;
}

/* 12 COLS LAYOUT, 978px */
.container {width:978px;}
.col01, .col02, .col03, .col04, .col05, .col06, .col07, .col08, .col09, .col10, .col11 {
	float: left;
	margin:0 15px;
}
.col01 {width:54px;}
.col02 {width:138px;}
.col03 {width:222px;}
.col04 {width:306px;}
.col05 {width:390px;}
.col06 {width:474px;}
.col07 {width:558px;}
.col08 {width:642px;}
.col09 {width:726px;}
.col10 {width:810px;}
.col11 {width:894px;}

.colspecial{
	float: left;
    margin: 0 15px;
    width: 46.2%;
	padding-right:24px;
}
.main, main{
	width:672px;padding-left:30px;
}
.side, aside{
	width:306px;padding-left:84px;
}

.first {margin-left:0 !important;}
.last {	margin-right:0 !important;}


/* END CONTENT
---------------------------------------------------------
*/
/* = FOOTER
---------------------------------------------------------
*/
#footer-wrapper{
	width:100%;
	float:left;
	padding:0;
	border-top:5px solid #425b91;
}
#footer {
	float:left;
	width:100%;
	padding:3em 0 6em;
}
/* 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{
	background-color: transparent;
	outline:none;
	color:#99c013; /*134d92;*/

}
a:visited{
	background-color: transparent;
	color:#99c013; /*134d92;*/
}
a:hover{
	background-color: transparent;
	color:#99c013; /*134d92;*/
}
a:focus { 
	outline: 0;
}
a, a:link, a:active, a:hover{
	cursor:pointer;
	color:#99c013; /*134d92;*/
}
/* END LINKS
---------------------------------------------------------
*/
/* = BODY
---------------------------------------------------------
*/

@font-face {
    font-family: 'robotobold';
    src: url('../type/roboto-bold-webfont.eot');
    src: url('../type/roboto-bold-webfont.svg#robotobold') format('svg'),
         url('../type/roboto-bold-webfont.woff') format('woff'),
         url('../type/roboto-bold-webfont.ttf') format('truetype'),
         url('../type/roboto-bold-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../type/roboto-light-webfont.eot');
    src: url('../type/roboto-light-webfont.svg#robotolight') format('svg'),
		url('../type/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/roboto-light-webfont.woff') format('woff'),
         url('../type/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../type/roboto-regular-webfont.eot');
    src: url('../type/roboto-regular-webfont.svg#robotoregular') format('svg'),
		 url('../type/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/roboto-regular-webfont.woff') format('woff'),
         url('../type/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolightitalic';
    src: url('../type/roboto-lightitalic-webfont.eot');
    src: url('../type/roboto-lightitalic-webfont.svg#lightitalic') format('svg'),
		 url('../type/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/roboto-lightitalic-webfont.woff') format('woff'),
         url('../type/roboto-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align:left;
	font-family: 'robotoregular', sans-serif ;
	color:#3a3a3a;
	/*background:#DDD;*/
	background:url(../images/backgrounds/textura-fondo-footer.png);
}

header, footer, nav, aside, main, div, section, article, figure{display:block;}

#wrapper{background:url(../images/backgrounds/textura-fondo.png);}
#subwrapper{}

#header {}

#content {
	min-height: 300px;	
	margin-top:175px;
}
.main, main {}
.side, aside {}

#footer-wrapper{background: url(../images/backgrounds/footerTop.png) repeat-x;}
#footer {
	font-size:1.2em;
	color:#5d5b59;
	background:url(../images/branding/footer.png) no-repeat 50% 0;
}
#footer .side{text-align:right;}
#footer .main{text-align:left;}
#footer p{margin:0;	padding:0;}
#footer a, #footer a:visited{color:#FFF;}
#footer a:hover{color:#80c22b;}


.shadow-box{
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
}
.letter{
	width: 100%;
	padding: 90px 100px 70px 100px;
	margin-bottom: 50px;
	background-color: #FFF;
	position: relative;
}
.letter:before{
    content: '';
    width: 100%;
    position: absolute;
    height: 20px;
    top: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;at-x;
}

.letter img{
	width: 50%;
	float: right;
	margin: 0 0 50px 50px;
}

/* = HEADINGS
---------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'robotoregular', sans-serif;
	padding: 0;
    color: #ff7700;
	font-weight:normal;
}
h1{
	color:#134d92;
	font-family:'robotolight', sans-serif;
	font-size:3.6em;
	line-height:normal;
	margin:0 0 28px 0;
}
h2{
	color:#134d92;
	margin:0 0 28px 0;
	font-family: "robotoregular",sans-serif;
    font-size:1.9em;
    text-transform: uppercase;	
}
h3
{
	font-family: 'robotobold', sans-serif;
	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.4em;
	color:#666;
}
*, p{line-height: 1.5em;}

.col03 p, .col04 p, .col05 p, .col06 p{
	/*text-align: justify;
	word-spacing:-0.2em;*/
}
blockquote{
	font-family:'robotolight', sans-serif;
	font-size:3em;
	color:#134d92;
}
strong, b{
	font-family:'robotobold', sans-serif;
	font-weight:normal;
}
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;
}
img{}
/* END TEXT
---------------------------------------------------------
*/
	
/* = LISTS
---------------------------------------------------------
*/
ul{
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.4em;
}
#content ul li{
	font-size: 1.4em;

}
#content ul{
	padding: 0;
}
#content .colspecial ul li{
	margin: 0 0 0.3em;
	padding: 13px 0 13px 43px;
	line-height: 1.5em;
	background:url('../images/icons/flecha-li.png') 0 17px no-repeat;
	color: #666;
	font-size:1.4em;
	font-family:'robotoregular', sans-serif;
	width:100%;
	border-top:1px solid #ddd;
}
#content ul ul{
	margin-top:1em;
}
#content ul li li{
	padding: 0 0 0 17px;
	background:url('../images/icons/bullet01.png') no-repeat 0 3px;
}

#content 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-family: 'robotobold';
	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-family: 'robotobold';
	margin: 0;
	padding: 0 0 1.5em 0;
}
th {
    font-family: 'robotobold';
	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
---------------------------------------------------------
*/
/*NAV*/
#nav{
	position:relative;
	z-index:2;
	float:left;
	width:100%;
	height:55px;
	background: rgba(20,79,146,1);
	background: -moz-linear-gradient(left, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,79,146,1)), color-stop(100%, rgba(129,194,43,1))), url(../images/backgrounds/sombra-interior.png) repeat-x;
	background: -webkit-linear-gradient(left, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;
	background: -o-linear-gradient(left, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;
	background: -ms-linear-gradient(left, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;
	background: linear-gradient(to right, rgba(20,79,146,1) 0%, rgba(129,194,43,1) 100%), url(../images/backgrounds/sombra-interior.png) repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#144f92', endColorstr='#81c22b', GradientType=1 );
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
}
/*#nav div{
	width:100%;
	margin:0 auto;
	position:relative;
}*/
#nav ul {
	position:absolute;
	z-index:2;
	width:100%;
	margin:0;
	padding:0 100px 0 68px;
	text-align:left;
	box-sizing:border-box;
}
.symplify #nav ul {
	top:0;
}
#nav li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	height:55px;
}
#nav li ul{
	display:none;
	z-index: 10000;
	background: url('../images/backgrounds/textura-fondo-footer.png');
	padding: 0;	
	width: 300px;	
}
#nav li a, #nav li > span {
	display:inline-block;
	height: 45px;
	line-height: 55px;
	text-transform:uppercase;
	color:#eee;
	font-size:1.4em;
	padding:0 15px;
	font-family:'robotoregular', sans-serif;
	font-weight:normal;
	cursor: pointer;
	text-shadow: 0.5px 0.866px 2px rgba( 1, 0, 2,.5 );
	white-space: nowrap;
}
#nav li a:hover{
	font-size:1.4em;
	color:#fff;
}
#nav li.current a {
	color:#fff;
	background:url('../images/icons/current.png') 50% 95% no-repeat;
}


/*#nav li:hover ul{
	display:block;

}
#nav li ul li{
	margin: 0;
	padding: 0;
	height: initial;
}
#nav li ul li a{
	width: 100%;
	height: initial;
	padding: 10px 20px;
}*/
.icon-menu{
	display:none;
}

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

/* = LANGUAGE NAV
---------------------------------------------------------
*/
#language-nav{
	position:absolute;
	top:1.8em;
	right:1em;
	z-index:10;	
	width:222px;
	height:24px;
	text-align:right;

	display: none;
}
.symplify #language-nav{display:none;}
#language-nav ul{
	margin:0;
	padding:0;	
	display:inline-block;
	text-align:right;
	height:24px;
	line-height:24px;
}
#language-nav li{
	padding:0;
	display:inline-block;
	width:24px;	
	height:24px;
	line-height:24px;
	font-size:1.2em;
}
#language-nav li:first-child{}
#language-nav a, #language-nav a:visited{
	color:#aaa;
	display:inline-block;
	line-height:24px;
	width:24px;
	text-align:center;
}
#language-nav span, #language-nav a.current{
	color:#ff7700;
	display:inline-block;
	line-height:24px;
	width:24px;
	text-align:center;
	color:#80c12b;
}
#language-nav a:hover{
	color:#134d92
}
li.langnav-item-ES{}
li.langnav-item-CA{}
li.langnav-item-EN{}

/* = END LANGUAGE NAV
---------------------------------------------------------
*/
/* = SECONDARY NAV
---------------------------------------------------------
*/
#secondary-nav {
	float:left;
	width:100%;
	padding:1em 0;
	margin:0 0 1em 0;
}
#secondary-nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#secondary-nav li {
	float:left;
	width:100%;
	padding:0!important;
	background:none;
	border-top:0!important;
	border-bottom:1px solid #dedede;
	min-height:40px;
}
#secondary-nav li a {
	float:left;
	overflow:hidden;
	width:100%;
	padding:7px 0 10px;
    font-family: 'robotoregular';
	font-size:14px;
	color:#537878;
}
#home #secondary-nav li a {
	font-size:1em;
}
#secondary-nav li a:hover, #secondary-nav li a.current {
	color:#80c22b;
	text-decoration:none;
}
#secondary-nav li.current a{
	background:url('../images/backgrounds/secondary-current.png') no-repeat 100% 0;
}
/* END SECONDARY NAV
---------------------------------------------------------
*/
/* = politica de cookies
---------------------------------------------------------*/
#cookies_msg_subwrapper{
	position: fixed; 
	bottom:0px!important; 
	width:100%; 
	z-index:100;
	line-height:1.9em;
	padding:1em 0px; 
	text-align: center; 
	font-size: 1.1em;
	letter-spacing: .03em;

	/*light*/
	/*border-top: solid 1px #FFF; 
	color:#666; 
	background: #EEE; */

	/*dark*/
	border-top: solid 1px #666; 
	background: #232323; 
	color:#DDD;
}
#cookies_msg_subwrapper span, #cookies_msg_subwrapper a{
	display:inline-block;
	padding:5px 8px; 
	margin:0 0 0 2px;
	cursor: pointer; 
	white-space: nowrap;
	border-radius:3px;

	/*light*/
	/*background: #666; 
	color:#EEE; 
	border-bottom:1px solid #444;*/

	/*dark*/
	background: #111; 
	color:#CCC; 
	border-bottom:1px solid #000;
}
#cookies_msg_subwrapper span:hover, #cookies_msg_subwrapper a:hover{
	
	/*light*/
	/*background: #232323; 
	color:#FFF; 
	border-bottom:1px solid #000;*/	

	/*dark*/
	background: #111; 
	color:#CCC; 
	border-bottom:1px solid #000;
}

/*--------------------------------------------------------- */
/*  Form Styles						    */
/*--------------------------------------------------------- */
/* = FORMS: TABLE OF CONTENTS
    1. = STANDAR FORM
	4. = SPECIFIC FORMS
---------------------------------------------------------
*/
/* = STANDAR FORM
---------------------------------------------------------
*/
form {
	float:left;
	clear: both;
	width:100%;
	margin: 0 0 1em;
	padding: 1em 0 0 0;
	border:1px solid #DDD;
}
form div, form p {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}
#content form ul{
	margin:0;
	padding:0;	
	float:left;
	width:100%;
}
#content form li{
	float:left;
	width:48%;
	margin:0 1% 1em;
	padding:0 ;
}
#content form li.full{
	width:98%;
}
label{
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	clear: both;
    margin: 0;
	padding: 0 20px 0 0;
}
input, select, textarea{
	font-family: 'robotolight',sans-serif;
	font-size: 1.2em;
	display: block;
	float: left;
	width:100%;
	margin: 0;
	padding:5px;
	border:1px solid #DDD;
}
input{
	vertical-align: middle;
}

input[type="radio"], input[type="checkbox"] {
    display: none;
}
input[type="radio"] + label span, input[type="checkbox"] + label span {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin: -1px 10px 0 0;
    top: 0;
    background: url("../images/icons/check.png") no-repeat scroll 1px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
}
input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span {
    background: url("../images/icons/check.png") no-repeat scroll -22px 0 rgba(0, 0, 0, 0) !important;
    float: left;
    position: relative;
}
#content ul.checklist, #content ul.radiolist{margin:0;padding:1em 0 0 0;}
#content ul.checklist li, #content ul.radiolist li{padding:0 0 0 1em;width:100%;}
ul.checklist li label, ul.radiolist li label{text-transform: none; font-size: 1em;}
input [type="file"]{
	display: block;
	border: none;
}
input.uploadFile{
	width:75%;
	float:left;
}
.fileUpload {
	position: relative;
	float:left;
	overflow: hidden;
	width:25%;
	height:35px;
	margin: 0;
	padding:8px 0 0px;
	border:1px solid #DDD;
	border-left:0;
	border-radius: 0 3px 3px 0;
	text-align: center;
	line-height: 35px;
	font-size:12px;
	cursor: pointer;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
span.selectcontainer {
	position:relative;
	display:block;
	width: 100%; 
	overflow:hidden; 
	vertical-align: middle;
	background:#FFF url('../images/icons/downarrow16.png') no-repeat 98% 50%; 
	cursor: pointer;
	border-radius:3px;
	border:1px solid #DDD;
}
select{
	width: 110%; 
	height:35px;
	padding:7px 9px; 
	text-indent: 0.01px;
	text-overflow: "";
	cursor:pointer;
	background:transparent;
	font-size: 1em;
	line-height: 1;
	border: 0;border-radius: 0;
	-webkit-appearance: none;
	appearance:none;
	}
textarea{
	width:100%;
	height: 120px;
    resize: vertical;
}
form label{
	width:100%;
	padding:0;
	margin:0;
	font-size:.8em;
	text-transform:uppercase;	
}
form input{
	float:left;
	width:100%;
	height:35px;
	margin:0;
	padding:.3em 1%;
	line-height:35px;
}
form textarea{
	width:100%;
	margin:0;
	padding:.3em 1%;
}
form input.btn{	
	float:left;
	width:80px !important;
	height:40px;
	margin:10px 0 0 0;	
	padding:0;
	vertical-align:top;
	cursor:pointer;
	text-align:center;
	background:#2f2f2f ;
	font-size:.8em;
    font-family: 'robotobold';
	text-transform:uppercase;
	color:#FFF;
	border:0;
	border-radius: 3px; 
}
form input.btn:hover{	
	background:#232323;
}
form #errores{
	float:left;
	width:100%;
	margin:0;
}
/* END STANDAR FORM
---------------------------------------------------------
*/
/* = SPECIFIC FORMS
---------------------------------------------------------
*/
.form01{
	border:0;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:1em 0;
}
#content .form01 ul{}
#content .form01 li{}

/* END SPECIFIC FORMS
---------------------------------------------------------
*/


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

/* = SLOGAN 
---------------------------------------------------------
*/
.slogan{
	position:absolute;
	left:230px;
	top:52px;
	padding:.5em 0;
	font-family: 'robotolightitalic', sans-serif;
	font-style:normal;
	font-size:1.6em;
	text-align:center;
	color:#134d92;
}
.symplify .slogan {display:none;}
.slogan em{font-style:normal;}
/* = END SLOGAN 
---------------------------------------------------------
*/
/* = BACKGROUND SLIDER
---------------------------------------------------------
*/
.cbp-bislideshow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	/*height: 500px;*/
	height: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	background: #FFF;
	overflow: hidden;
}
.cbp-bislideshow li {
	position: absolute;
	top: -0.5%;
	left: -0.5%;
	width: 100.5%;
	/*height: 500px;*/
	height: 101%;

	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
/* If background-size supported we'll add the images to the background of the li */
.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	background-position: center center;
}
/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}
.cbp-bislideshow li img {
	display: block;
	width: 100%;
}
.cbp-controls{width:31px; height:52px; position: absolute; background: url("../images/icons/controlsSlide.png") no-repeat; cursor: pointer;z-index: 10;}
.cbp-biprev{
	/*top:250px;*/
	top:50%;
	left: 20px;
	opacity: .8;
	filter:alpha(80);
}
.cbp-biprev:hover, .cbp-binext:hover{
	opacity: 1;
	filter:alpha(100);
}
.cbp-binext{
	/*top:250px;*/
	top:50%;
	right: 20px;
	background-position: -50px 0px;
	opacity: .8;
	filter:alpha(80);
}
/* Fallback */
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {opacity: 1;}
.no-js.backgroundsize .cbp-bislideshow li:first-child img {display: block;}
/* = END BACKGROUND SLIDER
---------------------------------------------------------
*/
/* = OWL SLIDER
---------------------------------------------------------
*/
#owl-demo{
	position:relative;
	z-index:1;
	margin-top:5px;
}
.item{
	position:relative;
	height:510px; /* TAMAÑO DEL CONTENEDOR DEL SLIDER */
	margin-bottom:0; /* FIX DE MÁRGENES (DE SER NECESARIO) */
	z-index:1;
}
.item:before{
	content:'';
	height:100%; 
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #232323;
	opacity: 0.1;
	z-index:1;
}
.img-container{
	width:100%;
	height:510px;
	overflow:hidden;
	z-index:1;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-next, .owl-prev {
	position: absolute;
    top: 190px;
	width: 41px;
	height: 70px;
	border-radius:0!important;
	background-color:none!important;
	z-index:2;

}
.owl-next {
	background:url(../images/icons/next.png) no-repeat!important;
	right: 10px;
}
.owl-prev {
	background:url(../images/icons/prev.png) no-repeat!important;
	left:10px;
}


.claim-container {
	display:flex;
	align-items: center;
	position:absolute;
	top:0;
	left:50%;
	z-index:3;
	width:50%; 
	height:100%;
}
.claim {}
.claim blockquote{
	color:#FFF;
	text-align: center;
	font-size: 4em;
	text-shadow: 2px 2px 4px rgba(35,35,35,0.2);
}


/* = END OWL SLIDER
---------------------------------------------------------
*/

/* = END OWL SLIDER
---------------------------------------------------------
*/
/* = COPY (Texto publicitario)
---------------------------------------------------------
*/
.copy{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	text-align:center;
	font-size: 2em;
}
/* = 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
---------------------------------------------------------
*/
.mapcontent{
	float:left;
	width:100%;
	margin:0 0 1em;
}
.map{
	float:left;
	width:100%;
	height:350px;
	margin:0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.mapfooter{
	float:left;
	width:100%;
	font-size:.9em;
}
/* = END MAP
---------------------------------------------------------
*/
/* = SOCIAL
---------------------------------------------------------
*/
.social{
	position:absolute;
	top:130px;
	right:0;
	z-index:1;
	width:110px;
}
.symplify .social{
	top:10px;
}
.social ul{
	float:right;
	margin:0;
	padding:0;
	text-align:right;
}
.social ul li{
	display:inline-block;
	height:32px;
	padding:0;
	line-height:32px;
}
.social ul li a{
	float:left;
	height:32px;
	width:32px;
	overflow: hidden;
	text-indent:-1000px;
}
.social ul li a span{
	display:none;
}
.social ul li a{background: url('../images/icons/socialSprite32.png') no-repeat;}
/* background pos*/
.social ul li a.btn-facebook{background-position:0px 0px;}
.social ul li a.btn-twitter{background-position:-32px 0px;}
.social ul li a.btn-youtube{background-position:-65px 0px;}
.social ul li a.btn-googleplus{background-position:-96px 0px;}
.social ul li a.btn-facebook:hover{background-position:0px -32px;}
.social ul li a.btn-twitter:hover{background-position:-32px -32px;}
.social ul li a.btn-youtube:hover{background-position:-65px -32px;}
.social ul li a.btn-googleplus:hover{background-position:-96px -32px;}
/* = END SOCIAL
---------------------------------------------------------
*/
/* = NEWS LIST
---------------------------------------------------------
*/
.newslist{
	float:left;
	width:100%;
	margin:0 0 1em;
}
.newslist ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	color: #666;	

}
#content .newslist ul li{
	float:left;
	width:100%;
	margin:0 0 3em;
	padding:0.5em 0 0 0;
	line-height: 1.5em;
	box-sizing:border-box;
	font-size: 1em;
	background: none;
}
.newslist .foto, .newslist li img{
	float:left;
	margin:3px 15px 15px 0;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #DDD;
	box-sizing:border-box;
}
.newslisttext{float: left;width: calc(100% - 120px);}
.newslist h2{float: left;width: 100%;clear:left;font-family: 'robotobold', sans-serif;font-size: 1.5em;margin:0!important;font-weight: normal;margin:0 0 1em;}
.newslist .date, .newslist h2, .newslist .textintro{float:left;clear:left;width:100%;}
.newslist h2 a{
	float: left;
	width: 100%;
	clear:left;
	color:#134d92;
}
.newslist h2 a:hover{color:#134d92;}
.newslist .textintro{
	padding:0;
	margin:1em 0;
	float:left;
	width:100%;	
	box-sizing:border-box;
	font-size: 1.4em;
}
#content .newslist .textintro p{
	padding-top:0!important;
	margin-top:0!important;
	font-size: 1.3em;
}
.newslist .textintro a, .newslist .textintro a:visited, .newslist .textintro a:hover{
	float: left;
	width: 100%;
	color:#99c013;
	text-decoration:underline;
}
.newslist .textintro a:hover{color:#134d92;}
.newslist a.btn-more{
	float: left;
	clear:left;
	text-decoration: underline;
}






.home .newslist{
	float:left;
	width:100%;
	margin:0 0 1em;
}
.home .newslist ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	color: #666;	
	display: flex;
	flex-wrap: wrap;

}
.home #content .newslist ul li{
	float:none;
	width:50%;
	margin:0 0 1.5em;
	padding:0.5em 30px 30px 0;
	line-height: 1.5em;
	box-sizing:border-box;
	font-size: 1em;
	background: none;
}
.home .newslist li img{
	float:left;
	margin:3px 15px 15px 0;
	border-radius:0;
	width: 100%;
}


/* = END NEWS LIST
---------------------------------------------------------
*/
/* = DOWNLOAD LIST
---------------------------------------------------------
*/
.downloadlist{
	float:left;
	width:100%;
	margin:0 0 1em;
}
.downloadlist ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#content .downloadlist ul li{
	float:left;
	width:100%;
	margin:0 0 1.5em;
	padding:0.5em 0 0 0;
	line-height: 1.5em;
	box-sizing:border-box;
	font-size: 1em;
	background: none;
}
.downloadlist .foto, .downloadlist li img{
	float:left;
	margin:3px 15px 15px 0;
	border-radius: 50%;
}
.downloadlisttext{}
.downloadlist h2{float: left;width: 100%;clear:left;font-family: 'robotobold', sans-serif;font-size: 1.5em;margin:0!important;font-weight: normal;

	padding:0.5em 0 .5em 43px;
	background: url(../images/icons/bullet-download.png) no-repeat 0 3px;
	color:#134d92;

}
.downloadlist .date, .downloadlist h2, .downloadlist .textintro{float:left;clear:left;width:100%;}
.downloadlist h2 a{
	float: left;
	width: 100%;
	clear:left;

	color:#134d92;
}
.downloadlist h2 a:hover{color:#134d92;}
.downloadlist .textintro{
	padding:0 0 0 43px;
	margin:0;
	float:left;
	width:100%;	
	box-sizing:border-box;
}
#content .downloadlist .textintro p{
	padding-top:0!important;
	margin-top:0!important;
}
.downloadlist .textintro a, .downloadlist .textintro a:visited, .downloadlist .textintro a:hover{
	float: left;
	width: 100%;
	color:#99c013;
	text-decoration:underline;
}
 .downloadlist .textintro a:hover{color:#134d92;}
.downloadlist a.btn-more{
	float: left;
	clear:left;
	margin-top:1em;
}
/* = END DOWNLOAD LIST
---------------------------------------------------------
*/
/* = ACTIVITIES LIST
---------------------------------------------------------
*/
.activlist{
	float:left;
	width:100%;
	margin:0 0 1em;
	text-align: left;
}
.activlist ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#content .activlist ul li{
	float:left;
	width:100%;
	margin:0 0 1.5em;
	padding:0.5em 0 0 0;
	background:none;
	line-height: 1.5em;
	box-sizing:border-box;
}
.activlist .foto, .activlist li img{
	float:left;
	margin:3px 15px 15px 0;
	/*width:150px;
	height:150px;*/
	border-radius: 50%;
}
.activlisttext{float:left;width:470px;padding:2em 0 0 0;}
.activlist h2{	font-family: 'robotobold', sans-serif;font-size: 1.4em;margin:0;font-weight: normal;}
.activlist .date, .activlist h2, .activlist .textintro{float:left;clear:left;width:100%;}
.activlist h2 a{
	float: left;
	clear:left;
	color:#134d92;
}
.activlist h2 a:hover{color:#134d92;}
.activlist .textintro{}
.activlist a.btn-more{
	float: left;
	clear:left;
	margin-top:1em;
}
/* = END ACTIVITIES LIST
---------------------------------------------------------
*/
/* = LINKS LIST
---------------------------------------------------------
*/
.linklist{
	float:left;
	width:100%;
	margin:0 0 1em;
	text-align: left;
}
.linklist ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align: left;
}
#content .linklist ul li{
	display:inline-block;
	width:100%;
	margin:0 .5em 2em;
	padding:0.5em 0 0 0;
	background:none;
	line-height: 1.5em;
	box-sizing:border-box;
	width:200px;
	text-align: center;
	font-size: 1.4em;
}
.linklist .foto, .linklist li img{
	float:left;
	margin:0 0 15px;
	/*width:200px;
	height:200px;*/
}
.linklisttext{width:100%;padding:0;}
.linklist h2{width:100%;font-family: 'robotoregular', sans-serif;font-weight:normal;font-size: 1em;margin:0;padding:0;font-weight: normal;text-align: center;color:#134d92;}
.linklist a, .linklist a:visited, .linklist a:hover{color:#134d92;}

/* = END LINKS LIST
---------------------------------------------------------
*/
/* = PAGINATION
---------------------------------------------------------
*/
.paginacion{
	float:left;
	width:100%;
	margin:0 0 3em;
	padding:5px 0 0 0;
	text-align:right;
	border-top:1px solid #DDD;
	font-size:1.2em;
}
.paginacion span, .paginacion a{
	float:left;
	width:24px;
	height:24px;
	text-align:center;
	color:#666;
	line-height:24px;
}
.paginacion a:hover{}
.paginacion strong{
	float:left;
	height:24px;
	width:50px;
	padding:0 5px;
	text-align:left;
	font-weight:normal;
	color:#666;	
	line-height:24px;
}
.paginacion .prev, .paginacion .next{
	float:none;
	padding:5px;
	line-height:24px;
	color:#666;
	cursor:pointer;
}
.paginacion .prev:hover, .paginacion .next:hover{
	color:#000;
}
.paginacion .current, .paginacion .numHIGH{
	float:left;
	line-height:24px;
	height:24px;
	width:24px;
    font-family: 'robotobold';
	text-decoration: underline;
}
/* = END PAGINATION
---------------------------------------------------------
*/
/* = NEWS ITEM
---------------------------------------------------------
*/
.newsitem{
	float:left;
	width:100%;
	margin:0 0 4em;
	color:#666;
}
.newsitem .nextprev{
	float:right;
	width:30%;
	margin:0 0 1em 20px;
	text-align:right;
}
.newsitem .nextprev a{
	text-align:right;
	margin:0 0 0 10px;
}
.newsitem .date{}
.newsitem .characteristics{margin:0 0 1em;}
.newsitem .characteristics ul{display:inline;margin:0;}
#content .newsitem .characteristics li{
	display:inline;
	padding:0 1em 0 0;
	background:none;
	font-size:.8em;
	text-transform: uppercase;
	white-space: nowrap;
}
.newsitem .textnews{font-size:1.4em;}
.newsitem .textnews p, #content .newsitem .textnews li{font-size:1em;}

#content .newsitem .textnews ul, #content .newsitem .textnews ul ul{
	list-style: none;
}
#content .newsitem .textnews li{
	font-size: 1em;
	padding-left: 40px;
	position: relative;
	background: none;
}
#content .newsitem .textnews li:before{
	display: flex;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 16px;
	color: #134d92;
	background-color: #134d92;
	width: 4px;
	height: 4px;
	border-radius: 100%;

}

.newsitem .medianews{
	float:right;
	width:306px;
	margin:3px 0 30px 30px;
}
.medianews img, .medianews iframe, .medianews object{
	float:left;
	width:100%;
	margin-bottom:.3em;
}
.medianews .mediafooter{
	float:left;
	width:100%;
	margin:2em 0;
	padding-top:1em;
	font-size:.9em;
	border-top:1px solid #DDD;
}
.newsitem .textintro, .newsitem .textitem, .newsitem.fileslist{
	margin: 0 0 1.3em;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.5em;	
}
.newsitemfooter{
	float:left;
	width:100%;
	margin:1em 0;
}
.newsitemfooter p{
	margin:0 0 0.3em;
}
.newsitemfooter .btn-download{
	padding: 3px 10px 3px 20px;
	background:url(../images/icons/download16.png) no-repeat 0 50%;
}
.newsitemfooter .btn-link{
	padding: 3px 10px 3px 20px;
	background:url(../images/icons/link16.png) no-repeat 0 50%;
}

/* Media */
#content_common{
	float:right;
	width:48%;
}
#content_common div{}
#content_lang{
	float:left;
	width:48%;
	padding-top:2em;
}
#content_lang div{}
#text_fecha{
	position:absolute;
	top:0;
	left:0;
}
#map, #map_canvas{height:300px;}
#galleriafotouploader_noticias_fotos{float:left;width:100% !important;/*height:351px;*/height:251px;}
#map, .select, .selectm, .checkboxm, .file.attached {margin-bottom:1em;}
#text_latlng, #checkbox_destacado {display:none;}

/* = NEWS ITEM
---------------------------------------------------------
*/
/* =  SIDE NEWS
---------------------------------------------------------
*/
.sidenews{
	float:left;
	width:100%;
	margin:0 0 1em;
}
#content .sidenews ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#content .sidenews ul li{
	float:left;
	width:100%;
	margin:0 0 1.5em;
	padding:0;
	background:none;
	line-height: 1.5em;
}
.sidenews .date{
	float:left;
	width:100%;
}
.sidenews .title{
	float:left;
	width:100%;
	margin:0 0 5px;
}
.sidenews .title a{}
.sidenews .title a:hover{}
.sidenews a.btn-more{float:left;clear:left;}
/* =  END SIDE NEWS
---------------------------------------------------------
*/
/* = SITEMAP LIST
---------------------------------------------------------
*/
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
---------------------------------------------------------
*/

/* = MEMBERS LIST
---------------------------------------------------------
*/
.member-list{
	float:left;
	width:100%;
	margin:2em 0;
}
.member-list div.row{
	float:left;
	width:  100%!important;
	margin:  0!important;	
}

#content .member-list ul{
	float:left;
	width:100%;
	margin:0 2% 1em;
	color: #134d92;
	font-size: 1em;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.member-list ul li{
	background: #FFF url('../images/backgrounds/textura-fondo-footer.png') -140px 0 repeat-y;
	text-align:center;
	padding:2em 20px 2em 40px;
	margin:0 2% 1em;
	width: 46%;
	min-height: 300px;
	box-sizing:border-box;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.14);
}
.member-list ul li .img-content{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    justify-content: center;
}
.member-list ul li .img-content img{
	width: 100%;
	align-self: center;
}
.member-list ul li .text-content{
	clear:both;
	float: left;
	width: 100%;
}
.member-list ul li .text-content a{
	display: block;
	width: 100%;
}

.member-list ul li.softmember{
	background: #F9F9F9 url('../images/backgrounds/textura-fondo-footer.png') -140px 0 repeat-y;
	min-height:  175px;
	display: flex;
	align-items: center;

}
.member-list ul li a,.member-list ul li a:hover, .member-list ul li a:visited{
	color:#134d92;
	width:  100%;
}


.member-list .company-tit{
	text-transform:uppercase;
	/*font-weight: bold;*/
}
/* = END MEMBERS LIST
---------------------------------------------------------
*/

/* = PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
.img-left{
	float:left;
	margin:3px 10px 10px 0;
	border:0;
}
.img-right{
	float:right;
	margin:3px 0 10px 10px;
	border:0;
}
.diagram{
	float:left;
	margin:4em 0 !important;
	width:100%;
}

/* = BUTTONS
---------------------------------------------------------
*/
button{
	font-family:"robotoregular";
	background:#FFF;
	padding:12px 0px;
	border:0; 
	border-radius: 3px; 
	font-size: 1.2em; 
	color:#FFF; 
	cursor: pointer; 
	text-align: center; 
	margin-bottom: 15px;
	text-transform: uppercase;
}
/* sizes */

.smaller{width:75px}
.med{width:100px}
.larger{width:150px}
.xl{width:200px}

/* kinds */
.alert{background:#f96875; color:#FFF;}
.alert:hover{background:#f24c5c; color:#FFF;}

.default{background:#e9e9e9; color:#232323;}
.default:hover{background:#5699c9; color:#FFF;}

.submit{background:#6ecb3b; color:#FFF;}
.submit:hover{background:#79de42;}

.new{background:#68c690; color:#FFF;}
.new:hover{background:#27ae60; color:#FFF;}

.btn-more{
	/*padding:3px 10px;
	background: #ff7700;	
	font-size:.8em;
	text-transform: uppercase;
color:#FFF;	
	border-radius: 3px; */
}
.btn-download{
	padding:0 0 0 20px;
	background: url(../images/icons/download16.png) no-repeat 0 50%;
	font-variant:small-caps;
	font-size:1em;
	text-transform: lowercase;
}
.btn-link{
	padding:0 0 0 20px;
	background: url(../images/icons/link16.png) no-repeat 0 50%;
	font-variant:small-caps;
	font-size:1em;
	text-transform: lowercase;
}
.btnDown{
	position:absolute;
	top:-300px;
	left:50%;
	width:200px;
	margin-left:-100px;
	z-index:3;
	text-transform: uppercase;
}

/* = END PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/



/* = AÑADIDAS EEMG
---------------------------------------------------------
*/

/* = GENERALES
---------------------------------------------------------
*/

a.link-flecha{
	background:url(../images/icons/flecha-verde.png) no-repeat;
	padding:0 0 0 40px;
	height:32px;
	color:#99c013;
	font-family:'robotoregular', sans-serif;
	font-size:14px;
	text-decoration:underline;
	display:inline-block;
	line-height:32px;
}
a.link-flecha:hover{
	background:url(../images/icons/flecha-azul.png) no-repeat;
	color:#134d92;
}
.colspecial img{
	display:block;
	margin:50px auto 0;
}
.linea-separacion{
	margin:0;
	background:url(../images/backgrounds/bg-linea.png) repeat-x;
	min-height:137px;
	display:block;
}
.linea-separacion ul{
	margin:0;
}

ul.countries-footer {
	width:100%;
	margin:30px 0 30px 0;
	padding:0;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.countries-footer li{
	width: 150px;
	float:none;
	background:none!important;
	border:0!important;
	display: inline-block!important;
	padding-top:14px;
}
.countries-footer li .country{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.countries-footer li .country img{
	width: 36px;
	clear: both;
	height: auto;
}
.countries-footer li img{
	max-width: 105px;
	width: 105px;
}

.con-padding{
	width:810px;
}
.circulos{
	float:right;
	width:335px;
	margin:0 -230px 1em 30px;
}
main ul li{
	color:#666;
	font-family:'robotoregular', sans-serif;
	font-size:14px;
	padding:0 5px 0 50px;
	background:url('../images/icons/lineas.png') no-repeat 28px 10px;
}
.padding-circulos{
	padding-right:55px!important;
}
.internas h2{
	font-family:'robotoregular', sans-serif;
	font-size:18px;
	margin:0;
	text-transform:uppercase;
}

/* = BENEFITS
---------------------------------------------------------
*/

#col-benefits{
/*	width:360px;*/
}

/* = RECOMMENDATIONS
---------------------------------------------------------
*/

.grafico-flechas{
	width:533px;
	height:128px;
	background:url('../images/backgrounds/grafico-flechas.png') no-repeat;
	margin-bottom:50px;
}
main .grafico-flechas li{
	display:inline-block;
	width:33%;
	height:128px;
	font-size:14px;
	font-family:'robotoregular', sans-serif;
	color:#FFF;
	text-align:right;
	padding:30px 20px;
	background: none;
}
.grafico-flechas li:nth-child(2){
	padding-right:50px;
}
#recommendations aside img{
	margin-top:50px;
}

/* = MEMBERS
---------------------------------------------------------
*/

.container-centro{
	display:block;
	margin:50px auto 0;
	width:656px;
	text-align:center;
}
.container-centro div:first-child{
	width:474px;
	display:block;
	margin:0 auto;
}

.contacto .container-centro .container-header{
	text-align:left;
	width:100%;
	float:left;
}

.container-centro div.mediadora{	
	width:100%!important;
	float:left;
	text-align: left;
	margin:1em 0 3em;
}
.container-centro div.mediadora div.col03{	
	width:222px;
}
.container-centro div.mediadora h2{
	font-family: "robotoregular",sans-serif;
    font-size: 18px;
    margin: 2em 0;
    text-transform: uppercase;
}

/* = FOOTER
---------------------------------------------------------
*/

.info-footer{
	float:left;
	width:390px;
	display:block;
	background:url(../images/backgrounds/linea-footer.png) repeat-x 0 26px;
}
.info-eemg{
	float:left;
	display:block;
	margin:0;
	padding:0;
}
.info-ltw{
	float:left;
	display:block;
	margin:0;
}
footer p{
	color:#FFF;
	font-size:12px;
	line-height:16px;
	font-family:'robotoregular', sans-serif;
}
.logo-footer{
	float:right;
}
#footer-wrapper{
	background:url(../images/backgrounds/textura-fondo-footer.png);
}

/*--------------------------------------------------------- */
/*  Responsive Styles */
/*--------------------------------------------------------- */
/*	01. RESPONSIVE TABLETS
	02. RESPONSIVE SMARTPHONES ADN MINI-TABLETS
/*--------------------------------------------------------- */

/* = 01. Responsive Ipads ---------------------------------------------------------*/

@media only screen and (min-width : 800px) and (max-width : 1024px){

	

}

/* = 02. Responsive smartphones and mini-tablets---------------------------------------------------------*/

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

		html{min-width: inherit!important;} 
		body {width:100%;padding:0;}

		/* 12 COLS FLEXIBLE */
		/* .flex en el body = contenedores flexibles*/
		.flex .container {
			width:100%;
			max-width:978px;
			margin:0 auto;
			padding:0 2em;
		}
		.flex .main, .flex main{
			float:left;
			width:65%;
			padding-bottom:20px;	
		}
		.flex .side, .flex aside{
			float:left;
			width:31%;
			padding-bottom:20px;	
		}
		.flex .col01, .flex .col02, .flex .col03, .flex .col04, .flex .col05, .flex .col06, .flex .col07, .flex .col08, .flex .col09, .flex .col10, .flex .col11 {
			float: left;
			margin: 0 1.5%;
		}
		.flex .col01 {width:5.5%;}
		.flex .col02 {width:14%;}
		.flex .col03 {width:22.5%;}
		.flex .col04 {width:31%;}
		.flex .col05 {width:39.5%;}
		.flex .col06 {width:48%;}
		.flex .col07 {width:56.5%;}
		.flex .col08 {width:65%;}
		.flex .col09 {width:73.5%;}
		.flex .col10 {width:82%;}
		.flex .col11 {width:90.5%;}
		.flex .main, .flex main{
			width:65%;
		}
		.side, aside{
			width:31%;
			padding-left:0;

		}

		/* END Equivalencias para un grid flexible */

		#wrapper, #wrapper div{}
		#footer-wrapper ,#footer-wrapper div{}

		.flex .col01, .flex .col02, .flex .col03, .flex .col04{
			width:100%;
			padding:0;
			margin:0;
			box-sizing:border-box;
		}
		aside div#secondary-nav{float:left;width:100% !important;padding:0 !important;}
		aside #secondary-nav ul, aside #secondary-nav li, aside #secondary-nav li a{float:left;width:100%!important;margin:0;padding:0;box-sizing:border-box;}

		.circulos{
			position:relative;
			right:0;
			top:0;
			float:left;
			width:100%;
			margin:2em 0 3em ;
		}		
		.circulos img{
			max-width:100%;
		}
		#col-benefits {
		    width: 100%;
		}		
		.grafico-flechas{
			display:none;
				}

		.colspecial{
			float: left;
		    width: 46%;
		}
		.colspecial.first{
		    margin: 0 4% 0 0;
		}
		.colspecial.last{
		    margin: 0 0 0 4%;
		}
		.con-padding{
			
		}

		.info-footer{
		width:70%;
		}		
		.info-eemg{
			width:50%;
			padding-right:20px;
			box-sizing: border-box;
		}
		.info-ltw{
			width:50%;
			padding:0;
		}		
		.logo-footer{
		float:none;
		position:absolute;
		top:2em;
		right:2em;
		}


		



}
/*--------------------------------------------------------- */
/*  END Responsive Styles */
/*--------------------------------------------------------- */

/* Ocultar/mostrar contenido escritorio */	
.movil{display:none;}
.tablet{display:none;}
.desktop{display:block;}

*:focus {outline: 0;}