/*
	######## #	    ####  #####   ####  #
	#		 #	   #    # #	   # #    # #
	#    ### #	   #	# #####  ###### #
	#      # #     #	# #    # #	  # #
	 ######  #####  ####  #####  #	  # #####
	 
	Uroandrologia.com by Juan Martínez Alonso
	kaylakmail@gmail.com
*/
body{
	background: #9EA78F;
	font-weight: 400;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin:0;
	padding:0;
}
a{
	color: #555;
	text-decoration: none;
}

ul,li{
	list-style-type: none;
}
#LogoContainer{
    position: fixed;
	margin-left:-15%;
	margin-top:-4%;
	z-index:-10000000000;
	height:100%;
}
#LogoImage{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	height:55%;
}
#artieda{
	position: fixed;
	top:16%;
	left:55%;
	width:30%;
	z-index:-100000000;
}
#artieda p{
	margin-left:-5%;
	z-index:-100000000;
	color:#CBD0C2;
	text-align:center;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 16px;
}
/*
	FIN GLOBAL CSS
*/

/*
	INDEX CSS
*/
#mainCorpse{
	position:relative;
	margin-top:15%;
	margin-left:10%;
	max-width:70%;
    border-radius: 3px;
}
#tagsJS {
  position: absolute;
  top: 0;
  width: 800px;
  left: -900px;
}
/*
	FIN INDEX CSS
*/

/*
	CSS-Menu
	INICIO
*/

.topmenucss{
	float:right;
	margin-right:2%;
}
.lispan{
	color:#CBD0C2;
	display:inline;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 20px;
}
.lispan:hover{
	color:#5E684C;
	border: 2px solid #5E684C;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
}
.line{
	border: 2px solid #CBD0C2;
	border-top-style:none;
	border-right-style:none;
	border-left-style:none;
}

/*
	CSS-Menu
	FIN
*/




/*

	CSS CONTACT PAGE

*/
#contracto{
	position: relative;
	margin: 5% 21%;
	width: 69%;
	height: 610px;
	z-index: 5;
	overflow: auto;
	display:block;
}
#myInput{
	margin-left:1%;
	max-width: 45%;
	width: 45%;
	padding: 5px;
	font-size: 15px;
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#CBD0C2), to(#B8C1AA));
	background: -moz-linear-gradient(top,  #CBD0C2,  #B8C1AA);
	background: -o-linear-gradient(#CBD0C2, #B8C1AA);
	background: linear-gradient(#CBD0C2, #B8C1AA);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #AFBA9F;
	-moz-box-shadow: 1px 1px 0px #AFBA9F;
	box-shadow:  1px 1px 0px #AFBA9F;
}
#myTextarea{
	margin-left:1%;
	max-width: 45%;
	width: 45%;
	padding: 5px;
	font-size: 15px;
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#CBD0C2), to(#B8C1AA));
	background: -moz-linear-gradient(top,  #CBD0C2,  #B8C1AA);
	background: -o-linear-gradient(#CBD0C2, #B8C1AA);
	background: linear-gradient(#CBD0C2, #B8C1AA);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #AFBA9F;
	-moz-box-shadow: 1px 1px 0px #AFBA9F;
	box-shadow:  1px 1px 0px #AFBA9F;
}
#myTextarea:focus{
	width: 45%;
	background: #CBD0C2;
}
#myInput:focus{
	width: 45%;
	background: #CBD0C2;
}
#mybutton{
	margin-left:1%;
	display: inline;
	position:inherit;
	max-width: 45%;
	width:45%;	
	padding: 3px;
	font-size: 20px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CBD0C2), to(#B8C1AA));
	background: -moz-linear-gradient(top,  #CBD0C2,  #B8C1AA);
	background: -o-linear-gradient(#CBD0C2, #B8C1AA);
	background: linear-gradient(#CBD0C2, #B8C1AA);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #AFBA9F;
	-moz-box-shadow: 1px 1px 0px #AFBA9F;
	box-shadow:  1px 1px 0px #AFBA9F;
	font-family: "Calibri", Calibri, sans-serif;
}
#mybutton:hover{
	color: #808970;
	background: #B8C1AA;
	-webkit-box-shadow: 1px 2px 4px #9EA78F inset;
	-moz-box-shadow: 1px 2px 4px #9EA78F inset;
	box-shadow:  1px 2px 4px #9EA78F inset;
}

#infoField{
	margin-left:55%;
	margin-top:5%;
	position: absolute;
	line-height: 1.5;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 20px;
	z-index:-1;
}

/*
	CSS PLACEHOLDERS
*/
::-webkit-input-placeholder {
    color:    #9EA78F;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 16px;
}
:-moz-placeholder {
    color:    #9EA78F;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 16px;
}
::-moz-placeholder {
    color:    #9EA78F;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 16px;
}
:-ms-input-placeholder {
    color:    #9EA78F;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 16px;
}
/*
	FIN CSS PLACEHOLDER / CONTACT PAGE
*/


/*
	CSS-Scrollbar
*/
::-webkit-scrollbar {  
    width: 12px;  
}  
::-webkit-scrollbar-track {  
    background-color: #B8C1AA;  
    border-left: 1px solid #CBD0C2; 
}  
::-webkit-scrollbar-thumb {  
    background-color: #9EA78F;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #CBD0C2;  
} 
/*
	FIN CSS SCROLLBARS
*/



/*
	CSS-Tabs
	INICIO
	
	background: #9EA78F; 
	background: #B8C1AA; 
	background: #CBD0C2; 
*/
.tabs {
    position: relative;
	margin: 5% 20%;
	width: 69%;
}
.tabs input {
	position: absolute;
	z-index: 1000000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	top: 40px;
}
.tabs input#tab-3{
	top: 80px;
}
.tabs input#tab-4{
	top: 120px;
}
.tabs input#tab-5{
	top: 160px;
}
.tabs input#tab-6{
	top: 180px;
}
.tabs label {
	background: #B8C1AA;
	font-family: 'Open Sans Condensed','Arial Narrow', serif;
	/*background: -moz-linear-gradient(top, #B8C1AA 0%, #9EA78F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B8C1AA), color-stop(100%,#9EA78F));
	background: -webkit-linear-gradient(top, #B8C1AA 0%,#9EA78F 100%);
	background: -o-linear-gradient(top, #B8C1AA 0%,#9EA78F 100%);
	background: -ms-linear-gradient(top, #B8C1AA 0%,#9EA78F 100%);
	background: linear-gradient(top, #B8C1AA 0%,#9EA78F 100%);*/
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 10px;
	display: block;
	width: 140px;
	color: #385c5b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	float: left;
	clear: both;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.tabs label:after {
    content: '';
	background: #CBD0C2;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;
}
.tabs input:hover + label {
	background: #CBD0C2;
}
.tabs label:first-of-type {
    z-index: 6000000;
}
.tab-label-2 {
    z-index: 5000000;
}
.tab-label-3 {
    z-index: 4000000;
}
.tab-label-4 {
    z-index: 3000000;
}
.tab-label-5 {
    z-index: 2000000;
}
.tab-label-6 {
    z-index: 1000000;
}
.tabs input:checked + label {
    background: #CBD0C2;
	z-index: 6000000;
}
.clear-shadow {
	clear: both;
}
.content {
    background: #CBD0C2;
	position: relative;
    width: auto;
	height: 500px;
	z-index: 5000000;
	overflow: auto;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
}
.content div {
    position: absolute;
	top: 0;
	padding: 20px 120px;
	text-align : justify;
	line-height: 1.5;
	font-family: "Calibri", Calibri, sans-serif;
	/*font-weight:bold;*/
	font-size: 20px;
	z-index: 10;
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.content div{
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
}
.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4,
.tabs input.tab-selector-5:checked ~ .content .content-5,
.tabs input.tab-selector-6:checked ~ .content .content-6{
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

.consejos{
	position:absolute;
	left:5px;
	top:15px;
}
/*
	CSS-Tabs
	FIN
*/

/*
	Buttons
*/

#button{
	margin-left:1%;
	display: block;
	padding: 3px;
	font-size: 20px;
	width: 190px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#CBD0C2), to(#B8C1AA));
	background: -moz-linear-gradient(top,  #CBD0C2,  #B8C1AA);
	background: -o-linear-gradient(#CBD0C2, #B8C1AA);
	background: linear-gradient(#CBD0C2, #B8C1AA);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #AFBA9F;
	-moz-box-shadow: 1px 1px 0px #AFBA9F;
	box-shadow:  1px 1px 0px #AFBA9F;
	font-family: "Calibri", Calibri, sans-serif;
}
#button:hover{
	color: #808970;
	background: #B8C1AA;
	-webkit-box-shadow: 1px 2px 4px #9EA78F inset;
	-moz-box-shadow: 1px 2px 4px #9EA78F inset;
	box-shadow:  1px 2px 4px #9EA78F inset;
}
/*
	VID SELECTOR
*/

.kindSelector{
	position:absolute;
	margin-left:78%;
	margin-top:-30%;
	width:190px;
}
.kindselector ul { 
	display: block;
	list-style-type: none;
}
.kindSelector li{
	margin-left:1%;
	display: block;
	padding: 3px;
	font-size: 20px;
	width: 190px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#CBD0C2), to(#B8C1AA));
	background: -moz-linear-gradient(top,  #CBD0C2,  #B8C1AA);
	background: -o-linear-gradient(#CBD0C2, #B8C1AA);
	background: linear-gradient(#CBD0C2, #B8C1AA);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #AFBA9F;
	-moz-box-shadow: 1px 1px 0px #AFBA9F;
	box-shadow:  1px 1px 0px #AFBA9F;
	font-family: "Calibri", Calibri, sans-serif;
}

.kindSelector a {
  display: block;
}

.kindSelector li:hover{
	color: #808970;
	background: #B8C1AA;
	-webkit-box-shadow: 1px 2px 4px #9EA78F inset;
	-moz-box-shadow: 1px 2px 4px #9EA78F inset;
	box-shadow:  1px 2px 4px #9EA78F inset;
}

.footer{
	-webkit-box-shadow: 1px 20px 8px #9EA78F inset;
	-moz-box-shadow: 1px 20px 8px #9EA78F inset;
	box-shadow:  1px 20px 8px #9EA78F inset;
	background-color: #B8C1AA;
	width:100%;
	height:auto;
	position:absolute;
	bottom:0px;
}
.footer p{
	text-align:center;
	padding-left: 7%;
	font-family: "Calibri", Calibri, sans-serif;
	font-size: 10px;
}
#one{
	font-family: "Calibri", Calibri, sans-serif;
	position:relative;
	top:30px;
	padding-left: 5%;
}
#one li{
	display:inline-table;
	padding-right:5px;
	max-width:200px;
}
#two{
	font-family: "Calibri", Calibri, sans-serif;
	position:absolute;
	right:1px;
	top:18px;
	padding-right: 5%;
}
#two li{
	display:inline;
	padding-right:5px;
	max-width:200px;
}
/*
	Wheel menu Language
	
	background: #9EA78F; 
	background: #B8C1AA; 
	background: #CBD0C2; 
*/


/* Required Stylesheets */
.wheel-button {
  position: relative;
}

.wheel {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px; /* this will determine the diameter of the circle  */
  height: 200px; /* this will determine the diameter of the circle  */
  visibility: hidden;
  position: relative;
  display: none;
}

.wheel li {
  overflow: hidden;
  float:left;
}

.wheel li a {
  display: block;
}
  

.pointer {
  color: #9EA78F;
  font-family: 'Pacifico', cursive;
  font-size: 22px;
  margin-top: -15px;
}

.wheel-button, .wheel-button:visited {
  background: #9EA78F; 
  padding: 10px 11px;
  text-align: center;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  color: white;
  display: block;
  margin: 80px auto 20px;
  border: 3px solid #B8C1AA;
}

.wheel-button:hover{ 
  color: white;
}

.wheel-button i, .wheel li i {
  position: relative;
  width: 20px;
  height: 20px;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  display: block;
  line-height: 140%;
}

.wheel-button.active i{
  transform: rotate(135deg);
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Safari and Chrome */
}

.wheel li a, .wheel li a:visited{
  background: rgba(0,0,0,0.65);
  border-radius: 50px;
  padding: 10px;
  text-align: center;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.5);
  color: white;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.wheel li a:hover{
  background: rgba(0,0,0,0.8);
}

.main {
  position: relative;
}

.wheel-button {
  position: absolute;
  margin: 0;
}

.wheel-button.se {
  margin: 14% 2%;
}