/* CSS file */
/*
MEDIA QUERIES STANDART EXAMPLES
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
*/

/* ALL */
body {
	font-family: filson-soft, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 13px;
	/*
    background-image: url("http://shrimppo.pt/sites/default/files/layout/padrao.png");
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    */
}

.container {
   max-width: 970px;
   /*
   width: 1170px;
   margin-right: auto;rem
   margin-left: auto;
   */
}

@media (max-width:768px) {
	.navbar-toggle {
   		/* float: none; */
	}
}
@media (min-width:768px) {
	#head .container {
	  width: none;
	}
}
*:focus {
   outline: none;
}
a {
	color: #f05746;
}
a:hover {
	text-decoration: none;
	color: #87243A;
}
.subtitle {
	color: #87243A;
	font-weight: bold;
	margin-top: 0;
}
#first-time {
	display: none;
}
.violet-color {
	color: #87243A;
}
.no-padd {
	padding: 0;
}

/* HEADERS */
.page-header {
	border: none;
}


/* MENU */
#head {
	width: 100%;
	background: url('http://shrimppo.pt/sites/default/files/layout/degradee-menu.png') repeat-y center;
}

#navbar {
	background: url('http://shrimppo.pt/sites/default/files/layout/degradee-menu.png') repeat-y center;
	border-top: 4px solid;
	border-bottom: 4px solid;
	z-index: 100;
	margin-top: 0;
	background: #7f233a; /* For browsers that do not support gradients */    
	background: -webkit-linear-gradient(left, #362136 , #7f233a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #362136, #7f233a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #362136, #7f233a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #362136 , #7f233a); /* Standard syntax (must be last) */
}
.menu {
	float: right;
	margin-top: 10px;
}
/*
@media (min-width: 768px) {
   .navbar-nav {
      margin: none;
   }
}
*/
@media (max-width: 767px) {
	#navbar .container {
	    width: inherit;
	}
}


.navbar-default .navbar-nav > .active > a {
	color: white;
	background-color: inherit;
	text-decoration: underline;
}
.navbar-default .navbar-nav>li>a {
	color: white;
}
.navbar-default .navbar-nav>li>a:hover {
   font-weight: bold;
   text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
	color: white;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: white;
	font-weight: bold;
	background-color: inherit;
}
.navbar {
   margin-bottom: 0;
   /* border-bottom: 4px solid; */
   border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
   border-image: url('http://shrimppo.pt/sites/default/files/layout/degradee-menu-bottom.png') 3;
   border-top: 0;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: none;
	font-weight: bold;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
	font-weight: bold;
	text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover {
	font-weight: bold;
	text-decoration: none;
	color: white;
}
#navbar .navbar-header button {
    right: 0;
    top: 15px;
}


/* TOP-HEADER */
#shrimppo-symbol {
	width:306px;
	height:363px;
	background: url('http://shrimppo.pt/sites/default/files/layout/simbolo_slideshow_home.png') no-repeat center;
	z-index: 200;
	position: absolute;
	right: 17%;
	/*margin-top: 98px;*/
	padding-top: 50%;
}




/* IMAGES */
.wide-image {
   max-width: 100%;
}
#views_slideshow_cycle_main_frontpage_slideshow-block_1 {
	/*width: 100%;*/
}
#wide-slideshow {
   width: 100%;
}
@media (max-width: 767px) {
	#views_slideshow_cycle_main_frontpage_slideshow-block_1 img {
		/*height: 250px;*/
		width: auto;
	}
}
.fotos-border-bottom {
	border-bottom: 4px solid;
  	border-image: url(http://shrimppo.pt/sites/default/files/layout/degradee-menu-bottom.png) 3;
  	width: 100%;
  	height: auto;
}

/* HOME */
#block-views-products-block img {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.home-product-text {
	max-height: 120px;
}

@media (max-width: 767px) {
	#block-views-products-block .product-title,
	#block-views-products-block .product-scientific {
		text-align: center;
	}
	#block-views-products-block .product-title {
		padding-top: 10px;
	}
	#block-views-products-block .views-row-first {
		padding-bottom: 25px;
	}
	.views-row-last .views-field-nothing .field-content .product-img {
		margin-top: none;
	}
}


/* COMPANY */
.p-bottom {
	bottom: 0;
}
ul {
	padding-left: 15px;
}
#company-img1, 
#company-img2, 
#company-img3, 
#company-img4 {
	height: 275px;
	width: auto;
}
@media(max-width:767px) {
	#company-img1, 
	#company-img2, 
	#company-img3, 
	#company-img4 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media(min-width:768px){
	.company-foto {
		position:relative;
		height:275px;
	}
	.company-bottom-text {
		position: absolute;
		bottom: 0;
	}
}
/*
@media(max-width:767px) {
	.company-foto {
		position: initial;
	}
}
*/


/* I&D */
.foto-header-id img {
	border-bottom: 4px solid;
	border-image: url('http://shrimppo.pt/sites/default/files/layout/degradee-menu-bottom.png') 3;
}
.publication-link {
	float: right;
	border-bottom: 2px solid #87243A;
	width: 100%;
}
.publication-link p {
	float: right;
	color: #87243A;
}
.id-margin-top {
	margin-top: 30px;
}
.view-id-i_d .views-row-first {
	margin-top: -30px;
}
.publication-link {
	font-size: 11px;
	font-weight: bold;
}
.id-title {
	position: absolute;
    color: white;
    left: 15%;
    top: 10%;
    font-size: 1000%;
    font-style: normal;
	font-weight: 200;
}
.foto-header-id h3 {
	position: absolute;
	width: 30%;
	top: 45%;
	left: 16%;
	font-style: normal;
	color: white;
	font-weight: 200;
}


/* PRODUCTS */
.view-id-products .views-row-odd .views-field .field-content .col-md-12 {
	margin-bottom: 40px;
}
.product-info {
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	border-bottom: 2px solid #87243A;
	height: 465px;
}
.product-header {
	padding-bottom: 20px;
    border-bottom: 2px solid #87243A;
    margin-bottom: 20px;
}
.product-img img {
	width: 100%;
}
.product-title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}
.product-title,
.product-title a {
	color: #87243A;
}
.product-scientific {
	font-size: 12px;
	text-transform: uppercase;
	color: #87243A;
}
.product-header {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.availability {
	/*float: right;*/

}
.view-products .views-row-last .last-row {
	margin-top: 30px;
}
.views-row-last .views-field-nothing .field-content .col-md-4 .product-info {
	height: auto;
}
.views-row-last .views-field-nothing .field-content .col-md-4 .product-info .remove-p {
	display: none;
}
.remove-price {
	display: none;
}
.certification {
	bottom: 0;
	font-size: 9px;
	position: absolute;
	padding-right: 15px;
	color: #87243A;
	margin-bottom: 10px;
}
#block-views-products-block-1 {
	padding-top: 22px;
}
.order-button {
	bottom: 0;
	right: 0;
	position: absolute;
	margin-right: 30px;
	border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
	background-color: #87243A;
	padding: 7px;
	color: white;
	cursor: default;
}

@media(max-width:767px){
	.product-info {
		height: auto;
		padding-top: 15px;
	}
	.certification {
		bottom: none;
		padding-top: 15px;
		position: initial;
	}
	.view-products .views-row .product-info {
		margin-bottom: 20px;
	}
	.view-products .views-row-last .last-row {
		margin-top: 0;
	}
	#block-views-products-block-1 {
		padding-top: 0;
	}
}


/* PURCHASE WEBFORM */
#block-views-products-block-1 {
	display: none;
}
#webform-client-form-27 {
	display: none;
	color: #87243A;
}
#webform-client-form-27 fieldset legend {
	display: none;
}
#webform-client-form-27 .panel-default {
	border: none;
}
#webform-client-form-27 .panel-body {
	padding-left: 0;
    padding-right: 0;
}
/*
#webform-client-form-27 option:checked, 
#webform-client-form-27 option:hover {
    color: white;
    background-color: #2E2035;
}
*/
#webform-client-form-27 input ,
#webform-client-form-27 select {
	width: 100%;
	border: 2px solid #2E2035;
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
}
#webform-client-form-27 .input-group {
	width: 100%;
}
#webform-client-form-27 .form-actions button {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #2E2035;
	border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
	border: 3px solid #87243A;
	font-size: 12px;
}
#webform-client-form-27 .form-actions button:hover {
    background-color: #87243A;
    color: #2E2035;
    font-weight: bold;
    border: 3px solid;
}
#node-27 header {
	display: none;
}
#fill-form {
	color: white;
	cursor: default;
    background-color: #87243A;
    padding: 15px;
    border-radius: 25px; -webkit-border-radius:25px; -moz-border-radius:25px;
    border: 3px solid #2E2035;
}
#fill-form p {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 0;
}
#fill-form a {
	color: white;
}
#fill-form:hover {
	font-weight: bold;
}


/* CONTACTS */
.row section .tabs--primary .nav .nav-tabs {
   display: none;
}

/* Contact Form id=webform-client-form-3 */
#webform-client-form-3 div > .form-field-wrapper {
   position: relative;
}
#webform-client-form-3 .form-field-wrapper > label {
   position: absolute;
   margin-top: 5px;
   /*right: 0;*/
   padding: 3px 15px;
   color: white;
}
form label,
form button {
	text-transform: uppercase;
}
#webform-client-form-3 .form-control {
   padding-left: 80px;
   background-color: #2E2035;
}
#webform-client-form-3 .webform-component--message .control-label {
	position: inherit;
	background-color: #87243A;
	width: 100%;
    padding: 6px 0 6px 15px;
    margin: 0;
}
#webform-client-form-3 .go-right input:focus + label {
   right: 0;
   margin-right: 0;
   width: 40%;
   padding-top: 5px;
}
#webform-client-form-3 .from-group {
   border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
   margin-bottom: 0;
}
#webform-client-form-3 .webform-component--message .form-textarea-wrapper textarea {
	border: none;
	padding-left: 12px;
	background-color: white;
	color: #2E2035;
}
#webform-client-form-3 .form-control {
   border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
   color: white;
   font-size: 13px;
}
#webform-client-form-3 .webform-component--name,
#webform-client-form-3 .webform-component--e-mail,
#webform-client-form-3 .webform-component--subject,
#webform-client-form-3 .webform-component--message {
	margin-bottom: 1px;
}
#webform-client-form-3 .form-actions {
	position: absolute;
	top: 67%;
    right: 6%;
}
#webform-client-form-3 .form-actions button {
	padding: 1px 10px 0 10px;
}
#webform-client-form-3 .webform-submit {
	position: relative;
	background-color: #2E2035;
	border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
	border-color: white;
	font-size: 12px;
	padding-right: 4px;
}
#contact-form {
	position: absolute;
    top: -475px;
    /* margin-left: -15px;*/
}
@media (max-width: 767px) {
	#contact-form {
		position: initial;
		top: 0;
		margin-top: 40px;
	}
	#webform-client-form-3 .form-actions {
		position: absolute;
	    top: 72%;
	    right: 10%;
	}
}

/* BACKOFFICE */
#shrimppo-node-form #edit-preview {
	display: none;
}

/* FOOTER */
#foot {
	width: 100%;
	/* background: url('http://shrimppo.pt/sites/default/files/layout/degradee-menu.png') repeat-y center; */
	width: auto;
	background: #7f233a; /* For browsers that do not support gradients */    
	background: -webkit-linear-gradient(left, #362136 , #7f233a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #362136, #7f233a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #362136, #7f233a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #362136 , #7f233a); /* Standard syntax (must be last) */
}
.footer {
   border-top: none;
   margin-top: 20px;
   color: white;
}
footer p a:hover {
	color: white;
}
#developed-footer-text {
   bottom: 0;
}
.back-white {
	background-color: white;
}
#facebook-button {
	font-size: 16px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
#facebook-button a .fa {
	font-size: 20px;
}
#facebook-button a:hover {
	color: white;
}