@charset "utf-8";
/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


a{cursor: pointer;}


#main {
	overflow: hidden;
	
	
}

* {
	margin: 0px;
}
#header {
	background-image: url(../infoimages/bgheadermaster.jpg);
	background-repeat: repeat-x;
	height: 114px;
	width: 100%;
	background-position: center top;
}
#header #blackbar  {
	height: 36px;
	width: 100%;
	overflow: hidden;
}
#header #blackbar #logoleft {
	float: left;
	height: 36px;
	width: 310px;
}
#header #blackbar #likeme {
	float: right;
	height: 29px;
	width: 131px;
	margin-top: 7px;
	background-color: #000;
}


#header #greybar  {
	height: 78px;
	width: 100%;
	overflow: hidden;
}
#header #greybar #wrapleftheader {
	float: left;
	width: 822px;
}


#header #greybar #logofjrc {
	float: left;
	height: 78px;
	width: 282px;
	background-color: #E6E6E6;
}
#header #greybar #butonsid {
	float: left;
	height: 78px;
	width: 540px;
	background-color: #E6E6E6;
}
#header #greybar #butonsid #buttonucsg {
	float: left;
	width: 270px;
	height: 78px;
}

#header #greybar #butonsid #buttonucsg a   {
	background-color: #E6E6E6;
}

#header #greybar #butonsid #buttonucsg a:hover {
	opacity: 0.4;
}

#header #greybar #butonsid #buttonunam {
	float: left;
	width: 270px;
	height: 78px;
}
#header #greybar #butonsid #buttonunam a {
	background-color: #E6E6E6;
}
#header #greybar #butonsid #buttonunam a:hover {
	opacity: 0.4;
}
#header #greybar #address {
	float: right;
	height: 78px;
	width: 278px;
}









#menunav {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	height: 100%;
	position: relative;
}
#squaresnew {
	width: 960px;
	height: 1400px;
	margin-right: auto;
	margin-left: auto;
}
#squaresnew #squares01n  {
	width: 250px;
	height: 250px;
	margin: 10px;
	float: left;
}
.container #enfermedades #listen {
	line-height: 24px;
	font-family: lato;
	font-size: 22px;
	width: 450px;
	margin-top: 40px;
	list-style-type: none;
	float: left;
}
.container #enfermedades #listen a {
	color: #141823;

}
.container #enfermedades #listen a:hover  {
	color: #53870E;

}
.container #enfermedades {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	height: 800px;
}





a {
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

a:hover {
	color: #000;
}
#footer {
	height: 300px;
	width: 100%;
	background-color: #000;
	background-image: url(../infoimages/bgfootermaster.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer #separatorfooter {
	background-image: url(../infoimages/separatorfooter.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 100px;
	width: 100%;
}
#footer #footer_content {
	height: 206px;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
}
#footer #footer_content #kolofoot {
	float: left;
	height: 206px;
	width: 478px;
}
#footer #footer_content #infofoot {
	float: right;
	height: 206px;
	width: 95px;
}
#grid-gallery .slideshow ul li figure figcaption p a {
	color: #5B8907;
}
#grid-gallery .slideshow ul li figure figcaption p a:hover {
	color: #036;
}

#contactoinfo
{
	margin-top: 15px;
}

#contactoinfo .title
{
	background: url(../infoimages/visitanos-header.png) no-repeat left top;
	height: 40px;
}

#contactoinfo a{
	cursor: pointer;
}
#contactoinfo a:hover{
	color:#71C515;
}

#contactoinfo .inner
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363738+0,000000+100 */
	background: #363738; /* Old browsers */
	background: -moz-linear-gradient(top,  #262626 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #262626 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #262626 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	height: 100%;
	padding: 15px;
}

#contactoinfo ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#contactoinfo li{
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 7px;
}

#contactoinfo ul strong{color:#71C515; float: left; margin-right: 10px;}
#contactoinfo ul p{color: #fff; text-align: left; float: left;}
media only screen and (max-device-width:667px)
{
	#header #greybar #wrapleftheader
	{
		width: 100%;
	}
	#footer #footer_content
	{
		width: 100%;
	}
	#footer #footer_content #kolofoot
	{
		width: 100%;		
	}
	#footer #footer_content #kolofoot a{
		display: block;
	}
	#footer #footer_content #kolofoot img
	{
		max-width: 100%;
		width: auto;
	}
}