/*************************
*******Typography******
**************************/

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 26px;
  color: #222;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
}
 
#up{ position:absolute; bottom:20px; right:20px; display:block; width:50px; height:40px; z-index:999999999999;/**********************************/ display:none;}

.parallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.parallax,
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,

.parallax h5,
.parallax h6 {
  color: #fff;
}
.parallax a,
.parallax input[type="text"],
.parallax input[type="text"]:hover,
.parallax input[type="email"],
.parallax input[type="email"]:hover,
.parallax input[type="url"],
.parallax input[type="url"]:hover,
.parallax input[type="password"],
.parallax input[type="password"]:hover,
.parallax textarea,
.parallax textarea:hover {
  font-weight: 300;
  color: #fff;
}

.btn {
  border: 0;
  border-radius: 0;
}
 
a {
  text-decoration: none;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:focus, 
a:hover { color:#000;
  text-decoration: none;
  outline: none
}

section {
  padding: 90px 0;
}
 
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #fff;
}

.preloader > i {
  position: absolute;
  font-size: 36px;
  line-height: 36px;
  top: 50%;
  left: 50%;
  height: 36px;
  width: 36px;
  margin-top: -15px;
  margin-left: -15px;
  display: inline-block;
}


/*************************
********Home CSS**********
**************************/



#header  { width:95%; margin:0 auto; background:#fff;  color:#333;   height:140px; z-index: 999; border-bottom:1px solid #ccc;   position: relative; }
 
#header   p.datos{ text-align:right;; color:#222; margin-right:15%; margin-top:0px; font-weight:300; font-size:0.9em;   }
#header p i{ padding-left:20px; padding-right:6px;font-size:1.4em}
 #header p a{  color:#A6543C}

  
 #header  a.logo{ margin:0px; float:left; margin-top:-20px; width:25%; text-align:right}
  #header  a.logo img{max-width:220px; width:100%}


nav { margin: 0;margin-left:3%; margin-top:20px;
	 width:70%; float:right;  
	
	padding: 0; 
 
 }

nav [type="checkbox"],  nav label {
	  display: none;
}

 
nav li { margin: 0  ; display: block; float: left; clear: none; }
nav li a { display: block;color:#222;  padding:20px 30px 20px 40px; text-transform:uppercase; font-size:0.9em; font-weight:300;
     }
nav ul li a.sel{   color:#A6543C}
nav a:hover,nav ul li a.sel:hover { background:#000 ; color:#fff;  ;}


 
/***************/
			 nav li ul {
				display:none;
				position:absolute;
				min-width:140px; margin-left:-20px;
			}
			
			 nav li:hover > ul {
				display:block; max-width:400px; padding-top: 0px; padding-bottom:20px;  padding:10px; background:#000;
			}
			
			 nav li ul li { max-width:400px; float:none ;  margin:0;
				position:relative;
			}
			 nav li ul li a { border-radius :0; max-width:400px; float:none ; color:#fff; text-transform:none; font-weight:400; 			 padding:10px; margin:0; font-size:0.9em; background:#000; display:block;
				position:relative;
			}
			 nav ul li a.sel ul li a { color:#fff;
			}
			
			 nav li ul li a:hover { background:#A6543C; }
			 nav li ul li ul {
				right:-100px;
				top:0px;
			}
/***/

/***
.fixed {
	height: 25px;
    position:fixed;
    top:0;
}

#header.fixed    {  height: 85px; background:#fff ; border-bottom:2px solid #990000  }
#header.fixed nav{ margin-top: 0px; font-size:0.9em;}
#header.fixed  a.logo img{max-width:190px; margin-top:-5px; width:100%}
 */
@media ( max-width: 1500px){
#header   p.datos{ margin-right: 5%;   }
#header  a.logo{ width:20%; }
nav { 	 width:75%;margin-left:0; }
nav li a { padding:0 25px 0 25px;  }

}

@media ( max-width: 1200px){ 
 #header   { height:120px;  }
nav { 	 width:77%;  }
nav li a { padding:0 17px 0 18px; font-size:0.8em;}  
}



@media ( max-width: 967px){ 
#header   { height:170px;  }
#header  a.logo{ width:30%; padding-top:25px;}
#header   p.datos{ margin-right: 0; float:right; padding-top:12px;  }
#header   p.datos span{ display:block;}
nav { 	 width:100%;  }
nav li a { padding:0 19px 0 18px;     }
 }
 
 
@media only screen and (max-width: 768px) { /************* MENU RESPONSIVE *********************/

 

#header  a.logo{ position:absolute;  margin-left: 0px;width:50%; margin-top: 20px ; text-align:center;}
   #header  a.logo img{max-width:230px; width:100%}
 #header   p.datos{ line-height:1em; margin-right: 0; float:right; padding-top:0px;  }

	nav ul {
		  display: none;
	}

	label#nav {
  		display: block;
  		background:  none;
		  width: 70px; border:1px solid #A6543C;
		  padding:16px ;
  		height: 60px;
		margin:0; text-align:center;
		color:#A6543C;
  		cursor: pointer; 
		  position: absolute;
		  right:6%;
  		top:70px;
	} 
 label#nav:after{
  content:'';
  display: block;
  width: 25px;
  height: 1px; 
  background: #A6543C;
  margin:  6px;
  box-shadow: 0px 8px 0px #A6543C, 0px 16px 0px #A6543C
}
label#nav:hover { background:#111}
	[type="checkbox"]:checked ~ ul { width:100;
  		display: block;
  		z-index: 999999999;
  		position: absolute; width:100%; 
  		background: #000;
	}


nav ul { border-radius:0; 
  		z-index: 999999999; right:0; width:100%; top:125px; margin:0; padding:0; background:#000;
  		position: absolute;}
		
 nav   li   {    text-align:center; width:100%;
	padding:  10px  ; border-top:1px solid #222; color:#fff; 
}
 nav   li  a {   color:#fff; 
}
 nav ul li a.sel{   color:#A6543C}
nav a:hover,nav ul li a.sel:hover {    color:#A6543C;  ;}

	 
	nav ul li,  #menu ul li{
		  display: block;
  		float: none;
  		width: 100%;  
		  text-indent:  0px;
	}
 nav a:hover,nav ul li a.sel:hover {  color:#A6543C  ;}


 
/***************/
			 nav li ul {
				display:block;
				position: relative; 
				min-width:100%; margin:0px; padding:0; top:0;
			}
			
		 
			 nav li ul li { max-width:400px; float:none ;  margin:0;
				position:relative; padding:0; border:0;
			}
			 nav li ul li a {   color:#666; text-transform:none; font-weight:400; 			 padding: 0px; margin:0; font-size:0.8em; background:none;
			}
			 nav ul li a.sel ul li a { color:#fff;
			}
			
			 nav li ul li a:hover {  color:#A6543C; background:none }
			 nav li ul li ul {
				right:-100px;
				top:0px;
			}

  
}
 @media ( max-width: 420px){ 
 #header  { height: 140px}
 #header   p.datos{ text-align:right;; color:#222; margin-right: 0px; margin-top:0px; font-weight:200; font-size:0.8em; }
 
  	label#nav {
  		display: block;
  		background:  none;
		  width: 50px; border:1px solid #A6543C;
		  padding:10px 5px 10px 5px ;
  		height: 50px;
		margin:0; text-align:center;
		color:#A6543C;
  		cursor: pointer; 
		  position: absolute;
		  right:2%;
  		top:60px;
	} 


nav ul { top:110px;   }
 }
 
 
 
 
 
/******************************************************************************/
 /**************BANNERS ***************************************************/
/******************************************************************************/
#home-slider { padding: 0px  ; margin:0;  max-height:600px;  overflow: hidden; position:relative;  
  position: relative; 
}
#home-slider  .item{background:#A1513A;}
#home-slider  .item#color{background:#A1943A;}
#home-slider  .item#color1{background:#3AA19D;}
#home-slider  .item#color2{background:#A13A6D;}

#home-slider .caption { width:50%; top:22%; left:12%; position:absolute; z-index:999; color:#FFFFFF;text-align:left;
}
 
#home-slider .caption h1{   color:#FFFFFF; font-size:3.5em; font-weight:300; text-align:left;padding:0; margin:0;
}
#home-slider .caption h2 { color:#FFFFFF; font-size:1.5em; text-align:left; font-weight:300; padding:12px 0; margin:0; text-transform:  uppercase;  
}
#home-slider .caption a {margin:0 auto; float:left;display:table; width:auto; border:1px solid #fff; padding:15px 30px 15px 30px; color:#fff; font-weight:300;  font-size:1.2em; margin-top:50px;  
}
 
.caption .btn-start:hover {
  color: #fff
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  background-repeat: no-repeat; 
 
}
 

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.left-control, .right-control {
  position: absolute;
  top: 50%;
  height: 51px;
  width: 51px;
  line-height: 48px;
  border-radius: 50%;
  border:1px solid #fff;  
  z-index: 20;
  font-size: 24px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.left-control {
  left: -51px
} 

.right-control {
  right: -51px;
}

.left-control:hover, 
.right-control:hover {
  color: #fff;
}

#home-slider:hover .left-control {
  left:60px
} 

#home-slider:hover .right-control {
  right:60px
}

 @media ( max-width: 1500px){ 
 #home-slider  .item, #home-slider  .item#color,#home-slider  .item#color1 , #home-slider  .item#color2 {background-position: center top }
   }


@media ( max-width: 1200px){  
 #home-slider  .item, #home-slider  .item#color,#home-slider  .item#color1 , #home-slider  .item#color2 {background-position: -600px top }
 
 #home-slider .caption { width:60%; top:14%; left:5%;  font-size:0.8em;
}
 #home-slider .caption a {margin-left: 20% }

}


@media ( max-width: 967px){ 
}

@media only screen and (max-width: 768px) {  
#home-slider { padding: 0px  ; margin:0;  max-height:400px;  overflow: hidden; position:relative;  
  position: relative; 
}
#home-slider .caption h2 { color:#FFFFFF; font-size:1.3em;  
}
 
#home-slider .caption h1{   color:#FFFFFF; font-size:2.6em;  
}
 #home-slider  .item, #home-slider  .item#color,#home-slider  .item#color1 , #home-slider  .item#color2 {  ;background-position: center top; background-size:200%    }
 #home-slider .caption { width:60%; top: 12%; left:5%;  font-size:0.8em;
}
.left-control, .right-control {
  position: absolute;
  top: 80%;   
  height: 41px;
  width: 41px;
  line-height: 38px;
  font-size: 18px;

}
#home-slider:hover .left-control {
  left:20px
} 

#home-slider:hover .right-control {
  right:20px
}

#home-slider .caption a { padding:10px 20px 10px 20px;  margin-top:20px;  
}
 
}
 

@media ( max-width: 420px){

#home-slider { max-height:260px;    } 
#home-slider .caption { width:60%; top: 5%; left:2%;  
}#home-slider .caption h1{   color:#FFFFFF; font-size:2em;  
}
#home-slider .caption h2 { color:#FFFFFF; font-size:1.1em; line-height:1.3em;  
}
#home-slider .caption a { padding:10px 20px 10px 20px;  margin-top: 0px;  
}
 
 #home-slider  .item, #home-slider  .item#color,#home-slider  .item#color1 , #home-slider  .item#color2 {  ;background-position: center top; background-size:200%    }
 }

 

 

a,
#home-slider .caption h1 span, 
#twitter-carousel .item span, 
#footer .footer-bottom, 
#single-portfolio .close-folio-item:hover, 
.single-table.featured .btn.btn-primary, 
.contact-info ul li a:hover, 
#footer .footer-bottom a  {
  color: #A6543C;
}

.btn.btn-primary:hover,
.btn-submit:hover {
  background-color: #000
}

a:hover, a:focus {
	color: #000;
}

 
 




/*************************
******* *contenidos   *******
**************************/
.clear { clear:both; height:1px;}
.row { width:100%; max-width:1000px; margin:50px auto; padding:0; 
  text-align: center;  
  position: relative; 
}
  h2{ margin:0 auto; text-align:center;  padding:15px 30px 15px 30px; color:#111; font-weight:300;  font-size:3em; 
}  
h3{font-weight:100; padding:30px; text-transform:uppercase;  font-size:1.5em; 
}
.row p{ line-height:1.8em; margin:0 auto; text-align:center;  padding:15px 30px 15px 30px; color:#111; font-weight:300;  font-size:1.5em; 
}
.parallax .row p{ line-height:1.8em; margin:0 auto; text-align:center;  padding:15px 30px 15px 30px; color:#fff; font-weight:300;  font-size:1.5em; 
}

 
/*************************
********dietas*******
**************************/
#index {
  background:#F9EEEE;
  padding:  20px 0;
}

a.boton { margin:0 auto; text-align:center; display:table; width:auto; border:1px solid #111; padding:15px 30px 15px 30px; color:#111; font-weight:300;  font-size:1.2em; margin-top:50px;  }
a.boton:hover { background:#A6543C}

/*************************
********cita - index*******
**************************/
#ppto { 
  background-image: url(../images/ppto.jpg); background-attachment:fixed;
  padding:   30px 0;
}
#ppto h2{ margin:0 auto; text-align:center;  padding:15px 30px 15px 30px;   font-weight:600;  font-size:1.3em; text-transform:uppercase;
}


#ppto h3{ margin:0 auto; text-align:center;  padding:15px 30px 5px 30px;  font-weight:100;  font-size:3em; line-height:1.3em;
}
#ppto h3 a{   font-size:0.5em; line-height:1em;
}

#ppto   a.ir{   margin:0 auto; text-align:center; display:table; width:auto; border:1px solid #fff; padding:15px 30px 15px 30px; color:#fff; font-weight:300;  font-size:1.2em; margin-top:50px;  
}
 #ppto   a.ir:hover{ background:#A6543C;}
 
@media ( max-width: 768px){

.row p{  font-size:1.3em; }

#ppto h3{ font-size:2em;}

}
@media ( max-width: 420px){ 
  h2{ ;  padding:13px;  font-size:2.5em; 
}
}

/*************************
********empresa*****
**************************/
#title/*cabecera*/ {  background:#A6543C;  padding:  20px 0   ; }
#title .row{ margin-top:0; margin-bottom:10px; padding:0;}
#title p  { padding:10px   0; text-transform:uppercase; padding:0; margin:0;}

#empresa_intro  .row{ margin-top:0; margin-bottom:10px; padding:0;}

#empresa/*fondo*/ {  background-image: url(../images/banner3.jpg); background-attachment:fixed;
 padding:  80px 0  ; 
}
 #empresa .row{ margin-top:0; margin-bottom:10px; padding:0;}

 #empresa h2 { padding:30px   0; text-transform:uppercase; font-size:2.6em; margin:0}
 #empresa p { padding:10px   0; padding:0; margin:0;
}
 @media ( max-width: 967px){ 
#empresa { font-size:0.9em;   
}
#empresa2{ padding:20px 0} 
}

@media only screen and (max-width: 768px) {  
#title { font-size:0.8em;     }
#empresa_intro, #empresa{ padding:20px 0} 

}


@media   (max-width: 420px) {   
#empresa_intro p, #empresa p,  #empresa2 p{ padding:5px; margin:0;font-size:1.1em;  } 
 #empresa h2 , #empresa2 h2 {font-size:2em; margin:0}

}



/*************************
********servicios*****
**************************/

#servicios/*cabecera*/ {
  
  background:#A6543C;  padding:  120px 0 0 0 ;
}
 
/*************************/
#services/* servicios*/ {
   padding:  40px 0 40px 0 ;
}


#services ul { text-align:left; padding-left:90px;
}

#services ul li{   padding:10px; line-height:1.8em; margin:0 auto;  color:#111; font-weight:300;  font-size:1.3em; list-style:none;
}
#services ul li i{ padding-right:10px;  font-size:1.3em; color:#A6543C
}
#services h3{ font-weight:500; font-size:2em;; color:#A6543C
}
@media only screen and (max-width: 768px) {   
#services p{ padding:5px; margin:0;font-size:1.1em;  } 

#services ul { text-align:left; padding-left:20px;
}
#services ul li{   padding:5px;  font-size:1.1em; 
}


}
@media   (max-width: 420px) {   

#services h3{ padding:18px ; margin:0; font-size:1.6em;; color:#A6543C
}

}


#productos/* productos*/ {
   padding:  40px 0 40px 0 ;
}

#productos .prod{ margin:0 auto; padding:20px; clear:both; }

#productos .prod img{ float:left; width:50%; margin:0; ; padding:0; padding-right:50px;}
#productos .prod h2{ float:left; width:45%;  font-size:1.5em; text-transform:uppercase; font-weight:600; margin:0; padding: 20px 0  0px 0; text-align:center;}
#productos .prod h2.last{ padding-top:50px;}
#productos .prod p{float:left;  width:45%; font-size:1.2em; text-align: justify; padding:20px; margin:0;   }
  
.persiana{ margin:0 auto; padding:35px 10px 20px ; clear:both; }

.persiana H2{ margin:0; padding:10px  ;  }
.persiana H3{ margin:0 ; padding:10px  ;  font-size:1.4em; font-weight:400; text-align:center;; color:#A6543C }

.galeria { padding-top:30px; margin-bottom:20px; clear:both; }
.galeria img{ width:25%; float:left;}
 .galeria#menor img{ width:16.666%; float:left;}

 @media ( max-width: 1200px){ 
#productos/* productos*/ {
   padding:  0 ;
}
.persiana{ margin:0 auto; padding:20px 10px 20px ; clear:both; }
 
}

 @media ( max-width: 967px){

 

.persiana H2{ font-size:2.5em;  }
#productos .prod img{   padding-right:20px;}
#productos .prod h2{  padding: 10px 0  0px 0; ;}
 #productos .prod p{  padding:5px;   }
}

@media only screen and (max-width: 768px) { 

 #productos .row p{  padding:5px;   }
#productos .prod img{ float:none; width:90%; margin:0 auto; padding:0px; display:block; max-width:600px;}
#productos .prod h2{  float:none; width:95%; font-size:1.5em; text-transform:uppercase; font-weight:600; margin:0; padding: 20px 0  0px 0; text-align:center;}
#productos .prod h2.last{ padding-top:50px;}
#productos .prod p{ float:none; width:95%;font-size:1.1em; text-align: justify; padding:5px; margin:0;   }
#productos .prod a.boton{ margin-top:6px;}

.persiana H2{ font-size:2em;   margin:0; padding: 5px  ;  }
.persiana H3{ margin:0 ; padding:5px  ;  font-size:1.1em; line-height:1.3em; }
.persiana a.boton { margin-top:15px;}
.galeria { padding-top:20px; margin-bottom:20px; clear:both; }
.galeria img{ width:50%; float:left;}
 .galeria#menor img{ width:50%; float:left;}

}


@media   (max-width: 420px) {   
 #productos/* productos*/ {
   padding:   20px 0 40px 0 ;
}

 #productos .row  { margin:0;  padding:5px;   }
 #productos .row  p{ font-size:1.1em;  }

#productos .prod img{ width:100%; }
#productos .prod h2{    width:100%;   padding: 15px 0  0px 0; text-align:center;}
#productos .prod p{   width:100%;font-size:1em;  padding:6px 0; margin:0; line-height:1.5em;   }
#productos .prod a.boton{ padding:12px;font-size:1em;}

.persiana{ margin:0 auto; padding: 0px ; padding-bottom:40px; clear:both; }
}












#portfolio{
   padding:  70px 0 70px 0 ;
}


#portfolio  img{ float:left; width:14.22%;  }

 


@media ( max-width: 1200px){   

#portfolio  img{ float:left; width:20%;  }

 }
@media ( max-width: 967px){   

#portfolio{
   padding: 30px 0 70px 0 ;
}


#portfolio  img{ float:left; width:25%;  }

 

}
@media ( max-width: 768px){ 
 #portfolio  img{ float:left; width:33.3333%;  }


}
@media ( max-width: 420px){
 
 #portfolio  img{ float:left; width:50%;  }

}
 




#datos  { margin:0;
  padding:  20px 0 0px 0 ;
} 
#datos p { padding:0;}
#datos p span.phones { display:block;font-size:1.6em;font-weight:300; text-transform:none  }

#datos p.address {padding-top:12px;  font-weight:400; color:#A6543C}

#mapa { margin:0; padding:0;}
#mapa iframe  { width:100%; min-height:400px; margin:0; padding:0;
}



@media ( max-width: 967px){  
 #datos  { margin:0;
  padding:  00px 0 0px 0 ;
}
#datos h3 {
  padding:  00px 0 0px 0  }

 
 
}
@media ( max-width: 768px){
 
#datos  { margin:0;
  padding:   20px 0 20px 0 ;
}
#datos  .row{ margin:0;;
}
#datos h3 { font-size:2.2em; }
#datos h3 a{ font-size:0.7em; }
#datos p { padding:0; font-size:1.1em;}
#datos p span.phones { display:block;font-size:1.4em; }

#mapa { margin:0; padding:0;}

#mapa iframe  { width:100%; min-height:280px; margin:0; padding:0;
}
 
 
}
@media ( max-width: 420px){   
 #datos  { font-size:0.9em;
}
 
 
}


#contact  {
     padding:   0px 0 130px 0 ;
}
 

#contact  h3{ font-weight:400 
}
 


.verif{ display: none}



fieldset { 
	width:95%;
	display: block;  
	margin-left:15px;
	padding:10px;   
}
 
label {
	line-height:1.5em; text-align:left; font-size:1.1em;
	display: inline-block;
	font-weight:300; 
	width: 100%;
}
label.gr {  
	width:auto;    
}

input, textarea, select { 
	width: 100%; 
	margin: 0;  
	padding: 7px;  
	color: #ccc; background:none;
	border: 1px solid #ccc;
	margin:0px 0 10px 0;  
}   
   
input.polit{ 
	margin:10px 0;  
	padding:0; 
	float:left;display: inline ;
	position:relative; 
	width:20px;
}

 @media ( max-width: 420px){ 
  #contact  h3{ font-weight:400 ; font-size:1.4em; padding:0;
}
fieldset { 
	width:95%;
	margin:10px;
	padding:5px; font-size:0.9em;   
}
label.gr {
	width:auto;    
}


input, textarea, select {  
	padding: 4px;   
}   
  
 
}


.captcha { max-width:150PX; float:left; margin-top:5px; margin-right:15px; float:left; max-height:100PX;} 
label.capt {
	width:auto ; padding-right:10px ;float:left; padding-top:10px;   
}

input:focus, textarea:focus, select:focus { 
	border: 1px solid #ddd; 
	background-color: none; 
	color:#333; 
}

input.submit { 
	cursor: pointer; border:0;
	background:#000; width:auto;
	color:#fff;  ;float:right; margin:0;
	font-weight:300; 
	padding:15px 25px 15px 25px; 
	text-transform:uppercase; 
	font-size:1.5em; 
}

input.submit:hover { 
	background:#A6543C ; 
}


















/**cookies*******************/
#cookies { width:100%; min-height:90px; background:#000;text-align:center; color:#fff ; position:absolute; bottom:0;  z-index:10000; margin:0  ;    filter:alpha(opacity=90);
    -moz-opacity:.90;opacity:.90;  
	
position:fixed; padding:10px 0;
	}
	 
 
#cookies p{ text-align:center;font-size:0.9em; font-weight:400;  margin-bottom:3px; padding-top:2px; padding-top:3px; line-height:1.3em;}

#cookies span.acepto  {  font-size:16px; color:#000; background:#fff ; border-radius:6px; line-height:20px; padding-bottom:5px; margin-top:15px;   padding-right:17px; padding-left:17px; margin-right:30px; }

#cookies img{ float:left; margin-left:15px; margin-right:15px; margin-top:0px; }
#cookies p a{padding-top:25px; color:#FFFFFF; text-decoration:underline }
	
#cookies span{ background:#fff; border-radius:3px; padding:4px; color:#111; margin-right: 6px; padding-left:4px;font-size:0.90em; }	


/**footer*******************/
#footer{
  background:#A6543C;  padding-top:20px; padding-bottom:20px;  text-align:center; font-size:1.2em;font-weight:300;  font-size:1.2em
  }
  #footer .row { max-width:1200px;}
  
#footer a,#footer h3 { color:#fff; font-size:1.1em; line-height:1.5em;}
#footer h3 { padding:0;}
#footer p { font-size:0.8em;color:#fff;
  }
#footer  a.legal{  color:#D68D8D;
  }
 
  
@media ( max-width: 1200px){ 
 #footer{  padding-top:20px; padding-bottom:20px   }
 
 }
@media ( max-width: 967px){   
 #footer .row {  margin:10px auto;; }
 

}
@media ( max-width: 768px){ 
 #footer a,#footer h3 {  font-size:0.9em;}
 #footer .icons {  margin:20px auto;  }
#footer .icons a{ float:left; width:30%; text-align:center; font-size:1.7em;
  }
#cookies { width:100%;  height:90px; background:#000;text-align:center; color:#fff ; position:absolute; bottom:0;  z-index:10000; margin:0  ;    filter:alpha(opacity=90);
    -moz-opacity:.90;opacity:.90; font-size:0.8em; 
	
position:fixed; padding:10px 0;
	}
	 

}
@media ( max-width: 420px){ 
 #footer { padding:10px 0;}
 #footer  p { font-size:0.7em;}

#footer .icons a{  font-size:1.5em;}
#cookies {  height:100px; }
}

  
  



#contactform { max-width:750px; margin:0 auto; position:relative; margin-top:5%; text-align:center; background:url(../images/logo.png) top center no-repeat; background-size:320px 100px; 
	color : #222; padding-top:130px;
 font-family: 'Roboto', sans-serif; font-size:1em;}