/* CSS Document */

/*@import url(http://fonts.googleapis.com/css?family=Lato:200,300,500,600,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,400,600,700,100italic,200italic,300italic,400italic,600italic,700italic,100bold,200bold,300bold,400bold,600bold,700bold);
*/

@font-face {font-family: "Source Sans Pro";src: url(../fuentes/Source_Sans_Pro/SourceSansPro-Regular.ttf) format("truetype");}
/* the fix ! simply ADD this block BELOW the above block */
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: 'Source Sans Pro';src: url('../fuentes/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');}}

/* RESET */
body,p,form,img,div,ul, ol,h1, h2, h3, h4, h5, h6{margin:0;padding:0;border:none;}

/* BASIC */
a{color:#555;text-decoration:none;}
img{width:auto;height:auto;}
b, strong{font-weight:bold;color:#000;}
p{margin-bottom:15px;}
ul {list-style-type: disc;list-style-position: inside;margin-bottom:10px;}
li{margin:0;	padding:0;}
ol {list-style-type:upper-alpha;list-style-position: inside;margin-bottom:10px;}
ul ul, ol ul {list-style-type: circle;list-style-position: inside;margin-left: 17px;margin-bottom:10px;}
ol ol, ul ol {list-style-type: lower-latin;list-style-position: inside;margin-left: 17px;margin-bottom:10px;}
ol.ocre li,ul.ocre li{font-weight:500 !important;margin-bottom:15px;}
ol li span.color,ul li span.color{color: #666 !important;font-weight:200 !important;}
h1, h2, h3, h4, h5, h6{color:#666;font-weight:300;margin-bottom:15px;}
h1{font-size:32px;margin-bottom:20px;}
h2{font-size:26px;}
h3{font-size:20px;}
h4{font-size:22px; color: #FFF;}
pre{text-align:left;}
iframe{border:1px solid #CCC;}
blockquote{font-style:italic;font-size:22px;margin:auto 0;}
table td{vertical-align:top;}

/* GENERIC */
.clear{ clear:both; }
.b1{ color:#74B00A;}
.b2{ color:#6BA00A;}
.b3{ color:#659709;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.bg-gris-claro{background-color: #AAA;}
.bg-gris-medio{background-color: #999;color:white;}
.bg-gris-oscuro{background-color: #444;color:white;}
.widthauto{width:auto !important;}
.table{display:table;width:100%;}
.row{display:table-row;}
.cell{display:table-cell;padding:0;margin:0;vertical-align:top;}
.cell-space{display:table-cell;padding:0;margin:0;width:5%;}
.results .row .cell-th{border-bottom:1px solid #FF7E24 !important;font-size:18px;}
.results .row .cell-orderby span{background:transparent url(../img/dropdown-gris.html) left center no-repeat;display:inline-block;height:16px;width:16px;padding-right:5px;}
.results .row .orderdirection_desc span{background:transparent url(../img/dropdown-gris_desc.html) left center no-repeat !important;}
.rounded-button{border:none;border-radius:8px;display:inline-block;padding:8px 25px;background-color:#CCC;}
.transparent{opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(opacity=50);}

/* BASIC */
body{background-color:#C8C8C8;font-family:"Source Sans Pro", sans-serif;font-size:16px;font-weight:100;color:#666;text-align:center;}
#wrap,.block{display:block;margin:auto;position:relative;}
#wrap{text-align:center;overflow:hidden;width:1004px;}
.relative{display:block;position:relative;}
.block{text-align:left !important;max-width:900px;}
.block-big{text-align:left !important;width:960px;}
.block-center{margin:0 auto;padding:30px 0 10px 0;text-align:left;}



/* HEADER */
#header{display:block;height:110px;width:100%;position:relative;text-align:left;}
#header .block{height:100%;}
#header .donde{font-size:13px;position:absolute;top:10px;left:0;}
#header .telf{font-size:12px;text-transform:uppercase;}
.logo{background:transparent url(../img/logo-dosrodes.jpg) center center no-repeat;display:block;height:127px;overflow:vissible;position:absolute;top:0;right:0;width:260px;z-index:100;}
.logo span{position:absolute;top:-300px;}

#mainmenu{font-size:14px;text-transform:uppercase;position:absolute;bottom:10px;left:0;}
.mainmenu{list-style:none;margin:0;padding:0;text-align:left;line-height:31px;height:31px;}
.mainmenu a{color:#777;margin-right:10px;}
.mainmenu > li{display:inline-block;height:31px;line-height:31px;margin:0;padding:0;position:relative;}
.mainmenu a:HOVER{color:#FFF !important;}
.currentmenu a{color:#FFF;}

/* BREADCRUMBS */
.breadcrumb{display:block;font-size:14px;margin:20px auto;text-align:left;width:100%;}
.breadcrumb ol{list-style:none;margin:0;padding:0;}
.breadcrumb ol li{display:inline-block;margin:0;padding:0;}
.breadcrumb a{color:#FACF61;font-weight:700;}

/* FORM */
#contactform{margin-top:40px;}
.inputtext{border:1px solid #DBDBEA;line-height:40px;height:40px;width:100%;}
.textarea{border:1px solid #DBDBEA;height:265px;width:100%;}
.submit{background-color:#96C9E7;border:none;border-radius:8px;color:#FFF;cursor:pointer;font-size:14px;display:inline-block;padding:8px 25px;text-transform:uppercase;}
.enviar{margin-right:30px;}
.errorKO{background-color:#FFA8A8;color:#900;padding:10px;}
.errorOK{background-color:#B0FFB0;color:#030;padding:10px;}

/* CONTENT */
.content{padding:20px auto 40px auto;margin:auto;text-align:center;}
.content A{color:#2A79B0; text-decoration: underline;}
.content ul li{margin-left:20px; margin-bottom: 10px;}
.bg-grey{ background-color:#F2F2F2 !important;}
.bg-white{ background-color:#FFF !important;}
.bg-cream{ background-color:#F0F0E1 !important;}
.share{margin-top:20px;}
.share .title{font-size:18px;font-weight:normal;margin-bottom:10px;}
.share a{margin-right:15px;}

.datatable{}
.datatable THEAD{ font-weight: bold}
.datatable TD{ padding: 10px; box-sizing: border-box;}

/* FOOTER */
#footer{background:#444;color:#FFF;display:block;font-size:14px; box-sizing: border-box; display: flex;
    font-weight:100 !important;line-height:180%;padding:20px 20px 20px 20px;text-align:center;}
#footer a{ color:#AAA;}
.footer .cell{vertical-align:bottom;width:33%; text-align: left;}
.footer .cell-last{text-align:right;}
.footer .cell-space{width:auto;}
.footer .cell-center{text-align:center;}
.footer .concesionario{margin-top:0;color:#F2F2F2;}
.footer .legal{color:#F2F2F2;font-size:12px;}
.social a{margin-left:5px;padding:0;padding-top:1px;height:23px;line-height:23px;border:1px solid transparent;display:inline-block;}
.social a:HOVER{border:1px solid #777;}
#header .social{position:absolute;top:10px;right:280px;text-align:right;margin:0;padding:0;font-size:12px;}
#header .social a, #header .social a span{line-height:32px;height:32px;display:block;color:#CCC;}
#header .social a:HOVER{border:none !important;margin:0 !important;padding:0 !important;}
#header .social a span{display:inline-block;}
#header .social a img{float:right;display:inline-block;margin:0;margin-left:10px;padding:0;}
.dosrodes{font-size:22px;font-weight:500;}

/* PAGES */
a.ir{border:1px solid #CCC;padding:5px 40px 5px 15px;display:inline-block;background:transparent url(../img/link-t-a.png) 90% center no-repeat;color:#666 !important;}
a.ir:HOVER{background:#CCC url(../img/link-t-b.png) 90% center no-repeat;color:#FFF !important;}
.homenoticias{margin-bottom:40px; display: flex;}
.homenoticias .post h4{font-size:16px}
.post a{color:#2A79B0;}
hr{border:none;border-top:1px solid #CCC;border-bottom:1px solid white;width:80%; margin: 20px auto;}
.banner{margin-bottom:30px;}
.confiar{padding:30px 0;font-size:16px;font-weight:lighter !important;position:relative;margin:auto;}
.confiar h3{font-size:28px;font-weight:100 !important;color:white}
.confiar h4{font-size:20px;font-weight:100 !important;}
.confiar ul, .confiar li{color:white;font-weight:100 !important;}
.confiar .dir{position:absolute;bottom:20px;right:0;text-align:right;font-size:12px;}
.tipos{padding-top:10px;padding-bottom:40px; display: flex;}
.tipos .cell{width:172px !important;margin-right:10px !important;padding:0;}
.tipos .cell-last{margin-right:0 !important;}
.tipos .link{border: 1px solid #AAA;display:block;width:160px;height:55px;padding:3px 0 0 10px ;margin:0;background:transparent url(../img/link-t-a.png) 150px 30px no-repeat;font-size:14px;}
.tipos .link b{font-size:14px;font-weight:bold;}
.tipos .link small{font-size:11px;}
.tipos a{text-decoration: none}
.tipos a:HOVER{background-color:#C8C8C8;color:#CCC;transition: background-color 100ms linear;}
.tipos a:HOVER .link{border-color:#C8C8C8;background-color:#C8C8C8;color:#FFF;margin-top:-8px;-webkit-transition: margin-top 100ms linear; /* Safari */transition: margin-top 100ms linear;}
.tipos a:HOVER .img{margin-top:-8px;-webkit-transition: margin-top 100ms linear; /* Safari */ transition: margin-top 100ms linear;}
.motorrad{padding-top:15px;padding-bottom:50px; display: flex; }
.motorrad .link{border: 1px solid #AAA;display:block;width:100%;height:60px;padding:3px 0 0 10px ; box-sizing: border-box;
    background:transparent url(../img/link-t-a.png) 98% 35px no-repeat;font-size:14px;}
.motorrad .link b{font-size:24px;font-weight:300;}
.motorrad a{text-decoration: none}
.motorrad a:HOVER{background-color:#C8C8C8;color:#CCC;transition: background-color 100ms linear;}
.motorrad a:HOVER .link{border-color:#C8C8C8;background-color:#C8C8C8;color:#FFF;margin-top:-8px;-webkit-transition: margin-top 100ms linear; /* Safari */transition: margin-top 100ms linear;}
.motorrad a:HOVER .img{margin-top:-8px;-webkit-transition: margin-top 100ms linear; /* Safari */transition: margin-top 100ms linear;}



/* COOKIES */
.notice {position: fixed;bottom: 0;left: 0;right: 0;z-index:999;padding:15px 0;}
.notice * {box-sizing: border-box;}
.notice > .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background-color: black;opacity: .85;}
.notice > .content {position: relative;z-index: 1;max-width: 750px;margin: 0 auto;padding: 0 20px;}
.notice > .content p,
.notice > .content a.close {font-size: 14px;color: white;}
.notice > .content a.close{font-size:16px;}
.notice > .content a.close {display: block;float: right;padding: 8px 10px;margin: 0 0 0 1em;border: 1px solid white;text-decoration: none;}
.notice > .content a.close:hover {background-color: white;color: black;}

/* HOME */
BODY.home h1{font-size:24px;margin:0;}
BODY.home .taller{margin:auto !important;width:900px !important;padding-top:20px;padding-bottom:80px;font-size:14px;}
BODY.home .taller .cell-space{width:7% !important;}
BODY.home .taller a{color:#2A79B0;}
BODY.home .taller h4{margin-top:0;padding-top:0;font-size:16px;}
BODY.home .homenoticias .cell-space{width:6% !important;}
BODY.home .post{font-size:14px;}

BODY.home .homecontact{margin-bottom:30px; display:flex;}



/* NOTICIAS */
#noticias .top{display: flex;}
.noticias{display: flex;}
.noticias .cell-space{width:8% !important;}
.paginador{text-align:center;margin-top:15px;}
.paginador div{display:inline-block;width:100px;padding:0;margin:0;}
.paginador a{display:block;color:#666;font-weight:400;}
.ant{text-align:right;margin-right:-2px !important;}
.sig{text-align:left;margin-left:-2px !important;}
.paginador .l{width:40px;height:18px;display:inline-block;border:1px solid #CCC;margin-bottom:5px;}
.paginador .l:HOVER{background-color:grey !important;}
.paginador .ant .l{border-right:none;background:white url(../img/p-izq.png) center center no-repeat;}
.paginador .sig .l{border-left:none;background:white url(../img/p-der.png) center center no-repeat;}
.paginador .ant .i{margin-right:15px !important;}
.paginador .sig .i{margin-left:15px !important;}
.paginador .i:HOVER{font-weight:100;}
#noticia .noticia .cell{width:600px;}
#noticia .noticia .cell-last{width:210px !important;text-align:right;}
.noticia .share{display:inline-block;border:1px solid #CCC;padding:10px;text-align:center;margin:0;}
.noticia .share .title{display:block;}
.path{margin:0;margin-top:10px;margin-bottom:50px;font-size:14px;}
.path a{color:#2A79B0;}
.header h1{font-size:30px;font-weight:500;}
.volver{text-align:center;}
.volver a{display:inline-block;width:100px;padding:3px 0 3px 30px;background:white url(../img/p-izq.png) 20% center no-repeat;border:1px solid grey;}
.volver a:HOVER{color:#FFF !important;background:#2A79B0 url(../img/p-izq-b.png) 15% center no-repeat;}

/* TALLER */
.table_1_cells{text-align:center;}
.table_1_cells .cell{width:425px !important;margin:auto;text-align:left;}
.tallervid .cell-last{width:50%;vertical-align:middle;height:100%; box-sizing: border-box; padding: 20px; padding-top: 0px;}
.tallervid{display: flex;}
.tallervid IFRAME{ max-width: 100%;}

/* CONTACTO */
BODY#contacto .contacto .cell-last{width:60% !important;}
BODY#contacto input[type=file]{padding:0 !important;line-height:30px;}
BODY#contacto .contactocv .textarea{height:190px;}
BODY#contacto .estamosen{padding:20px;margin-top:20px;}
BODY#contacto .estamosen .cell-space{width:auto;}
BODY#contacto .estamosen .cell-last{width:45%;}

.contacto{padding:20px;margin-top:20px;margin-bottom:50px;}
.contacto .inputtext{padding:0;heigcssht:30px;}
.contacto .textarea{padding:0;height:130px;}
.contacto h3{color:white;}
.contacto a{color:white;}

.contacto{padding:20px;margin-top:20px;}
BODY.home .contacto{display:block;padding:10px 20px 10px 20px;padding-bottom:0;margin:0;background-color:#666;color:white;font-size:14px;height:448px;}
BODY.home .contacto h4{text-align:center;line-height:24px;}
.contacto h3{color:white;}
BODY.home .contacto b{color:white;font-weight:bold;font-size:13px;}
BODY.home .contacto input{width:99%;}
BODY.home .contacto .campos div{margin-bottom:10px;}
.contacto .inputtext{padding:0;height:30px;}
.contacto .textarea{padding:0;height:83px;}
.contacto a{color:white;}
.contacto .enviar{border:none !important;background-color:white !important;color:#444 !important;padding:5px 10px;margin:0;cursor:pointer;}

.contactotaller{display: flex;}
.contactotaller .cell{width: 33%;}
.contactotaller .cell-space{width: 1%;}

.contactoform{display: flex;}
.contactoform .cell{width: 48%;}
.contactocv{display: flex;}
.contactocv .cell{width: 48%;}

.equipo{margin-bottom:10px;text-align:center; display: flex; flex-flow: wrap; justify-content: center;}
.equipo .cell{width: 18%; display: table;}
.equipo .cell-space{width:1%;}

/* RESPONSIVE */
@media (max-width: 1000px)
{
    IMG{max-width: 100%;}
	#wrap{width:100%;}
    .block-center{ box-sizing: border-box;}
    #footer{flex-direction: column; padding-bottom: 90px;}
    .footer .cell{width:100%; text-align: center;}
    BODY.home .homecontact{flex-direction: column; width: 92%;margin: 0px auto;}
    BODY.home .homecontact IMG{ width: 100%}
    .homenoticias{flex-direction: column; box-sizing: border-box; padding: 20px}

    .content{ box-sizing: border-box; padding: 20px; width: 100%;}
    .motorrad{ box-sizing: border-box; flex-flow: row wrap; justify-content: center;}
    .motorrad .cell{ margin-bottom: 10px; width: 48%}
    .tipos{flex-direction: column; box-sizing: border-box; flex-flow: row wrap; padding-top: 0px; justify-content: center;}
    .tipos .link{width: 100%; box-sizing: border-box;height: 69px; margin-bottom: 15px}
    .tipos .cell{width: 49%; margin: 0px !important; box-sizing: border-box; margin-bottom: 10px;}
    .tipos .cell-space{width: 2%}
    .tipos IMG{width: 100%;}
    .tipos a:HOVER .link{-webkit-transition:  none; /* Safari */transition: none; margin-top: 0px;}
    .tipos a:HOVER .img{-webkit-transition:  none; /* Safari */transition: none; margin-top: 0px;}


    .motorrad a:HOVER .link{-webkit-transition:  none; /* Safari */transition: none; margin-top: 0px;}
    .motorrad a:HOVER .img{-webkit-transition:  none; /* Safari */transition: none; margin-top: 0px;}
    .motorrad IMG{width: 100%;}

    .contactotaller{flex-direction: column; box-sizing: border-box;}
    .contactotaller .cell{width: 100%;}
    .tallervid{flex-direction: column; box-sizing: border-box;}
    .tallervid .cell-last{width:100%; padding: 0px; padding-top: 20px;}

    .contactoform{flex-direction: column; box-sizing: border-box;}
    .contactocv{flex-direction: column; box-sizing: border-box;}

    .contactoform .cell{width: 100%;}
    .contactocv .cell{width: 100%;}

    BODY#contacto .contacto .cell-last{width: 100% !important;;}

    .confiar{padding: 0px;}
    .confiar .dir{position: relative; bottom: auto;}

    .noticias{flex-direction: column; box-sizing: border-box;}
    .logo{position: relative; margin: 0px auto;}
    #header{height: auto}
    #header .donde{position: relative; margin: 0px auto; text-align: center; top: auto; left: auto;}
    #header .social{right: 10px;}
    #header .social a span{display:none}
    #mainmenu{position: fixed; display: block; bottom: 0px; left: auto; margin: 0px auto;
        background-color: #1b5a9d; z-index: 5000; width: 100%; overflow: hidden; overflow-x: scroll;
        -webkit-overflow-scrolling:touch;
    }
    .mainmenu{display: block; height: auto; width: 800px; height: 70px;}
    .mainmenu > li{height: auto}
    .mainmenu a{color:#CCC; padding: 20px; box-sizing: border-box; display: table; font-size: 19px;}
    .mainmenu .currentmenu a{color:#FFF;}
    /*#mainmenu::before{content: ''; background-color: Red; width: 20px; height: 20px; position: absolute; top: 5px; left:48%; z-index: 10}*/

    #noticias .top{flex-direction: column;}

    .equipo .cell{width: 32%;}

}

@media (max-width: 713px)
{
    BODY.home .homecontact{ width: 100%;margin: 0px auto;}
}

@media (max-width: 480px)
{
    .motorrad .cell{ width: 100%}
    .equipo .cell{width: 49%;}
    .datatable{max-width: 100%; font-size: 11px;}
}