/*	C S S	*/
/*
@import url(http://fonts.googleapis.com/css?family=Cabin+Sketch:700&text=Hotelsambencant.cat);
@import url(http://fonts.googleapis.com/css?family=Prosto+One);
@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);
*/
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Roboto+Slab);
@font-face {
    font-family: myFont;
    src: url('seagull-black.ttf');
}
html {	
	background-color:#FFFFFF;
	-background-image:none !important;
	-background-image:url(bg.jpg);
	-background-repeat:repeat;
	margin: 0px;
	padding: 0px; 
}
body {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	--color: #FFFFF;
/*border: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
*/
	margin: 0px;
	padding: 0px; 
}

#content {
	margin: 16px;
	padding: 0px; 
}

#asset {
	margin-right: 16px;
	margin-top: 8px;
}

#footer {
	clear:both;
	margin-top:16px;; 
	display:block;
	-margin:0 auto;
	-font-size:large;
	color:#FEFEFE;
	-background-color:#A01C70;
	-border-top: 1px solid #7A2462;
	background-color: #0f172a;

	padding: 16px;
	padding-top: 32px;
	padding-bottom:32px;
}
#footer a, #footer a:link{
	color:#FEFEFE;
}
#footer a:link:hover{
	color:#FFFFFF;
	text-shadow:0px 0px 1px #FFFFFF;
}

a:link , a:visited {text-decoration: none; color: #A01C70; -border-bottom:#00CC33 1px dotted}
a:active  {text-decoration: none; color: #EEEEEE;}
a:hover   {text-decoration: none; -text-shadow: #666666 0px 0px 1px}

img.bullet {vertical-align:middle}

.categorybox {
	width: 320px;
	background-color: #A01C70;
	border: #999999 1px solid;
	border-radius:8px;
	padding-bottom:0px;
	margin: 0px;
}
.categorybox:hover {
	opacity:0.9;filter:alpha(opacity=90);
	box-shadow:0px 0px 2px #666;
}
.categorylink {display: block; margin:0px; padding:0px;}
.categorythumbnail {width: 320px; height:213px;margin:0px; padding:0px;}
.categorythumbnail:hover {-box-shadow:0px 0px 1px #666; padding:-16px;}

.categorytitle {
	color:#FFFFFF;
	text-shadow:#891165 -1px -1px 1px;
	text-align:center; 
	width:320px;
	font-size:16px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.item {
	float:left;
	margin: 16px;
	-margin-right: 16px;
	-margin-bottom: 16px;
}


.icon {
	vertical-align:middle;
}
.icon:hover {
	opacity:0.6;filter:alpha(opacity=60);
}


.category_image{
	width:640px;
	max-width:100%;
	border:#333333 1px solid;
	border-radius: 8px;
}




.type {
	width: 24px;
	height: 24px;
	vertical-align:middle;
}

#header {
 overflow:hidden;
 background-color:#A01C70;
 border-bottom: 1px solid #7A2462;
}

#header h1 {
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-family:myFont;
}

#header img {
	vertical-align:middle;
	max-width:98%;
	margin: 0px 4px;
}

/* N AV  B A R */
#breadcrumb {
		margi-bottom: 8px;
}
.breadcrumb {
	font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
	--font-size:small;
	--font-size:11px;
	font-stretch:condensed;
	line-height: 1.5em;
	color:#c5ccd3; 
	text-decoration:none;
}
.breadcrumb a {	
	font-weight:bold;
	white-space: nowrap; 
	color:#A01C70; 
	text-decoration:none; 
	line-height:1.5em;
}
.breadcrumb a:hover {
	color: #F0F0F0;
	text-shadow: #333 0 1px 1px; 
}


/* A R T I C L E */
.article, .list {
	background-color:#FFFFFF;
	--background-color: rgba(255, 255, 255, 0.6);
	border-radius: 4px;
	padding: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}


/* FICHA TECNICA */
.doctext {
	text-align:left;
}
/*  *  *  *  */


img.photo {
	-border: 1px solid #666666;
	border: 1px #999999 solid; background-color: #FFFFFF;
	border-radius:4px;
	padding:8px;
	-box-shadow: 1px 1px 1px #D0D0D0; 
	box-shadow: 1px 1px 1px #000;
	margin-right: 16px;
	margin-bottom: 16px;

	transition: all 0.5s ease;
}

a:hover  img.photo {
	border: 1px solid #666666;
	opacity:0.9;filter:alpha(opacity=90);
}

div#photos a:hover img.photo:nth-child(1) {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	
	transition: all 0.5s ease;
}


/* Home */
div.photo {
	width: auto;
	-border: 1px solid #666666;
	border: 1px #999999 solid; 
	-background-color: #F8F9CA;
	--background-color: #FFFFEA;
	background-color: #FFFFFF;
	padding:8px;
	padding-bottom:2px;
	-box-shadow: 1px 1px 1px #D0D0D0; border-radius:4px;
	box-shadow: 1px 1px 1px #000;
	margin-right: 16px;
	margin-bottom: 16px;

	transition: all 0.5s ease;
}

div.photo:hover {
	opacity:0.9;filter:alpha(opacity=90);

	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	
	transition: all 0.5s ease;
}

.photonote {
	font-family: "Indie Flower";
	text-decoration: none !important;
	color:#333333;
	white-space: nowrap;
	overflow:hidden;
}

.photolink, .photolink:hover {
	color:#333333;
	text-shadow:none;
}



/* on focus */
input:focus::-webkit-input-placeholder {color:transparent; opacity: 0;}
input:focus::-moz-placeholder {color:transparent; opacity: 0;}
input:focus:-moz-placeholder {color:transparent; opacity: 0;}
input:focus:-ms-input-placeholder {color:transparent; opacity: 0;} /* Internet Explorer */



@media screen and (max-width: 667px) {
  /* some CSS here */
#asset {
	display:none;
	visibility:hidden;
}
/*
#content {
	margin-right: 16px;
}
*/
}