@charset "utf-8";
	body{
		margin:0;
		/*background:url("imagens/interface_especialvet---APROVADO.jpg") no-repeat center top;*/
		background: url(imagens/background.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		/*background: url("imagens/background.jpg") no-repeat fixed center top / 100% auto transparent;*/
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

	}
	html , body{
		height:100%;
		width:100%;
		overflow-x: hidden;
	}
	#tudo{
		width:1000px;
		margin:0 auto;
		min-height:87%; /* 580 */
	}
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}
	#topo tr td:nth-child(2){
		width:1000px;
	}
	a{
		text-decoration: none;
		color:rgba(5, 137, 249, 1);
	}
	a:hover{
		text-decoration: underline;
	}
	img{
		border:none;
	}
	#descricao {
		text-align: justify !important;
	}

/* ------------------- TOPO ---------------------------*/
	#dentro-topo{
		width:1000px;
		margin:0 auto;
		height: 115px;
		position:relative;
	}
	#logo{
		float: left; width: 151px; height: 100px; margin-top: -8px;
	}
	

		/* -------------------   MENU --------------------------------*/
	#topo{
		float:left;
		margin-top: 8px;
	}
	#topo tr td:nth-child(1){
		background:#000000;
		float:left;
		width:100%;
		height:72px;

	}
	#topo tr td:nth-child(3){
		background:url("../imagens/fundo-topo.png") repeat-x;
	}
	#menu{
		float:left;
		width:809px;
		height:72px;
		z-index:999;
		margin-top: 0px;
		background:url("../imagens/fundo-topo.png") repeat-x scroll 0% 0% transparent;
		position:relative;
		
	}
	#menu  li{
	   list-style:none;
	   float:left;
	   padding:17px 10px;
	   line-height: 36px;
	   border-right:1px solid #da6208;
	   border-left:1px solid #da7717; 
	}
	#menu li a{
		font-weight: bold;
		color:#f2f2f2;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 14px;
		z-index: 1; position:relative;
	}
	#menu li:nth-child(1) {
		margin-left:-39px;
		border:none;
		position:absolute;
	}
	#menu li:nth-child(1) a{
		padding: 18px 13px; float: left; margin-left: -5px; margin-top: -17px; 
	}
	#menu li:nth-child(2) {
		margin-left:52px;
		position:absolute;
		border:none;
		padding:0px;
	}
	#menu li:nth-child(2) a{
		border-right: 1px solid rgb(218, 98, 8); 
		border-left: 1px solid rgb(218, 119, 23); 
		padding: 16px 7px; 
		float: left; 
		margin-top: 2px;;
	}
	#menu li:nth-child(3){
		margin-left: 142px;
	}

	
	#menu li:nth-child(5) ,#menu li:nth-child(7) {
		padding:17px 8px;
	}
	#menu li:nth-child(6) {
		padding:17px 7px;
	}
	#box-menu{
		width:983px;
		margin:-14px auto;
		height:117px;
	}

	#menu2{
		float: left; margin-left: -10px; margin-top: 0px; display:none;
	}
	#menu4{
		display:none;
		margin-top: 72px; margin-left: -89px; float: left;  
	}
/* -------------------   FIM MENU --------------------------------*/
/* ------------------- Fim Topo ---------------------------*/	

/* ------------------------------- BANNER -------------------------------*/
#box-banner{
	width:100%;
	height:325px;
	background: url("../imagens/banner.jpg") no-repeat scroll -40px 0px / 1430px auto transparent;
	float:left;
	border-bottom:15px solid rgb(234, 234, 234);
}
/* ------------------------------- FIM -BANNER -------------------------------*/
/* ---------------------------------INTERNAS -------------------------------*/
	#box{
		float:left;
		width:100%;
		text-align: left;
		color:#fff;
		background-color: rgba(0, 3, 0, 0.8);
	    background: rgba(0, 3, 0, 0.8);
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	    padding:20px 26px;
	    margin-top:109px;
	    border-radius:10px;
	    margin-bottom: 66px;
	}
	#box img , .hover , .info_img{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	/* ---------------------------------/INTERNAS -------------------------------*/
/* ------------------------------- Rodape -------------------------------------*/
#rodape1{
	float:left;
	width:100%;
	background:#000;
}
#dentro-rodape1{
	width:1000px;
	margin:0 auto;
	position: relative;
	height: 96px; 
	text-align: left;
}
.div1{
    float:left;
    margin-right: -2px;
    font-size: 14px;
}
.div1 span{
    color:#DE7D00;
    float:left;
    width:100%;

    margin-top: 12px;
    margin-bottom: 2px;
}
.div1 p{
    color:#fff;
    float:left;
    line-height: 13px;
    margin-top: 0px;
}
.rodape-div2{
	float: left; color:#de7d00; font-size: 14px; margin-top: -4px; margin-left: 2px; 
}
.rodape-social{
	float: left; margin-left: 92px; margin-top: -42px;
}
.div1 a{
    color:#fff;
}
#chat{
	background:url(../imagens/chat.png) no-repeat;
	width:295px;
	height:155px;
	float: left; margin-left: 11px; margin-top: 41px; margin-bottom: 38px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	color:#747474;
	text-align:center;
}
#telefone{
	background: url(../imagens/telefone.png) no-repeat;
	width:295px;
	height:155px;
	float: left; margin-left: 47px; margin-top: 41px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	color:#747474;
	text-align:center;
}
#telefone p{
	line-height:6px;
	font-size:16px;
}
#telefone span{
	font-size: 46px; color: rgb(0, 163, 225); font-weight: bold; float: left; margin-left: 102px; margin-top: 23px;
}
#chat p{
	float:left;
	width:100%;	
	line-height:12px;
	font-size:18px;
	margin-top:23px;
}
#chat span{
	font-size: 46px; color: rgb(0, 163, 225); font-weight: bold; float: left; margin-left: 140px; margin-top: 28px;
}
#social{
	background:url(../imagens/social.png) no-repeat;
	float: left; margin-left: 90px; margin-top: 21px;
}
#social a{
	 padding:12px;
	 margin-right:3px;
	 float:left;
}
#plantao{
	background:#D86D00;
	position:absolute;
	right:0px;
	margin-top: -11px;
	margin-left: 30px;
	width: 243px; 
	height: 113px; 

}
#plantao-borda{
	border:1px solid #fff;
	color:#00475b;
	float: left; 
	margin-left: 6px; 
	margin-top: 6px; 
	width: 230px; 
	height: 99px; 
}
#plantao-borda div{
	text-align: center;
	vertical-align: middle; 
	display: table-cell;
	width:100%; 
	margin-right: 3px; 
	height: 94px;
}
#plantao-borda p{
	font-size: 24px; margin-top: 15px; float: left; width: 100%;
}
#plantao-borda h3{
	font-size: 36px; margin-top: -39px; float: left; width: 100%;
}
#plantao-borda span{
	color:#fff;
	float: left; 
	width: 100%;
	font-size: 23px;
	font-weight: bold;
}
#plantao-borda img{
	float:left;
	margin-top: 22px;
}

/* ------------------------------- Fim Rodape -------------------------------------*/

/* ------------------------- TITULO INTERNAS ------------------------------------*/
.banner-box{
	width: 1000px; margin: 0px auto;
}
.titulo{
	float: left; margin-top: 103px; margin-left: 10px;  font-weight: bold; 
}
.titulo p{
	float:left; background: url(../imagens/back-title-1.png);
	font-family: 'PT Sans Narrow'; font-size: 51px; padding: 5px 18px; color: rgb(255, 255, 255);
}
.titulo img{
	float:left;
	margin-top: 50px;
}
.barra{
	background:url(../imagens/barra.png) no-repeat;
	width:29px;
	height:78px;
}
#tipo-quartos{
    float:right;
	margin-top:176px;
	max-width:490px;
	margin-right:83px;
}
#tipo-quartos li{
    list-style:none;
    float:left;
    text-align:center;
    width:auto;
    background:#fff;
    border:1px solid #fff;
	font-size:20px;
	font-weight:700;
	padding:4px 23px;
	letter-spacing:-0.004em;
	
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#tipo-quartos li:hover{
	background:none;
}
#tipo-quartos li:hover a{
	color:#fff;
}
.selecionado{
    background:none !important;
    
}
.selecionado a{
	color:#fff !important;
}
#tipo-quartos a{
    color:#108ac3;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
/* ------------------------- TITULO INTERNAS ------------------------------------*/
a{
	text-decoration:none;
}

/* ------------------------- RODAPE ------------------------------------*/
.pagination{
	width: 150px; height: 30px; margin: 0px auto; list-style:none;
}
.pagination li{
	float:left; margin-left:1px; padding:5px 10px 5px; border-radius:20px;  border: 1px solid #fff; 
}
.pagination li a{
	text-decoration:none;
	color:#ac641d;
}
.atual{
	background:#000 !important;
}
.atual a{
	color:#DE6800 !important;

}
/* ------------------------- FIM RODAPE ------------------------------------*/


/*-------------------------RESPONSIVO ------------------------*/
@media all and (max-width:999px) {
	#logo{
		width:23%;
		background:#000;
		height:49px;
		text-align: center;
	}
	#logo img{
		height:49px;
	}
	#menu{
		display:none;
	}
	#cssmenu{
		display:block !important;
		width: 77% !important; 
		top:-8px !important;
	}
	#dentro-rodape1{
		width:100%;
		min-width: 320px;
	}
	#dentro-rodape1 > div{
		width: 100%; 
		text-align: center;
		margin-top: 0px;
		margin-left: 0px;
	}
	#plantao-borda{
		float: none; 
		margin: 7px auto;
	}
	#tudo{
		width:90%;
		min-width: 300px;
	}
	.div1 p{
		width: 100%;
	}
	.rodape-div2{
		width: 100%; 
		text-align: center;
	}
	#box .box-div , #box .box-div input , #box .box-div textarea{
		width:100% !important;
	}
	#topo tr td:nth-child(2){
		width:100%;
	}
	#topo tr td:nth-child(1) , #topo tr td:nth-child(3){
		display:none;
	}
	#box > h3{
		width:64% !important;
	}
	#tudo{
		margin-top: 49px;
	}
	#topo{
		position: fixed; z-index: 99;
	}
	#cssmenu > ul{
		overflow:auto;
		height:300px;
	}
	#box{
		padding:17px;
	}

}