@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|PT+Sans:400,700,400italic,700italic);

body {
    overflow-x: hidden;
	font-family: 'PT Sans', sans-serif;
	font-size: 15px
}
.container{max-width:1090px !important; }
p {
    font-size: 15px;
}

.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#f8f8f8;outline:0}

a,
a:hover,
a:focus,
a:active,
a.active {

}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'PT Serif',serif !important;
  
}
.featured{font-family: 'PT Serif',serif !important; font-size:25px;  color: #333333;}
.containerXS{width:70%; margin:0 auto;}
#flag {
    float: right;
    right: 25%;
    position: absolute;
    overflow: hidden;
	}
.img-centered {
    margin: 0 auto;
}

header {
    text-align: center;
    color: #333333;
    background: #fff;
}

header .containerXL {
    padding-top: 130px;
	width:100%;
	
}
#interiors {
    padding-top: 150px;
	width:100%;
	
}
#contacte {
  	width:70%;
	margin:0 auto;
	
}
header img {
    display: block;
    margin: 0 auto;
}


.bright img { 
	-webkit-filter: brightness(100%);
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-o-transition: all 1s ease;
	 -ms-transition: all 1s ease;
	  transition: all 1s ease;
	  }
	  
.bright:hover img { 
	-webkit-filter: brightness(120%);
	}
.footer_div{width:50%; margin:0 auto;}
.centered{text-align:center;}
.clear_margins{margin-bottom:30px;}
.credits{ font-size:13px; color:#454545}
a.credits{color:#454545 !important;}
a:hover.credits{text-decoration:underline !important;}

#main_title{font-family: 'PT Serif',serif !important; width:400px; margin:0 auto; display:block;}	
.main_title{text-align:left; padding-top:45px; margin-left:-200px; color:#4b4b4b; font-size:24px; padding-left:30px;} 
.main_title h1{color:#000; font-weight:600; font-size:45px; } 
.top_space{padding-top:150px;}
.compromiso{width:315px; height:647px; background-image:url(../img/bck/compromiso.jpg); background-repeat:no-repeat; padding:30px;}
#compromiso .space{margin-top:50px;}
.compromiso_img{margin-left:-50px;}
#fotojoya{width:100%; height:315px; overflow: hidden; margin-left: 15px;}
.img_fotojoya{ margin-top:10px;}
.fotojoya_text {font-family: 'PT Serif', serif; font-style:italic; font-size:20px; color:#454545; text-align:left;}
.fotojoya{ color:#454545;}
.boxes{ font-family: 'PT Serif', serif; font-style:italic; color:#4d4d4d; font-size:20px; text-align:center;}
.boxes a{color:#4d4d4d; text-decoration:none;}
#hero_dv{background-image:url(../img/image.jpg); background-repeat:no-repeat; background-position:center; height:463px; width:auto;}
/*Marques*/
.discover{text-align:center; background-image:url(../img/bck/play.png); background-repeat:no-repeat; background-position:left; width:130px; }
#alianzas .discover{margin:30px auto;}
#compromiso .discover{margin:50px auto;}
#insignias .discover{margin:35px auto;}
#heraldica .discover{margin:35px auto;}
#arras .discover{margin:35px auto;}
#placas .discover{margin:35px auto;}
.space{margin-top:100px;}
.alianzas{width:650px; height:315px; background-image:url(../img/bck/alianzas.jpg); background-repeat:no-repeat; padding:30px;}
.alianzas img{margin-top:60px; margin-right:10px;}
.divider{ width:105px; height:2px; background-image:url(../img/bck/divider.gif); background-repeat:repeat-x; margin:15px auto;}
.fotojoya{width:650px; height:315px; background-image:url(../img/bck/fotojoya.jpg); background-repeat:no-repeat; padding:20px;}
.insignias{width:485px; height:315px; background-image:url(../img/bck/insignias_xl.png); background-repeat:no-repeat;}
.insignias_b{width:485px; height:315px; background-image:url(../img/bck/insignias_b.jpg); background-repeat:no-repeat; background-position: center;}
.heraldica{width:485px; height:315px; background-image:url(../img/bck/heraldica_xl.png); background-repeat:no-repeat;}
.heraldica_b{width:485px; height:315px; background-image:url(../img/bck/heraldica_b.jpg); background-repeat:no-repeat; background-position: center;}
.arras{width:485px; height:315px; background-image:url(../img/bck/arras_xl.png); background-repeat:no-repeat;}
.arras_b{width:485px; height:315px; background-image:url(../img/bck/arras_b.jpg); background-repeat:no-repeat; background-position: center;}
.placas{width:485px; height:315px; background-image:url(../img/bck/placas_xl.png); background-repeat:no-repeat;}
.placas_b{width:485px; height:315px; background-image:url(../img/bck/placas_b.jpg); background-repeat:no-repeat; background-position: center;}

.insignias_margins{margin-top:20px;}
.heraldica_margins{margin-top:20px;}
.arras_margins{margin-top:20px;}
.placas_margins{margin-top:20px;}

@media (max-width: 1200px) {.compromiso{width:642px; height:315px; background-image:url(../img/bck/compromiso_xs.jpg); background-repeat:no-repeat;}
.compromiso_img{margin-left:0px; margin-top:40px;}
#compromiso{margin-top:20px;}
#compromiso .space{margin-top:5px;}
#compromiso .boxes{font-size:15px;}
#compromiso .discover{margin:20px auto;}
.compromiso_{margin-top:40px;}
.img_fotojoya{display:none;}
.fotojoya_text {text-align:center;}
.fotojoya{width:642px; height:315px; text-align:center; padding-top: 80px;}
.alianzas{width:642px; height:315px; background-image:url(../img/bck/alianzas.jpg); background-repeat:no-repeat; padding:30px;}
.insignias{width:312px; height:315px; background-image:url(../img/bck/insignias.png); background-repeat:no-repeat;}
.insignias_b{width:312px; height:315px; background-image:url(../img/bck/insignias_b.jpg); background-repeat:no-repeat;}
.heraldica{width:312px; height:315px; background-image:url(../img/bck/heraldica.png); background-repeat:no-repeat;}
.heraldica_b{width:312px; height:315px; background-image:url(../img/bck/heraldica_b.jpg); background-repeat:no-repeat;}
.arras{width:312px; height:315px; background-image:url(../img/bck/arras.png); background-repeat:no-repeat;}
.arras_b{width:312px; height:315px; background-image:url(../img/bck/arras_b.jpg); background-repeat:no-repeat;}
.placas{width:312px; height:315px; background-image:url(../img/bck/placas_xs.jpg); background-repeat:no-repeat;}
.placas_b{width:312px; height:315px; background-image:url(../img/bck/placas_b.jpg); background-repeat:no-repeat;}
}
@media (max-width:992px){/*Marques*/
.img_fotojoya{display:none;}
.fotojoya{text-align:center;}
.footer_div{width:80%; margin:0 auto;}
#flag {display:none;}
#fotojoya{ width:642px; }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  } 
  .insignias_margins{margin-left:-15px;}
  .heraldica_margins{margin-left:15px;}
  .arras_margins{margin-left:-15px;}
  .placas_margins{margin-left:15px;}  
}

@media (min-width: 1200px) {
  #fotojoya img.logotipo { margin-top: 20px; filter: opacity(0.7)}
  #fotojoya .discover{margin:20px 0 0 0;}
  .container {
    width: 1170px;
  }
}
#main_titleXS{display:none;}
@media (max-width: 480px){
.top_space{padding-top:40px;}
.navbar-brand {

top:8px !important;
}
.navbar-toggle {margin-right:30px;}
.navbar-nav {margin:0px 0px;}
.container {
    width: 100% !important;
	 padding-right: 20px;
    padding-left: 20px;
    margin-right: 0;
    margin-left: 0;
  }	
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {    padding-right: 0px; padding-left: 0px;}
#main_titleXS{display:block; font-family: 'PT Serif',serif !important; margin:0 auto;  height:340px;}
.main_title{text-align:center !important; padding-top:10px !important; color:#4b4b4b; font-size:20px !important; padding-left:0px !important; } 
.main_title h1{color:#000; font-weight:600; font-size:30px !important; } 
#main_title{display:none;}
#hero_dv{display:none;}
.img_smDevice{padding-top:100px;}
}

@media (max-width: 767px) {
.top_space{padding-top:50px;}
#fotojoya{width:100% !important}
.compromiso{width:100%; height:315px; background-image:url(../img/bck/compromiso_xs.jpg); background-repeat:no-repeat;}
.compromiso_img{display:none;}
.alianzas{width:100%;}
.alianzas_img{display:none;}
.fotojoya{width:100%;}
.discover{margin:20px auto;}
#insignias{padding:0px !important; margin-top:20px !important;}
#heraldica{padding:0px !important; margin-top:20px !important;}
#arras{padding:0px !important; margin-top:20px !important;}
#placas{padding:0px !important; margin-top:20px !important;}
.insignias{width:100%; height:315px; background-image:url(../img/bck/insignias_xs.jpg); background-repeat:no-repeat;}
.insignias_b{display:none;}
.heraldica{width:100%; height:315px; background-image:url(../img/bck/heraldica_xs.jpg); background-repeat:no-repeat;}
.heraldica_b{display:none;}
.arras{width:100%; height:315px; background-image:url(../img/bck/arras_xs.jpg); background-repeat:no-repeat;}
.arras_b{display:none;}
.placas{width:100%; height:315px; background-image:url(../img/bck/placas_xs.jpg); background-repeat:no-repeat;}
.placas_b{display:none;}
#hero_dv{background-image:url(../img/image2.jpg); background-repeat:no-repeat; background-position:center; height:463px; width:auto;}
#main_title{font-family: 'PT Serif',serif !important; width:470px; margin:0 auto;}	
.main_title{text-align:left; padding-top:45px; margin-left:0px; color:#4b4b4b; font-size:20px; padding-left:10px; padding-right:10px;} 
.main_title h1{ font-size:45px; } 
header .containerXL { padding-top: 40px;}
.navbar-brand {top:8px !important;}
#interiors { padding-top: 40px;}
.navbar-brand img { width:70px;  margin-top:-10px;  float:left;}
}



.canvi{position:relative; }
.canvi figure {
	opacity:0;
  transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
	position:absolute;

}
.canvi:hover figure{
	text-decoration:none;
	display:block;
	position:absolute;
	overflow:auto;
	z-index:999;
	opacity:1;
	  -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
}

.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
top:20px;
}
.navbar-toggle {
    z-index:3;
}

@media(min-width:768px) {

	.navbar-collapse{max-height:1px !important;}
}

@media(min-width:768px) {
.navbar-center {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
	padding-top:50px;
}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:0px !important;}
    .navbar-fixed-top {
        padding: 50px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
       
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

   /* .navbar-fixed-top.navbar-shrink {
        padding: 50px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
      		 left: 10%;
			 
    }*/
}
.navbar-default {

}

.navbar-default .navbar-nav > li {

}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 text-decoration:underline;
 
}
.navbar {
    text-transform: uppercase;
    font-family: 'PT Serif', serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;

}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
   	border-color:#b6b6b7 !important;
		border-bottom:1px solid;
}


