@import url("../../webfonts/opensans/stylesheet.css");
/* CSS Document */
/* -------------------------------------------------------------
======	RESET
------------------------------------------------------------- */


ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0; margin:0; padding:0}
label{cursor:pointer}
legend{border:0; *margin-left:-7px; padding:0;white-space: normal;}
table button, table input{*overflow:auto}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto; vertical-align:top; resize:vertical}
table{border-collapse:collapse; border-spacing:0}
td{vertical-align:top}
.chromeframe { margin: 1em 0; background: red; color: black; padding: 1em; }


/* -------------------------------------------------------------
======	STYLES
------------------------------------------------------------- */

/* -- FORMS 
------------------------------------------------------------- */

form li{
    margin-bottom: 0px;
}
label{
    display: block;
    font-weight: 700;
    font-size: 0.8rem;
}
input, select, textarea {
    border: 1px solid #C5C5C5;
    color: #3D3D3D;
    font-size: 15px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc); 
    min-width: 150px;
    background-color: hsla(0,0%,83%,1.00);
}

textarea{
	padding-top: 1em;
	/* [disabled]padding-right: 1em; */
	padding-left: 1em;
	padding-bottom: 1em;
	min-height: 5em;
	height: auto;
	min-width: 300px;
	max-width: 500px;
	width: 50%;
}
input, textarea {
    -moz-transition: border .40s;
    -webkit-transition: border .40s;
    -o-transition: border .40s;
    transition: border .40s;
    margin-top: 0px;
}
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active {
    border: 1px solid #ACACAC;
    background-color: hsla(0,0%,95%,1.00);
    margin-top: 0px;
}

input[type="text"],textarea{cursor: text;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}
/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }

.send {
	padding-left: 30px;
	float: left;
	padding-top: 5px;
}
.adresse{
    font-family: gothic,"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 300;
    color: #000000;
}

.adressecontact{
	font-family: Lato;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
}
.requerido {
	color: hsla(0,0%,3%,1.00);
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.campo {
    width: 300px;
    /* [disabled]background-image: url(../formulario/img/campo.jpg); */
    background-color: hsla(0,0%,88%,1.00);
    height: 25px;
    border: 0;
    margin-bottom: 0px;
    padding-left: 8px;
    padding-right: 10px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.campo2 {
	width: 300px;
	background-color: hsla(0,0%,88%,1.00);
	height: 150px;
	border: 0;
	margin-bottom: 0px;
	padding: 6px 10px 5px 8px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ul li p{
	color: rgba(151,123,55,1.00);
	clear: both;
	margin-top: 10px;
	font-size: 17PX;
}

/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */

.containercontact {
    width: 80%;
    margin-top: 3%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 12%;
    /* [disabled]max-width: 1100px; */
    /* [disabled]min-width: 300px; */
    position: relative;
}
 
.grid-wrap {



  *zoom:1
    /* [disabled]width: 80%; */
}

.cookies {
    text-align: justify;
    padding-left: 4%;
    padding-right: 2%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: gothic,"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.legal {
    padding-left: 4%;
    padding-right: 2%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: gothic,"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.2rem;
}
.legalbig{
    ;
    ;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-shadow: 0px 0px;
}
.legal h2 {
    font-size: 1.1rem;
    font-weight: 600;
}

.legalmedium{
	font-family: Lato;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	text-shadow: 1px 1px 1px #020202;
}

  .grid-wrap:before, .grid-wrap:after{content:""; display:table}
  .grid-wrap:after{clear:both}
  
.grid {
    float: left; /* this is your gutter between columns */
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  *behavior: url(/js/boxsizing.htc);     font-family: Grotesque MT Bold;
}
  
.half-gutter {margin-left: -1.5em; }
  .half-gutter .grid-col {padding-left: 1.5em; }
  
.col-full {width: 100%; }
.col-one-half {width: 50%; }
.col-one-third {width: 33.333%; }
.col-two-thirds {width: 66.666%; }
.col-one-quarter {
	width: 50%;
}
.col-three-quarters {
	width: 48%;
}

.divide-top{border-top: 1px solid #ccc;padding-top: 2em;margin-top: 1.5em; }

.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 3em;}
.mbottom{
	margin-bottom: 2em;
}
.halfmright{ margin-right: 1.5em;}
.halfmleft{ margin-left: 1.5em;}
.halfmtop{ margin-top: 1.5em;}
.halfmbottom{ margin-bottom: 1.5em;}

.fright, .fleft{display:block; overflow:hidden}
.fright{
	float: left
}
.fleft{float:left}

.alignleft{float: left;clear: left;margin: 0.38em 1.62em 0.38em 0;}
.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
.aligncenter {margin: 0 auto 1.62em;display: block;}



/* -- MISC
------------------------------------------------------------- */
figure { max-height: 100%; overflow: hidden;}
figure figcaption { }
img { max-width: 100%; height: auto; width: auto; }
a img {
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease; }
a img:hover {
	*zoom: 1;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);}
    
    
    
	
/* -- GENERAL 
------------------------------------------------------------- */
.main > section {

}
.main header{
    margin-bottom: 3em;
}
.main header hr{border-top-color:#999;}
.arrow:after {content:" \27F6"; /* html unicode: ⟶ */ } 
header .arrow {color: #999; }
.arrow:hover {color: #0078CF; }



/* -- HOME-PAGE
------------------------------------------------------------- */

.main aside{
    margin-right: 2%;
    padding-left: 20%;
    padding-top: 10%;
    padding-bottom: 10%;
}
.main aside menu{padding: 0 0 0 1em; line-height: 2em;}
.main aside menu a{color: #999;}
.main aside menu .buttonactive {color: #0078CF }


/* -- SUBPAGES 
------------------------------------------------------------- */

	/* - Toggles */  
.toggle-view > li {
    margin-top: 1em;
    position: relative; }
.toggle-title {padding: 0.8em 2em;}
.toggle-title-detail {
    font-size: 0.8em;
    color: #999;
    font-weight: normal;
    text-transform: lowercase; }
.toggle-title:after {
    content: "\25C0";
    float: right;
    color: #999; }
.toggle-title:hover:after { color: #555 }
.tactive { background: #FFF }
.tactive:after {
    content: "\25BC";
    color: #555;}
.toggle {
    padding: 1em 2em;
    display: none;
    overflow: hidden; }
.toggle > ul li { line-height: 2.5 }
.toggle > ul li:before {
    content: "\2714 ";
    color: #ddd;
    margin-right: 1em; }
            
	/* - Tabs */
.tabs {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #ddd; }
.tabs li {
    display: inline-block; margin-bottom: -1px; }
.tabs li a {
    display: block; 
    text-decoration: none;
    line-height: 3em;
    color: #555; 
    padding: 0 2em; 
    margin: 0;
    background: #f5f5f5;
    font-size: 1.1em;}
.tabs li a:hover{color: #000;}
.tabs li.active a{
	background: #fff;
	position: relative;
	border: 1px solid #DDD;
	border-bottom-color: #FFF;
	color: #111;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }

.tab_container { margin-bottom: 1em; display: block; border-left: 1px solid #ddd; padding: 15px 15px 0;}
.tab_container > article { display:none; }
.tab_container > article:first-child { display: block; }
.grid.col-one-quarter h6 a {
    color: hsla(0,0%,0%,1.00);
    text-decoration: none;
}





/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- *

    
/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media (max-width: 768px) {
	.mq3-col-full { width: 100%; }
	 .cookies {
    float: left;
    padding-right: 7%;
    font-family: gothic,"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.containercontact {

}
.main aside{
    margin-top: 1%;
    padding-left: 0;
    font-family: Grotesque MT Bold;
}
.col-one-quarter {
	width: 100%;
}

	}


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