﻿

#eservice-link
{
    position: relative;
    float: right;
}

#wrapper-about
{
    padding: 10px;
    width: 95%;
    margin: 10px;
    background-color: White;
    border-radius: 15px;
}


#wrapper,
#wrapper-frompres,
#wrapper-vision,
#wrapper-news,
#wrapper-agreement,
#wrapper-contact,
#wrapper-map,
#wrapper-product,
#wrapper-howtorequest,
#wrapper-specimen,
#wrapper-pickUpRequest,
#wrapper-testRequest,
#wrapper-pathologyKnowHow,
#wrapper-qualityOfPathology,
#wrapper-neighbor,
#wrapper-research,
#wrapper-accredit,
#wrapper-careers,
#wrapper-faqservice,
#wrapper-faqpatho,
#wrapper-faqclinical
{
    width:95%;
    margin:10px;    
    padding:10px;
    display:none;
    background-color: White;
    border-radius: 15px;
    height: 100%;
}

.box-header
{
    width: 95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    text-align: left;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: #2270B8;
    letter-spacing: 0.2em;
    border-bottom-style: groove;
    text-transform: uppercase;
    height: 38px;
}

.box
{
    width: 95%; /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Tahoma;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    overflow: auto;
}

#box-pres
{
    width: 95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
    margin: 10px auto 10px auto;
}

h2
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
}

.h2-center
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: center;
}


.img-center
{
    margin: 0 auto;
}

ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font: 15px 'tahoma','trebuchet MS', 'lucida sans';
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
	margin: 0 0 0 2em;
}


.rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: #444;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;	
}

.rounded-list a:hover{
	background: #eee;
}

.rounded-list a:hover:before{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);	
}

.rounded-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -0.6em;
	top: 50%;
	margin-top: -1.3em;
	background: /*#00b9c5;*/ /*#87ceeb;*/ #8FD3FD;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

/* -------------------------------------- */

.rounded-list-no-count a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #ddd;
	color: /*#444;*/ #66CC00;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;	
}

.rounded-list-no-count a:hover{
	background: #eee;
}

.rounded-list-no-count a:hover:before{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);	
}

.rounded-list-no-count a:before{
	content: counter(li);
	counter-increment: ;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: /*#00b9c5;*/ /*#87ceeb;*/ #8FD3FD;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.box-research
{
    padding: 5px;
    margin: 5px;
    /*border-width: thin;*/
    /*border-style: groove;*/
}

.box-your-request
{
    position: relative;
    float: left;
    left: 52%;
    height: 10%;
    width: 300px;
    text-align: justify;
    margin-top: 2%;
    margin-bottom: 22%;
    height: 100%;
}

hr
{ 
    border: 0; 
    height: 1px; 
    background: #333; 
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
   background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

