/* @override http://oficinadedisseny.net/wp-content/themes/odd_theme01/css/odd.css */


body{
	font-family: "UniversLTPro-55Roman",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height:1.42857143;
	color: #000;
	background-color:#fff;
}

.x-c {
	display: none;
	background-image: url("http://oficinadedisseny.net/wp-content/themes/odd_theme01/images/close.png");
	height: 0px;
	width: 0px;
	background-color: red;
}

a {
	text-decoration: none;
	border-bottom: 1px solid #000;
	color: #000;
}

a:hover {
	border-bottom: 1px solid #000;
	color: #000;
	text-decoration: none;
}

a:focus {
width:0px;height:0px;outline:0px;
}


.tit {
	display: inline;
	padding-bottom: 10px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}

.cliente {
	float: left;
	text-align: left;
	display: inline-block;
	padding-right: 25px;
	width: 60%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.cliente p {
	margin: 0;
}

.categ {
	display: inline-block;
	width: 30%;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.categ a, .year a {
	text-decoration: none;
	border-bottom-style: none;
}

.categ a:hover, .year a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
	cursor:ne-resize;
}

.categ2, .year2 {
	display: none;
}

/* when a category or a year is selected */
.categ.selected a, .year.selected a{
	text-decoration: none;
	border-bottom: 1px solid #000;
	cursor:ne-resize;
}

.year {
	width: 8%;
	text-align: right;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
}


.cont {
	margin-left: 15px;
	margin-right: 15px;
}

.desc-h {
	padding-left: 20px;
	padding-right: 0;
	font-weight: normal;
	font-style: normal;
	margin-top: 10px;
}

.odd-txt {
	margin-bottom: 40px;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 1px;
	font-style: normal;
	margin-top: 10px;
}

.dat {
	padding-left: 0;
}

.desc {
	font-weight: normal;
	font-style: normal;
	padding-right: 70px;
	padding-left: 20px;
	margin-top: 6px;
}

.desc-box {

	background-color: #fdf57f;
	padding-top: 10px;
	border-bottom: 1px solid #000;
}

.desc a {
	color: #000;
	border-bottom: 1px solid #000;
}

.desc a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

.cont img {
	width: 100%;
	height: auto;
}

h1 {
	font-size: 52px;
}

.ppal {
	margin-bottom: 5%;
	width: 66%;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
}

.log {
	float: left;
	width: 30%;
	margin-top: 2px;
}

.container-fluid {
	
}

.box2 {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

.cred {
	font-size: 12px;
	margin-top: 25px;
}

/* IDIOMAS */

#nav-idiomas {
	font-size: 15px;
	line-height: 16px;
	margin: 13px 0 0;
	float: right;
	text-transform: lowercase;
	z-index: 15;
	padding-right: 5px;
	font-weight: normal;
	font-style: normal;
}

#nav-idiomas ul {
	margin: 0;
	padding: 0;
}

#nav-idiomas li {
	list-style:none;
	float: left;
	margin-left: 10px;
}

#nav-idiomas li a {
	color: #000;
	text-decoration: none;
	border-style: none;
}

#nav-idiomas li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
}

ul#nav-idiomas li.active a:link, 
ul#idiomas li.active a:visited, 
ul#idiomas li.active a:hover, 
ul#idiomas li.active a:active {
	color: #000;
	border-style: none;
	border-bottom: 1px solid #000;
}

#qtranslate-chooser.qtranxs_language_chooser li.active a:link, #qtranslate-chooser.qtranxs_language_chooser li.active a:visited, #qtranslate-chooser.qtranxs_language_chooser li.active a:hover, #qtranslate-chooser.qtranxs_language_chooser li.active a:active  {
	color: #000;
	border-style: none;
	border-bottom: 1px solid #000;
}

.open {
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-top: 8px;
}

.open:hover {
	cursor: url(http://oficinadedisseny.net/wp-content/themes/odd_theme01/images/plus.png), auto;
}

.thumb {
	padding-right: 0;
}

.enter {
	height: 160px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.space {
	margin-bottom: 20px;
	margin-top: 25px;
}

.tit1 {
	margin-bottom: 40px;
}

.tit3 {
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	display: inline-block;
}

.tit4 {
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	display: inline-block;
}

.grande {
	font-size: 14px;
	width: 100%;
	display: block;
	padding-bottom: 4px;
}

.grande a {
	
}

.grande p {
	margin-bottom: 15px;
}

.form-control::-webkit-input-placeholder {
   color: #000;
}

.form-control:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

.form-control:-ms-input-placeholder {  
   color: #000;  
}

/* CYCLE */
.cycle-pager { 
    text-align: center; 
    width: 100%; 
    z-index: 500; 
    overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 25px; width: 16px; height: 16px; 
    display: inline-block; color: #000; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

/* fin pager */


/* flechas sobre */
.cycle-prev, .cycle-next {
    position: absolute;
    top: 0px;
    width: 50%;
    opacity: 0;
    z-index: 800;
    height: 98%;
    cursor: pointer;
}

.cycle-prev {
    left: 0px;
    cursor: url(../images/prev.png), auto;
}

.cycle-next {
    right: 0px;
    cursor: url(../images/next.png), auto;
}

/* Fin flechas sobre */


.cycle-slideshow { overflow: hidden;
	text-align: center;
}
.cycle-slideshow img {
	text-align: center;
	width: 100%;
}

/* Clases BooSt */

.well{min-height:20px;padding: 10px 0 0;margin-bottom:20px;background-color: transparent;border: 1px none #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}

form {
	margin-bottom: 25px;
}

.form-control{display:block;width:100%;height: 20px;padding: 4px 12px 4px 0;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border-radius:0px;-webkit-box-shadow:inset 0 0px 0px rgba(0,0,0,0);box-shadow:inset 0 0px 0px rgba(0,0,0,0);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border-bottom: 1px solid #000;
	border-top: 1px none #000;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 15px;
	margin-top: 5px;
}

input {
	border-bottom: 1px solid #000;
	border-style: none;
}

label {
}

.modal-content{position:relative;background-color: transparent;-webkit-background-clip:padding-box;background-clip:padding-box;border:0px solid #fff;border:0px solid rgba(0,0,0,0);border-radius:0px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0);box-shadow:0 0px 0px rgba(0,0,0,0);
	padding: 0;
}

.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 30px;
}

.modal-dialog{position:relative;
width:auto;
max-width: 1200px;
	margin: 0 auto;
}

.page-header{padding-bottom:9px;margin: 0 0 20px;border-bottom:1px solid #eee}

.fondo {
	background-color: #fff;
}

.panel-heading{border-top-left-radius:0px;border-top-right-radius:0px;
	width: 100%;
	border-bottom-color: #fdf57f;
	border-bottom-style: solid;
	padding: 0;
}

div.panel-heading.active a{
	color: #000;
	
}

div.panel-heading.logo.active div.panel-title{
	background-color: #fff;
}

div.panel-heading.active div.panel-title{
	border-bottom: 1px solid #000!important;
	background-color: #fdf57f;
}

.panel-default{border-color: #fdf57f;
}

.panel-group{margin-bottom:20px;
	width: 100%;
}

.panel-title{margin-top:0;margin-bottom:0;color:inherit;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.panel-title-logo{margin-bottom:0;color:inherit;
	overflow: hidden;
	width: 100%;
	border-bottom: 0px solid #fff;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 30px;
}

.logo-line{
	border-bottom: 1px solid black;
}

.panel-title2{
	margin-top:0;margin-bottom:0;color:inherit;
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid black;
	font-size: 14px;
	padding: 4px 6px;
}

.panel{
	margin-bottom:20px;
background-color:#fff;
border-radius:0px;
-webkit-box-shadow:0 0px 0px rgba(0,0,0,0);
box-shadow:0 0px 0px rgba(0,0,0,0);
	border-style: none;
}

.panel-default>.panel-heading{color:#333;background-color: transparent;border-color: #fdf57f;
}

.a-collapse-0.collapsed{
	border-top: 1px solid fuchsia;
}

.collapse{

}
	
.collapse.in{

}

.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#fff}

.modal-backdrop.in{filter:alpha(opacity=50);opacity: 0.90}

.modal-open .modal{overflow-x:hidden;overflow-y:auto;
cursor: url(http://oficinadedisseny.net/wp-content/themes/odd_theme01/images/close.png), auto;}

/*Popup About -  Contact*/

#back1 {
  width: 70%;
  position: fixed;
  margin: 73px auto auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow: hidden;
  z-index: 999;
  color: #000;
  display: block;
	text-align: center;
}

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

.p-2 a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: url(http://oficinadedisseny.net/wp-content/themes/odd_theme01/images/close.png), auto;
  display: inline-block;
  color: #000;
  position: fixed;
	background: transparent no-repeat 0px 0px;
	top: 0;
	left: 0;
	z-index: 2;
}

.txt-news {
	background-color: #fdf57f;
	position: relative;
	z-index: 20000;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 2px;
}

.txt-news a {
	border: none;
}

.txt-news a:hover {
	border-bottom: 1px solid #000;
}

@media (max-width: 767px) {
	
body{
	font-size: 13px;
	background-color:#fff;
	}

.tit {
	width: 47%;
	font-size: 13px;
	padding-right: 20px;
}

.dat {
	padding-left: 5px;
	font-size: 13px;
}

.cliente {
	width: 50%;
	padding-right: 0;
}

.categ {
	display: none;
}

.year {
	display: none;
}

.odd-txt {
	padding-right: 20px;
	padding-left: 15px;
	padding-top: 15px;
}

#nav-idiomas {
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0 0;
	float: right;
	text-transform: lowercase;
	z-index: 15;
	padding-right: 5px;
	font-weight: normal;
	font-style: normal;
}

.categ2, .year2 {
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 15px;
}

.categ2 {
	margin-right: 12px;
}

.modal.fade .modal-dialog{
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
}

}


@media (min-width: 768px) and (max-width: 991px) {

.modal.fade .modal-dialog{
	margin-right: 100px;
	margin-left: 100px;
	margin-top: 30px;
}

}

@media (min-width: 992px) and (max-width: 1280px) {

.modal.fade .modal-dialog{
	margin-right: 150px;
	margin-left: 150px;
	margin-top: 30px;
}

.txt-news {
	margin-right: auto;
	margin-left: auto;
}

}

@media (min-width: 992px) {



}

@media (min-width: 1281px) {

.txt-news {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.panel-title{
	padding-left: 100px;
	padding-right: 100px;
}
.desc {
	padding-left: 100px;
}
.open {
	padding-right: 100px;
}
.desc-h {
	padding-left: 100px;
}

.odd-txt {
	padding-right: 100px;
	padding-left: 28px;
}

.panel-title-logo{
	padding-bottom: 4px;
	padding-left: 100px;
	padding-right: 100px;
}

#nav-idiomas {
}

.modal.fade .modal-dialog{
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

}

@media (min-width: 1900px) {

.panel-title{
	padding-left: 140px;
	padding-right: 140px;
}
.desc {
	padding-left: 140px;
}

.open {
	padding-right: 140px;
}

.desc-h {
	padding-left: 140px;
}

.odd-txt {
	padding-right: 140px;
	padding-left: 41px;
}

.panel-title-logo{
	padding-bottom: 4px;
	padding-left: 140px;
	padding-right: 140px;
}

#nav-idiomas {
}

.modal.fade .modal-dialog{
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

}

@media print {

body { 
	background: transparent;
}

#cd-lateral-nav {
    display: none !important;
  }
  .navbar-box {
    display: none !important;
  }
  #left {
	    position: static;
	    top: 0px;
	    overflow-y: visible;
	    height: 100%;
		bottom: 0;
		visibility: visible;
		display: table;
		float: none !important;
}

.panel-default {
	display: none;
}

.panel-heading-share, .panel-cat, #cd-menu-trigger  {
	display: none;
}

.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
	min-height: 100%;
	position: static;
	background-color: #fff;
 	z-index: 0;
	overflow: visible;
	height: 100%;
	display: table;
	visibility: visible;
	float: none !important;
	font-size: 24pt!important; 
}

}