/*
Description: Tema hecho a medida para el proyecto medis
Author: Julo Pons
Template: twentytwelve
*/
@import url("../twentytwelve/style.css");

img.logos, img.header-image, img.sinsombra {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-header img.wp-post-image{
	padding: 0;
}
.entry-header h1 {
	padding: 0 0 10px 0;
}

img.sinsombra2 {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	min-width: 260px;
}
body .site {
		padding: 0 0;
		font-size: 13px;
}

.site-description {
	background-color: #0065A2;
	color: #FFFFFF;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	padding: 0 3%;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #FFFFFF;
	padding: 0 3%;
}
.site-header {
	padding-bottom: 0;
}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px;
		border-top: 0px;
	}
	
#pie p{
	font-size: 11px;
	font-size: 0.78571428rem;
	text-align: center;
	color: #AAAAAA;
	margin-bottom: 5px;
}
.menu-pie-container ul {
	text-align: center;
	margin-bottom: 7px;
}

.menu-pie-container ul li {
    display: inline;
    padding: 0 5px; /*Separar el texto*/
    margin: 0 -2px; /* Separar los botones */
	border-left: 1px solid #AAAAAA;
	font-size: 11px;
	font-size: 0.78571428rem;
	
}
#menu-item-217 {
	border-left: 0;
}
footer[role="contentinfo"] {
	border-top: 0;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0;
}

.main-navigation{
	background-color: #ffffff;
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body .site {
		margin-bottom: 12px;
	}
}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.main-navigation{
	margin-top: 0;
	background-color: #0065A2;
	border-top: 2px solid #ffffff;
	
}

	.site {
		max-width: 1040px;
	}
	.site-content {
		float: left;
		width: 72%;
		margin-left: 1%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 94%;
	}
	.widget-area {
		float: right;
		width: 25%;
		margin-right: 1%;
	}

	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		padding: 0 13px 0 13px;
		border-bottom: 0;
		color: #ffffff;
		line-height: 1.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
		background-color: #CCCCCC;
	}
	.main-navigation li {
		margin: 0 0px 0 0px;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
		background-color: #FFFFFF;
	}
}
@media screen and (max-width: 845px) {
	.main-navigation li {
		font-size: 11px;
	}
	.main-navigation li a {
		padding: 0 10px 0 10px;
	}
}




.wc-shortcodes-one-half { width: 48% }
.wc-shortcodes-one-third { width: 33% }
.wc-shortcodes-two-third { width: 66% }
.wc-shortcodes-one-fourth { width: 22% }
.wc-shortcodes-three-fourth { width: 74% }
.wc-shortcodes-one-fifth { width: 16.8% }
.wc-shortcodes-two-fifth { width: 37.6% }
.wc-shortcodes-three-fifth { width: 58.4% }
.wc-shortcodes-four-fifth { width: 67.2% }
.wc-shortcodes-one-sixth { width: 13.33% }
.wc-shortcodes-five-sixth { width: 82.67% }

.wc-shortcodes-one-half,
.wc-shortcodes-one-third,
.wc-shortcodes-two-third,
.wc-shortcodes-three-fourth,
.wc-shortcodes-one-fourth,
.wc-shortcodes-one-fifth,
.wc-shortcodes-two-fifth,
.wc-shortcodes-three-fifth,
.wc-shortcodes-four-fifth,
.wc-shortcodes-one-sixth,
.wc-shortcodes-five-sixth {
	position: relative;
	margin-left: 1%;
	margin-bottom: 0;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wc-shortcodes-column-first {
	margin-left: 0!important;
	clear: left;
}

.wc-shortcodes-post-content {
	padding: 0 10px;
}
.wc-shortcodes-post-border {
	border: 1px solid #dddddd;
}
.wc-shortcodes-post-border
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}
.wc-shortcodes-post-border:before, .wc-shortcodes-post-border:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.wc-shortcodes-post-border:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  
.wc-shortcodes-entry-thumbnail {
	margin: 0;
	text-align: center;
}
.wc-shortcodes-entry-title {
	margin-top: 10px;
	margin-bottom: 10px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.wc-shortcodes-entry-meta {
	margin-top: 10px;
	margin-bottom: 0;
}
.wc-shortcodes-entry-meta-inner {
	margin-bottom: 10px;
}
.wc-shortcodes-entry-summary {
	margin-top: 10px;
	margin-bottom: 0;
}
.wc-shortcodes-entry-quote blockquote {
	margin-top: 0;
	padding: 5px 10px;
}
.wc-shortcodes-footer-entry-meta {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 80%;
}
.wc-shortcodes-posts {
	position: relative;
	/*visibility: hidden;*/
}
.wc-shortcodes-post-box {
	background-color: #ffffff;
	margin-bottom: 10px;
	padding: 0;
}
.wc-shortcodes-sep {
	padding-left: 5px;
	padding-right: 5px;
}
.wc-shortcodes-sep,
.wc-shortcodes-author,
.wc-shortcodes-date {
	float: left;
}
#menu-top li  a{
	font-family: 'Orbitron', sans-serif;
}

span.us-button-wrapper>a.us-button,
span.us-button-wrapper>a.us-button:link,
span.us-button-wrapper>input.us-button,
span.us-button-wrapper>button.us-button
{
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 13px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #000000 !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 22px;
   height: 22px;
   margin: 0 !important;
   padding: 0 5px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.us-button img, span.us-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.us-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 22px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:980px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.us-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

div.us-block select 
{
   width:96%;
}

span.us-button-wrapper.hover>.us-button, span.us-button-wrapper.hover>a.us-button:link
{
   color: #4991BC !important;
   text-decoration: none !important;
}

span.us-button-wrapper.active>.us-button, span.us-button-wrapper.active>a.us-button:link
{
   color: #BA060E !important;
}

span.us-button-wrapper>span.us-button-l, span.us-button-wrapper>span.us-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('../images/button.png');
   background-repeat: no-repeat;
}

span.us-button-wrapper>span.us-button-l
{
   left: 0;
   right: 0;
   background-position: top left;
}

span.us-button-wrapper>span.us-button-r
{
   width: 0;
   right: 0;
   background-position: top right;
}

span.us-button-wrapper.hover>span.us-button-l
{
   background-position: center left;
}

span.us-button-wrapper.hover>span.us-button-r
{
   background-position: center right;
}

span.us-button-wrapper.active>span.us-button-l
{
   background-position: bottom left;
}

span.us-button-wrapper.active>span.us-button-r
{
   background-position: bottom right;
}

span.us-button-wrapper input
{
   float: none !important;
}
div.us-login {
	position: absolute;
    top: 30px;
    right: 5px;
    font-size:12px;
    font-family: Arial,Helvetica,Sans-Serif;
   	width:205px !important;
}
.us-login #mod_login_greeting{
}
.us-login .cbLogoutButtonSpan {
	float: right;
    width: 100%;
}

.us-login .cbLogoutButtonSpan input.us-button {
	padding:0px !important;
}
div.us-login a {
	text-decoration:none;
	color: #6586B9 !important;
}
div.us-login a:hover {
	color: #516f9c !important;
	text-decoration:underline;
}
#login-form .login_input
{
	margin-bottom: 10px;
}
#login-form .inputbox
{
	padding:5px;
	color:#999;
	width: 80px;
}
#login-form #mod_login_username
{
	float:left;	
}
#login-form #mod_login_password
{
	float:right;
}
#login-form #mod_login_remembermetext
{
	display:none;
}
#login-form #mod_login_remembermetext, #login-form .mod_login
{
	padding-right:5px;
}
#mod_login_password{margin-left:5px;}
span.us-button-wrapper
{
	padding: 0px !important;
	margin-left:3px;
}
span.cbLoginButtonSpan
{
	padding: 0px !important;
	float: right !important;
}
#mod_login_remember
{
	margin-left: 0;
    margin-top: 5px;
	/* display:none; */
}
form.cbLoginForm span.us-button-wrapper > span.us-button-l, 
form.cbLoginForm span.us-button-wrapper > span.us-button-r 
{
    background-image: none !important;
    background-repeat: no-repeat;
    background-color: #AAAAAA;
}
form.cbLoginForm span.us-button-wrapper.hover > span.us-button-l, 
form.cbLoginForm span.us-button-wrapper.hover > span.us-button-r
{
    background-color: #888888;
}
form.cbLoginForm span.us-button-wrapper > a.us-button, 
form.cbLoginForm span.us-button-wrapper > a.us-button:link, 
form.cbLoginForm span.us-button-wrapper > input.us-button, 
form.cbLoginFormspan.us-button-wrapper > button.us-button
{
color:#fff !important;
}
#mod_login_logoutform
{
	text-align: right;
}
div.us-buscar
{
    background-image: url("/wp-content/themes/medis/search.png");
    background-repeat: no-repeat;
    height: 25px;
    padding-left: 23px;
    position: absolute;
    right: 5px;
    top: 155px;
}
div.us-buscar input
{
	color:#999;
	width:160px;
}
.botonbusqueda {
  background: url("/wp-content/themes/medis/search.png") no-repeat scroll 0 0 transparent;
  border: 0;
  cursor: pointer;
  height:17px;
  width:17px;
  margin:3px;
}
#main{
  background: url("/wp-content/themes/medis/fondo-web.jpg") no-repeat scroll 0 bottom #ffffff;
}
h2.wc-shortcodes-entry-title, h1.entry-title{
	font-family: 'Orbitron', sans-serif;
}
div.ngg-widget.entry-content{
    margin: auto;
    max-width: 220px;
}
table.em-calendar {
    margin: auto;
}
aside.widget.ngg_images {
	margin-bottom:5px;
}
@media screen and (max-width: 600px) {
div.ngg-widget.entry-content{
    margin: auto;
    max-width: 90%;
}
}
@media screen and (max-width: 880px) and (min-width: 600px){
div.ngg-widget.entry-content{
    margin: auto;
    max-width: 110px;
}
}