@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
/*General*/
*{margin: 0; padding:0;}
body { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.5; }
.Wrapper {width: 95%; max-width: 960px; margin: 0 auto;}
.Copy {background: #EE3524; color: #fff; font-size: 14px; height: 40px; line-height: 40px;}
.Copy a {color: #fff; text-decoration: none;}
.Left {float: left}
.Right {float: right;}
.Clear {clear: both;}

.Header {height: 90px; position: relative;}
.Logo {display: block; position: absolute; top: 0; left: 0; z-index: 99;}
.Menu {display: inline-block; position: absolute; bottom: 10px; right: 0;}
.Menu ul {list-style: none}
.Menu ul li {display: inline-block; padding: 0 3px;}
.Menu ul li a {text-decoration: none; color: #666; display: block; line-height: 40px; background: #fff; border-radius: 3px; padding: 0 10px; transition: all 0.3s;}
.Menu ul li.Selected a {color: #fff; background: #EE3524;}
.Menu ul li a:hover {background:#f0f0f0; color: #333;}
h2 {color: #EE3524;}

.Section {padding: 40px 0;}
p {margin-bottom: 15px;}

/*Slider*/
#sliderContainer {height:450px; margin-bottom:35px; position:relative;}
#slider {position:absolute; top:0; left:0}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {width:960px; height:450px; overflow:hidden; position:relative;}
#slider li .info {position:absolute; bottom:40px; left:0; width:387px; background:#fff; padding: 10px 0 20px}
#slider li .info h2 {margin-left:25px; margin-top:7px; font:31px 'Roboto'; font-weight: 700; color:#EE3524; margin-right:20px}
#slider li .info p {font-size:11px; margin-top:5px; padding-left:10px; border-left:solid 3px #EE3524; margin-left:25px; margin-right:20px; text-align:justify}
#slider li .info2 {position:absolute; bottom:40px; right:0; height:auto; background:#fff; padding: 20px;}
#slider li .info2 h2 { font:36px/37px 'Roboto'; font-weight: 700; color:#EE3524; margin:0; padding: 0; text-align: right}
/* numeric controls */	
ol#controls {position:absolute; bottom:10px; right:15px; height:20px; margin: }
ol#controls li {margin-left:7px; padding:0; float:left; list-style:none; height:20px;width:20px}
ol#controls li a {float:left; height:20px; width:20px; background:#fff; color:transparent; text-decoration:none; text-indent:-9000px; border-radius:3px}
ol#controls li.current a {background:#EE3524;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/*Content*/
.ThreeColBlock {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px}
.ThreeColBlock .Block {text-align: justify;}
.ThreeColBlock .Block img, .TwoBlock img {width:100%; height: auto;}
.ThreeColBlock .Block .Image {width: 100%; display: block; border: 1px solid #ccc; padding:10px; box-sizing: border-box; margin: 10px 0 20px;;}

.TwoBlock {display: grid; grid-template-columns: repeat(2,1fr); grid-gap:30px 15px;}
.RedBtn {display: block; background: #EE3524; color: #fff; text-decoration:none; display: block; text-align: center; font-weight: 700; height: 30px; border-radius: 3px; line-height: 30px;}
.Btns {margin-bottom:20px;}
.Rbq {display: flex; height: 100%; align-items: center; justify-content: center; font-size: 18px;}

.TwoBlock iframe {width: 100%; margin-bottom: 30px;}

.Banner {width: 100%; height: 200px; background: url(img/slider02.png) center no-repeat; background-size: cover;}

.Text .ContactInfo a {color: #EE3524; text-decoration: none; font-size: 13px;}
.Title {color: #fff; background: #EE3524; padding: 10px; font-size: 20px; font-weight: 700; line-height: 1;}
.GreyBlock {background:#f0f0f0; padding:30px 20px; box-sizing: border-box}
.GreyBlock .Block {padding-left:32px; box-sizing: border-box;}
.GreyBlock .Block h3 {font-size: 15px; border-bottom:1px dashed #ccc; padding-bottom: 5px; margin-bottom: 10px;}
.Adress {background: url(img/address.png) top left no-repeat;}
.Tel {background: url(img/phone.png) top left no-repeat;}
.Email {background: url(img/mail.png) top left no-repeat;}
.Fax {background: url(img/fax.png) top left no-repeat;}

@media screen and (max-width: 769px) {
    .RedBtn {padding:10px; line-height: 1; height: auto;}
    .TabletCol {grid-template-columns: repeat(1,1fr) !important;}
}

@media screen and (max-width: 414px) {
    .Logo {max-width: 175px;}
    .Logo img {width:100%; height: auto;}
    .ThreeColBlock, .TwoBlock {grid-template-columns: repeat(1,1fr);}
    .MovilCol {grid-template-columns: repeat(2,1fr);}
    .Left, .Right {float: none; text-align: center;}
    .Copy {height: auto; padding:15px 0;}
}