/* css file */

body {
	font-family: Helvetica;
	font-size: 16px;
	background-color: white;
	background-image: url('/divertida/images/bg.png');
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
	border-radius: 0px;
}

form {
	margin:0px;
	padding:0px;
}

input, textarea, select {
	border-radius:5px;
	font-family: Helvetica;
	font-size: 14px;
	padding: 5px;
	border: 1px solid gray;
}

input:hover, textarea:hover, select:hover {
	border: 1px solid #f1c103;
}

ul li {
	margin-bottom:10px;
	font-size:16px;
}

p , h5 { 
	padding:10px;
	font-size: 16px;
}

.messageBox-success {
	position:fixed;
	max-width:90%;
	top:20px;
	left:20px;
	padding:30px;
	border:1px dashed green;
	background-color: green;
	font-size:16px;
	font-weight:bold;
	color:white;
	border-radius:10px;
	opacity: 0.9;
}

.messageBox-error {
	position:fixed;
	max-width:90%;
	top:20px;
	left:20px;
	padding:30px;
	border:1px dashed red;
	background-color: red;
	font-size:20px;
	font-weight:bold;
	color:white;
	border-radius:10px;
	opacity: 0.9;
}

.result-row {
	margin-bottom:20px;
	padding:10px;
	border-bottom: 1px dashed lightgray;
	#background-color: #eeeeee;
}

.remark {
	background-color: yellow;
	border: 2px solid orange;
	margin-left:10px;
	margin-right:10px;
	border-radius:5px;
}

.firsts {
	background-color: lightblue;
	border: 2px solid darkblue;
	margin-left:10px;
	margin-right:10px;
	border-radius:5px;
}

.result-thumb {
	display:inline-block;
}

.result-contents {
	display:inline-block;
}

.result-title {
	#font-style: Italic;
	font-weight:bold;
	margin-bottom:10px;
	#border-top-left-radius:5px;
	#border-top-right-radius:5px;
	#border: 1px solid #f1c103;
	#background-color:#f1c103;
	#padding:6px;
	#color:white;
}

.result-description {
	margin-bottom:20px;
	#border-bottom-left-radius:6px;
	#border-bottom-right-radius:6px;
	#border: 1px solid lightgray;
	#padding:6px;
}

.result-link:link, .result-link:visited {
	padding: 10px;
	border-radius:7px;
	background-color: white;
	border: 1px solid lightgray;
	color:darkgray;
	text-decoration: none;
}

.result-link:hover, .result-link:active {
	padding: 10px;
	border-radius:7px;
	background-color: #f1c103;
	color:white;
	border:1px solid #f1c103;
}

.pages {
	display: block;
	position: relative;
	margin-top:20px;
	margin-bottom:30px;
	padding-left:20px;
}

.pages a, .pages a:link, .pages a:visited {
	text-decoration: none;
	padding:10px;
	border-radius:3px;
	background-color:pink;
	color: black;
	font-weight:normal;
	border:1px solid white;
}

.pages a:hover {
	text-decoration: none;
	background-color: white;
	border:1px solid pink;
	color:black;
	font-weight:normal;
}

.curpage {
	text-decoration: none;
	font-weight:bold;
	color:pink;
	border-radius:3px;
	border:  1px solid pink;
	background-color:white;
}

.div-inline-block {
	display:inline-block;
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
}

form h4 {
	border-bottom:1px dashed lightgray;
	padding-bottom:10px;
	margin-bottom:20px;
}
.form-input-auto {
	display:inline-block;
	height:30px;
	width:80%;
	#margin-right:10px;
	margin-bottom:7px;
	margin-top:7px;
}
.form-input {
	display:inline-block;
	width:20%;
	height:30px;
	margin-right:10px;
	margin-bottom:7px;
	margin-top:7px;
}

.form-label {
	padding-top:5px;
	display:inline-block;
	width:10%;
	height:30px;
	#margin-right:10px;
	margin-bottom:7px;
	margin-top:7px;
	text-align:right;
	vertical-align:top;
}

.field-value {
	display:inline-block;
	width:19%;
	padding:5px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	border-radius: 5px;
	border-bottom: 1px solid lightgray;
	vertical-align:top;
}

.field-label {
	display:inline-block;
	width:10%;
	#margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	text-align:right;
	padding:5px;
	vertical-align:top;
	border-radius:5px;
	#border-bottom: 1px solid #f1c103;
	font-weight: bold;
}

.underlined {
	border-bottom: 1px dashed lightgray;
}

a:link, a:visited {
	color:black;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
	color: #f1c103;
}

h1, h2, h3, h4 {
	font-weight:bold;
	font-family: Helvetica;
	border-bottom: 1px dashed lightgray;
	padding:10px;
	margin-top:0px;
	margin-bottom:20px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color: gray; #68809c;
	color:white;
}

img {
	margin:0px;
	padding:0px;
}


/* HEADER */

.heading-photo {
	background-color:white;
	border:0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

#top-header {
	height: auto;
	width: 100%;
	margin:0px;
	padding:0px;
	background-color: #0070cc;
	padding-bottom:20px;
	margin-bottom:20px;
}

#top-menu {
	display: inline-block;
	padding-right:20px;
	padding-left:20px;
	color:#f1c103;
}


#top-menu a:link, #top-menu a:visited {
	padding:12px;
	background-color: white;
	color: black;
	text-decoration:none;
	font-weight:bold;
	border-radius: 3px;
	font-size:14px;
		vertical-align: middle;
}

#top-menu a:hover, #top-menu a:active {
	@padding:12px;
	#background-color: #f1c103;
	#color: white;
	#font-weight:bold;
	text-decoration: underline;
	border-radius: 3px;
	font-size: 14px;
			vertical-align: middle;
}


#top-logo {
	display:inline-block;
	position:relative;
	text-align:left;
	padding-top:20px;
	width:auto;
}

#top-search {
	display: inline-block;
	position: relative;
	text-align:right;
	padding-top:20px;
	padding-right:20px;
	width:auto;
	height:auto;
}

#top-search img {
	display:inline-block;
	opacity: 0.7;
	margin-top:9px;
		vertical-align: middle;
}

#top-search img:hover {
	cursor:pointer;
	opacity:1;
}

#top-search form {
	vertical-align:top;
	display:inline-block;
}

/* SEARCH BOXES */

#searchbox {
	font-family:Helvetica;
	font-size:16px;
	border: 1px solid darkgray;
	background-color: #fefefe;
	margin-top:0px;
	padding:7px;
	height:20px;
	width:auto;
	border-radius: 7px;
	margin-right:20px;
}

#searchbox-home {
	position: relative;
	right:50px;
	top:50px;
	background-color: white;
	border-radius:10px;
	border: 1px solid white;
	opacity:0.3;
	padding:10px;
	width:auto;
	height:150px;
	z-index:1;
}

#searchbox-home h3 {
	font-size: 16px;
	font-weight:bold;
	color: darkblue;
	text-shadow: 1px 1px white;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:10px;
	border-bottom: 1px dotted gray;
	border-radius:0px;
	background-color:transparent;
	padding-top:0px;
	padding-left:0px;
}

#searchbox-home form {
	margin:0px;
	padding:0px;
	#text-shadow: 1px 1px white;
}

#searchbox-home input, #searchbox-home select {
	border-radius: 5px;
	border: 1px dotted white;
	background-color:white;
	padding:4px;
	width: 100%;
}

#searchbox-home input:hover, #searchbox-home select:hover {
	background-color:white;
}

.searchbox-label {
	display:inline-block;
	width:10%;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
	font-size:12px;
	vertical-align:middle;
}

.searchbox-value {
	display:inline-block;
	width: 30%;
	margin-right:5%;
	margin-bottom:10px;
	vertical-align:middle;
}

.container {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #fcfcfc;
	border: 1px solid #68809c;
	border-radius:10px;
}

.container h4 {
	border-radius:0px;
}

.box {
	background-color: white;
	display: inline-block;
	width:200px;
	margin:15px;
	padding:0px;
	border-radius:10px;
	border: 1px dashed gray;
	vertical-align:top;
}

/* SLIDES */

#slide-on-off {
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	z-index:3;
}

#slide-on-off img {
	margin:1px;
	cursor:pointer;
}

#slide-image-front {
	z-index:2;
}

#slide-image-back {
	z-index:1;
}

.slide-image {
	border-radius: 0px;
	width:100%;
	display:block;
	#position:absolute;
	#top:0px;
	#left:0px;
}

/* THUMBNAILS PREVIEW */

#photo-preview-container {
	#margin-top:20px;
	display:none;
	width:98%;
	padding:1%;
	border-radius:10px;
	background-color:transparent;
}

#photo-preview-container img {
	vertical-align:middle;
	cursor:pointer;
}

#photo-preview {
	display:inline-block;
	overflow: hidden;
	width: 90%;
	padding-top:1%;
	padding-bottom:1%;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

#photo-preview img {
	border-radius: 7px;
	#opacity:0.9;
	border: 4px solid transparent;
	vertical-align: middle;
}

#photo-preview img:hover {
	border-radius: 7px;
	#opacity:1;
	cursor: pointer;
	border: 4px solid #f1c103;
	vertical-align: middle;
}

/* PHOTO VIEW */

#photo-view-fixed-container {
	display:none;
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	background-color: gray;
	opacity: 0.4;
	z-index:2;
}

#photo-view-fixed-internal-container {
	display:none;
	position:fixed;
	top:5%;
	bottom:5%;
	left:5%;
	right:5%;
	background-color: black;
	opacity:0.9;
	border-radius:10px;
	z-index:3;
}

#photo-view-fixed {
	display:none;
	position:fixed;
	top:8%;
	bottom:8%;
	left:7%;
	right:7%;
	z-index:4;
}

#current-photo {
	width:100%;
	height:85%;
	overflow:hidden;
	z-index:5;
	margin-top:1%;
	margin-bottom:1%;
	text-align:center;
}

#current-photo img {
	border-radius: 10px;
}

#photo-view-fixed div {
	display:block;
	width:100%;
}

#arrows-photo {
	text-align:center;
}

#arrows-photo  a:visited, #arrows-photo a:link {
	color:white;
	text-decoration:none;
}

#arrows-photo img {
	margin:5px;
	cursor:pointer;
}

/* FOOTER */

#home-footer p {
	margin-left:15px;
	margin-right:15px;
	font-size:small;
	line-height:30px;
	height:30px;
	color:gray;
}

#home-footer a, #home-footer a:visited, #home-footer a:hover, #home-footer a:link {
	font-size:14px;
	color:gray;
}

#footer {
	position:absolute;
	border-top: 0px dashed gray;
	width: 100%;
	margin:0px;
	background-color: #0070cc;
	padding-top:20px;
	padding-bottom:50px;
	font-size:10px;
	color:darkgray;
	margin-top:20px;
}