/*

Theme Name: Medical

Theme URI: http://www.guidovanderleest.nl/medical

Version: 1.3

Author: Guido van der Leest

Author URI: http://www.guidovanderleest.nl

Description: Medical is a free, basic, clean, minimalistic, responsive, mobile friendly, WordPress theme for Medical/Business website. Primary sidebar, homepage sidebar, 3 widget-area's in footer, custom header-image, custom background, display logo or blogname and description, full width page-template and dropdown navigation are included. Besides this no theme settingspage, no fancy options, no slideshow, this one only has the basic options. Enjoy. 

Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, full-width-template, custom-background, custom-header, custom-menu, featured-images, white, blue, light, gray, editor-style, translation-ready

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: medical



Medical, Copyright 2014, Guido van der Leest

Medical is licensed under the GPL

*/





/* RESET STYLESHEET 

Source: http://meyerweb.com/eric/tools/css/reset

Version: 2.0 (2011-01-26)

Author: Eric Meyer

Author URI: http://meyerweb.com/ 

License: none (public domain) 

*/

.pagina{
	float: left;
}

.imagemPagina img{
	border-radius: 15px;
}

.tituloPagina{
	position:relative;
	top:-50px;
	padding-left:10px;
	color:#FFF;
	background-color:rgba(32,113,170,0.6);
    font-size:13px;
}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* GENERAL */

body {
    background:#fff url('images/img004.jpg') repeat-x;
    font-family: 'Open Sans', sans-serif; font-size:0.9em; color:#333; line-height:1.5em;
    /*background:#fff url('images/border.png') repeat-x; background-position: 50% 250px; font-family: 'Open Sans', sans-serif; font-size:0.9em; color:#333; line-height:1.5em;*/
}

#container {max-width: 960px; margin:0 auto 0; padding: 0 1% 0; text-align: left; word-wrap: break-word;}

#main {clear:both; padding: 0 2% 0; background:#fff; border:1px solid #ddd; border-radius:15px;-moz-border-radius:15px; box-shadow: 0 0 20px #ddd;}

#main:after {content:''; display:block; clear:both;}

#content {width: 56%; float:left; padding: 20px 0 20px; word-wrap: break-word;}

#content-full {width: 100%; float:left; padding:20px 0 20px; word-wrap: break-word;}



h1 {font-size:3.0em; line-height:1.2em;}

h2 {font-size:2.5em; line-height:1.2em;}

h3 {font-size:1.2em; line-height:1.5em; margin-left: 30px !important;}

h4 {font-size:1.2em; line-height:1.5em; margin-left: 30px !important;}

h5 {font-size:1.0em; line-height:2em;}

h6 {font-size:0.75em; line-height:2em;}



a {text-decoration:none; color:#2071aa;}

a:hover {text-decoration:underline;}



strong {font-weight: bold;}

small {font-size:0.75em;}

big {font-size: 1.5em;}

pre {margin: 5px 0; border: 1px solid #ddd; background: #f8f8f8; padding:10px; word-wrap: break-word;}

code, cite, em, abbr, acronym, q {font-style:italic;}

blockquote, address {padding:5px; font-size:1.2em; line-height:1.5em; font-style:italic;}

p {margin:0 0 20px;font-size: 0.9em; padding-left: 50px; padding-right: 50px;}



table {margin:10px; border-collapse:collapse;}

table, th, td {border: 1px solid #ddd; padding:5px 10px;}



ul {list-style: square; margin: 2px 0 2px 15px;}

li {margin: 0 0 0 10px; font-size:0.9em;}

ol {list-style: decimal; margin: 2px 0 2px 15px;}

dl {margin: 10px;}

dt {margin: 0; font-size:1.25em; font-weight:bold;}

dd {margin: 0 0 0 10px;}



input, select, textarea {border:1px solid #ddd; padding: 2px; background: none;font-size:1em; font-family: 'Open Sans', sans-serif;}

input[type="submit"]{cursor:pointer;	border:0; -webkit-appearance:none; padding:2px 10px; background: #08a0ff; color:#fff;}

input[type="submit"]:hover {background: #333;}

select {max-width:100%;}





/* HEADER */

#header-first {margin: 0; padding:10px 0 0;}

#header-first:after {content:''; display:block; clear:both;}

#header-first .logo {text-align:center;}

#header-first .logo h1 a {font-size:0.6em;}

#header-first .logo h1 a:hover {text-decoration:none; color:#333;}

#header-first .logo h5 {padding:0 0 10px; font-style:italic;}

#header-first .logo img {padding:0 0 10px;}



#header-second {margin:0; padding:20px 0 10px; border-bottom:10px solid #94aad0;border-radius:15px;-moz-border-radius:15px;}

#header-second:after {content:''; display:block; clear:both;}

#header-second .image-homepage {width: 52%; float:left; margin:0; padding:0;}

#header-second .header-img {display: none; width: 100%; height: auto; border-top-left-radius:15px;moz-border-radius-topleft:15px;}





/* HOMEPAGE SIDEBAR */

#header-second .sidebar-homepage {width: 46%; float: right; margin:0; padding:0; word-wrap: break-word; background:#08a0FF;border-top-right-radius:15px;moz-border-radius-topright:15px;}

#header-second .widget {margin:15px 0; padding: 0 15px; background:none; color:#fff; border:0;}

#header-second .widget a {color:#fff;}





/* HEADER MENU */

.nav-head {width:100%;text-align:center;float:left; background:none; padding:0; border:0;}

.nav-head select {display:none;}

.nav-head ul {padding:0; margin:0;}

.nav-head ul li {list-style-type: none; display: inline-block; position: relative; margin:0 20px 0 0; font-size:1.0em}

.nav-head ul li a {text-decoration: none; background: none; padding:0 0 5px; display: inline-block;}

.nav-head ul li a:hover {text-decoration:none; color: #2071aa;}

.menu .current_page_item > a, .menu .current_page_parent > a {text-decoration:none; color: #96abd0;}





/* HEADER SUBMENU */

.nav-head ul ul {display:none; position: absolute; top: 100%; padding: 0; z-index:999999999999;}

.nav-head ul ul ul {display:none; position: absolute; top: 30%; left: 100%;}

.nav-head ul ul a {width:12em; padding: 5px 10px; background: rgba(194,213,247,0.95); text-align:left; font-size: 0.9em;}

.nav-head ul li:hover > ul {display:block;}

.nav-head ul li ul li {margin:0;}





/* PAGE */

.page-title {margin: 0; padding: 0 0 10px;}

.pagelink {clear:both; margin:20px 0 10px;}

.edit-link {display:block; clear:both; text-align:center; margin:10px 0; padding: 5px; background: none; border:1px solid #ddd;}





/* POST */

.post-title {margin: 0; padding: 0;}

.post-title a:hover {color:#333; text-decoration:none;}

.excerpt {padding:5px 0 0;}

.sticky {text-align:center; clear:both; color:#fff; background: #08a000; margin: 0 0 10px; padding:2px 5px; border:0;}

.postmetadata {margin:10px 0 15px; padding:5px; background: #f8f8f8; border:1px solid #ddd;}

.more {margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #ddd;}

.more:after {content:''; display:block; clear:both;}

a.readmore {float:right; padding: 2px 10px; background: #08a0ff; color:#fff;}

a.readmore:hover {background: #333; text-decoration:none;}

.post-nav {padding: 5px 0;}

.post-nav:after {content:''; display:block; clear:both;}

.nav-prev {float:left;}

.nav-next{float:right;}



/* IMAGE AND VIDEO */

embed, iframe, object, video {max-width:100%;}

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



img.alignright {float:right; margin:0 0 1em 1em;}

img.alignleft {float:left; margin:0 1em 1em 0;}

img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:1em;}

.alignright {float:right; margin:0 0 1em 1em;}

.alignleft {float:left; margin:0 1em 1em 0;}

.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:1em;}



.attachment-post-thumbnail {float:left; margin: 10px 10px 5px 0;}



.wp-caption {background:none; max-width: 100%;}

.wp-caption-text {text-align:center; word-wrap: break-word;}



.gallery dl, .gallery dt, .gallery dd {margin:0; padding:0;}

.gallery-caption {background:none; max-width: 100%;}

.gallery-caption-text {text-align:center; word-wrap: break-word;}



img.theme-list {max-width: 98%; float:left; margin:1em; padding:1em; border:2px solid #08a0ff;}

img.theme-single {max-width: 98%; display:block; margin:1em auto 1em; padding:1em; border:2px solid #08a0ff;}

img.theme-list:hover, img.theme-single:hover {border:2px solid #333;}





/* SEARCHFORM */

.search-form {padding:10px 0;}

.search-field {width:50%;}

.screen-reader-text {display:none;}





/* COMMENTS */

#comments {clear:both; word-wrap: break-word;}

#comments .comment-list {list-style:none; background:#f8f8f8; border:1px solid #ddd; font-weight:normal; margin: 20px 0; padding: 0 15px 0;}

#comments .children {list-style:none; background: #f8f8f8; margin: 0; padding: 0 0 0 15px;}

.comment-body {border-left:2px solid #08a0ff; padding: 0 0 0 15px; margin:20px 0;}

.comment-notes, .form-allowed-tags {font-size:0.75em; padding:0;}

.comments-title, .comment-reply-title, .no-comments {clear:both; font-size: 1.5em;} 

.bypostauthor {color:#333;}



#respond {padding:0; margin:0; clear:both;}

#commentform label {padding: 0 0 5px; display:block;}

#commentform textarea, #commentform input {width: 90%; padding:5px;}

#commentform input[type="submit"]{width:9em; margin:0;} 





/* SIDEBAR AND WIDGETS */

#sidebar {width: 40%; float: right; margin:0; padding:20px 0 0;word-wrap: break-word;}

.widget {padding:0 0 10px; margin: 0 0 20px; background:none; border-bottom:1px solid #ddd;}

.widgettitle {margin:0 0 10px;}

#wp-calendar {width:90%;}





/* FOOTER */

#footer {clear:both; background:none; padding:0; margin:0;}

#footer .site-info {text-align:center; clear:both; padding:15px 0; font-size: 0.8em;}

#footer .widget {margin:15px 0 0;}



.footer-left {float: left; width: 30%; margin:5px 0 0; padding:0; word-wrap: break-word;}

.footer-middle {float: left; width: 30%; margin:5px 5% 0; padding:0; word-wrap: break-word;}

.footer-right {float: right; width: 30%; margin:5px 0 0; padding:0; word-wrap: break-word;}





/* Mobile */

@media screen and (max-width: 767px) { 

	body {font-size:1em; line-height:1.2em; background:none;}

	#container {width: 96%; padding:0; margin:0 auto 0;}

	#main {margin: 10px 0 0; padding: 0 10px 0;}

	#content, #content-full {width:100%; padding:10px 0;}

	#header-first .logo {width:100%; text-align:center;}

	#header-first .logo h1 a{font-size:1em; text-align:center;}

	#header-first .logo h5 {padding:0; font-size:1em; text-align:center;}

	#header-first .logo img {padding:0;}

	#header-second {margin:0; padding:10px 0; border:0;}

	#header-second .image-homepage {width: 100%; margin:0 0 10px; padding:0;}

	#header-second .header-img {width: 100%; height: auto; border-radius:15px;-moz-border-radius:15px;}

	#header-second .sidebar-homepage {width:100%; border:0; float:left; border-radius:15px;-moz-border-radius:15px;}

	#sidebar {width:100%; border:0; margin:0; padding:0 0 10px; float:left;}

	#footer {width:100%; padding:10px 0 0;}

	.post-title, .page-title, .widgettitle, .comments-title, .comment-reply-title, .no-comments {font-size:1.3em;}

	.widget {margin: 10px 0 10px;}

	#footer .widget {margin:5px 0 5px;}

	.footer-right, .footer-middle, .footer-left {width:100%; border:0; margin:0; padding:0; float:left;} 

	.nav-head ul {display: none;} 

	.nav-head {width:100%; padding:0; border:0;}

	.nav-head select {display: block; width: 100%; height: 35px; margin: 0 auto 0; font-size: 1em; line-height: 1.2em; color: #fff; background:#08a0ff; border:0;}

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /*display: none;*/
    -webkit-appearance: none !important;
    margin: 0 !important; /* <-- Apparently some margin are still there even though it's hidden */
}