/**
  Theme Name: DIQUO
  Theme URI: http://
  Version: 1.0
  Author: cumesoft.com | Jordi C.
  Author URI: http://www.cumesoft.com
  Tags: simple, clean, responsive, HTML5,CSS
  Licence: PRIVATE BUSINESS
  
  Description: A theme created with developers for works business.

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/

/* Contenido css */
* {
margin: 0;
}


body {    

	
	
            font-family: 'Open Sans', sans-serif;
            background-color: #CA1F30;
            max-width: 1800px;
            margin: 0 auto;
            font-size: 15px;
      
    
}


h1 {
    font-size: 2.2em;
    margin-bottom: 5px;
}
h2 {
    font-size: 1.3em !important;
    color: #888;
    font-weight: 400 !important;
}


.titulo_distribuidor {
    color:#F7931E;
    margin-left: 5%;
}
.titulo_profesionalitat {
color:#CC3333;
margin-left: 5%;
}
.titulo_marques {
 color: #9E005D;  
 margin-left: 5%; 
}
table {
    border-collapse: separate;
    border-spacing: 20px;
}

@font-face  {
        font-family: special;
        src: url("font/a_brazilian_tv_channel__by_629lyric-d98611g.ttf");
    }
.special  {
    font-family: special;
    color: #CA1F30;
    font-size: 1.3em
}
.servei24 {
    font-size: 2.5em;
    padding-top: 15%;

}

img {max-width: 100%;
height: auto}


/******* MAX PAGE  ********/
 #content ,#footer {
    max-width: 1390px;
    display: block;
    margin: 0 auto
}

/********CYCLONE ****/
.cycloneslider-template-dark , .cycloneslider-template-standard {
    margin:  0 auto
}

.cycloneslider-template-dark .cycloneslider-caption-description {
    background: red none repeat scroll 0 0 !important;
    color: #fff !important;
    font-size: 1.2em !important;
    line-height: 1.5;
}

.cycloneslider-template-dark .cycloneslider-caption-title {
    background: #fff none repeat scroll 0 0 !important;
    color: #000 !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
}
.cycloneslider-template-dark .cycloneslider-caption {
    left: 0;
    margin: 25% 0 25% 45% !important;
    max-width: 80% !important;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 500;
}


/********FORMULARI **********/
div.wpcf7 {
    background-color: #F04525;
    padding: 5% !important;
    width: 80% !important;
    color: #FFF;
    box-shadow: 4px 4px 6px #444;

}
span.wpcf7-not-valid-tip {
    background-color: #FFF
}
div.wpcf7 input , div.wpcf7 textarea {
    width: 100%;
    display: block;
    border: 0;
}
div.wpcf7 input {height: 30px;line-height: 30px;}
div.wpcf7 label {


}
div.wpcf7 label > span {
    
}

div.wpcf7 input.wpcf7-submit {

    cursor: pointer;

    width: 80px;
   
}
div.wpcf7 table {
    border-collapse: separate;
    border-spacing: 15px;
}

/**********Content*********/
#content {  min-height: 400px;margin: 0 auto !important;max-width: 90% !important;overflow:hidden;}


/*********Home ******/
body.home h1.postTitle {
    display: none
}


/*********** Page ***********/
#page {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    background-color: #FFF;
    overflow: hidden;
}

/*********** Header **********/
#header {
    min-height: 250px;
    background: url("images/background.jpg") top right no-repeat;

    
}

.linea {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #888;
    clear: both
}



.logo {
  
}
a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

a.logo:hover {color:#FFFF33 !important}

a.logo {color: #EFEFEF;text-decoration: none;}


/*********** lang ************/
.lang {
    margin: 15px 130px 0 0;
}
.lang {float: right;
}

.lang a {text-decoration: none;padding:0px 5px;color:#888;}
body.ca a.lang_ca  ,
body.es a.lang_es  ,
body.en a.lang_en  ,


 .lang a:hover {  color:#000;font-weight: bold;}


ul.lang {
	
}
.lang a:hover {  text-decoration: underline;}
ul.lang li {
	display: inline;
	padding: 4px;

}

/*********** Menu ************/

.nav {width:100%;
    margin-left: 5%;

}
.nav {
    font-family: special;
    color: #CA1F30;
    font-size: 1.3em;

}
.nav ul {
    margin: 0
}
.nav ul li {
        margin: 0;
	display: inline-block !important;
            border-right: 1px solid #888;
            float: left;
            width: 15%;
            text-align: left;

   
}
.nav  ul li a {
    color: #888;
    text-decoration: none;
    display: block;
    margin-left: 25%;
    padding: 15px 0px;
    
    
   
}
.nav ul li > a:hover  {font-weight: bold;color:#CA1F30;font-weight: bold}
.nav  ul li.current_page_item > a {
   color: #CA1F30;
    font-weight: bold
    }

.nav .sub {
    color: #888;
    display: block;
    font-family: "Open Sans",sans-serif !important;
    font-size: 70%;
    margin-top: -5px;
}

/********** article  ************/

.article {

}

.article a, .post a {
    color: #444;
}
.post a:hover {
    color: #000;
}

hr {border: 1px solid #444;width: 100%;}



/*********** Footer **********/
#footer {
	width: 100%;
	
    background-color: #CA1F30;

    
    color:#EFEFEF;
    text-align: center;
}

#footer a {
    color: #FFF;
}
.text_footer {
    border-top: 2px solid #7C1120;
    padding: 10px 
}
ul.secciones {
    
    padding: 30px 
}
ul.secciones li {
    float: left;
    list-style: inside none none;
}
ul.secciones li a {
    padding: 5px;
    color: #FFF; 
    text-decoration: none;   
}
ul.secciones li a:hover {
    text-decoration: underline
}
ul.secciones li  {

}
ul.secciones li::before {
    content: "» ";
}
/* Responsive
-------------------------------------------------------------- */

.image_responsive {

    width: 100%;
    height: auto
}




@media all and (max-width: 760px) {


   



    .linea-mobile {
    display: block;
    clear: both;
    width: 100%;
   padding-top: 15px;
   margin-top: 8px;
  
    border-top:solid 1px #111;
    clear: both;
    
}

iframe {width: 100% !important;
min-height: auto !important}

.slides-navigation, .slides-pagination {display: none;}
a.logo { }

.nav {float: none;margin: 0}
.nav ul li  {display: block;
width: 100%;
padding: 0;margin: 0}
.nav > ul li a {
    padding: 8px 0;
}

.nav ul li {
    border-right: 1px solid #888;
    display: inline-block !important;
    float: left;
    font-size: 13px !important;
    margin: 0;
    text-align: center;
    width: 24%;
}
.nav ul li a {
    margin-left: 0
}

table tr td {display: block;width: 100% !important;
padding: 20px 0}


 div.wpcf7 {
    background-color: #F04525;
    padding: 2% !important;
    width: 96% !important;
    color: #FFF;

}
div.wpcf7 > input , div.wpcf7 textarea {
    display: block;
    width: 100% !important;
} 
 div.wpcf7  table tr td {display: block;width: 100% !important;
padding: 0px 0}



.cycloneslider-caption {display: block !important;}
.cycloneslider-template-dark .cycloneslider-caption-title {
    font-size: 14px !important;
}

}