@charset "utf-8";
/* CSS Document 
* Nombre del proyecto: CENTRO CARDIOVASCULAR SALTA
* Nombre del archivo: centro-cardiovascular.css
* Descripción: Hoja de estilos global
* Fecha de creación: Noviembre de 2014
* Author: Javier Herrera
* Author eMail: jh.docente@gmail.com
* Made for: Arazi Franzoni => URI: http://www.arazifranzoni.com
*/


@import url(normalize.min.css);


  /***************************************/
 /*=========     @FONT-FACE    =========*/
/***************************************/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);

@font-face {
 font-family: 'frutiger';
 src: url('fonts/frutiger-lt-57-cond.eot');
 src: url('fonts/frutiger-lt-57-cond.eot') format('embedded-opentype'),
      url('fonts/frutiger-lt-57-cond.woff2') format('woff2'),
      url('fonts/frutiger-lt-57-cond.woff') format('woff'),
      url('fonts/frutiger-lt-57-cond.ttf') format('truetype'),
      url('fonts/frutiger-lt-57-cond.svg#frutiger') format('svg');
}





  /***************************************/
 /*========= CLEANERS & OTHERS =========*/
/***************************************/
*{box-sizing: border-box;}
ul, ol{margin: 0; padding: 0; list-style: none; }
a:link, a:visited, a:hover, a:active{text-decoration: none; outline: none;}
::-moz-selection{background:#fd4326; color:#ffffff;} 
::selection{background:#fd4326; color:#ffffff;} 
* img{/*width: 100%; width: 100%\9; height:auto;*/}

html{overflow-x:hidden; font-size: 62.5%}
body{
	font-family:'frutiger', sans-serif;
	overflow-x: hidden; 
	font-size: 10px; 
	background-color: #EBEBEB;
}


/*-------------
*-- CLEARFIX --*
-------------*/
.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cleaner{clear:both; margin:0; padding:0; width:0 !important; height:0 !important;}




/*-------------
*-- WRAPPER --*
-------------*/
.wrapper{
	max-width: 1200px;
	margin:auto;
	position: relative;
}



		
 /******************************************/
 /*=========     $HEADER-NAV     =========*/
/*****************************************/
header{
	border-top: solid 35px #2A320B; 
	padding:5px 0;
	border-bottom: solid 1px #FFF;
}
	.logo{
		float: left;
		width: 22.91%;
		line-height: 0;
	}
	.logo1{
		float: left;
		width: 30%;
		padding:5px 5px;
		line-height: 0;
	}
	header h3{
		font-size: 3.7em;
		color:#2A320B;
		margin: 0;
		float: right;
		font-weight: normal;
	}

	nav{
		float: right;
		overflow: hidden;
		max-width: 730px;
		margin-top: 35px;
	}
		nav li{
			float: left;
			font-size: 1.5em;			
		}
			nav li:first-child a{padding-left: 0;}
			nav li a{
				color:#333333;
				padding-left:39px;
			}
			nav li a:hover, nav li.active a{color:#839341;}

	#responsive-button{display: none;}






  /**************************************/
 /*=========   $MAIN-BANNER   =========*/
/**************************************/
#main-banner{border-top: solid 5px #839442; background-color:#FFF;}

.banner-wrap{
	max-width: 1290px;
	position: relative;
	margin:auto;
}

.banner-image{
	float: left;
	width: 60.46%;
}
	.banner-image ul li{line-height: 0;}
	.banner-image ul li:not(:first-child){display: none;}

.banner-info{
	float: left;
	width:33.59%;
	margin:6.20% 0 0 2%;
}
	.banner-info h1{
		font-size: 3.3em;
		color:#333333;
		font-weight: normal;
		line-height: 1.2em;
		margin: 0;
	}
	.banner-info h1 span{
		font-size: 1.18em;
		color:#839341;
	}
	.banner-info p{
		font-size: 1.8em;
		color:#666666;
		margin:20px 0;
	}
	.banner-info > a{
		background-color: #666666;
		color:#FFF;
		font-size: 1.4em;
		border-radius: 4px;
		padding:3px 15px;
		transition:.3s; -webkit-transition:.3s;
	}
	.banner-info > a:hover{background-color: #849543;}

	.ctrls-banner{margin-top: 50px;}
		.ctrls-banner li{
			float: left;
			width: 15px; height: 15px;
			margin-right: 15px;
		}
			.ctrls-banner li a{
				display: block;
				width: 100%; height: 100%;
				border-radius: 50%;
				background-color: #2A320B;
				text-indent: -9999px;
				overflow: hidden;
				transition:.3s; -webkit-transition:.3s;
			}
			.ctrls-banner li a:hover, .ctrls-banner li.active a{background-color: #849543;}





  /****************************************/
 /*=========   $MAIN-SERVICES   =========*/
/****************************************/
.main-services:first-of-type{margin-top: 70px;}
.main-services{
	max-width: 1200px;
	margin:0 auto 2.5%;
	display:table;
	width: 100%;
}
	.main-services article, #ubication-info article{
		display: table-cell;
		vertical-align: top;
	}
	[data-type*='white-box']{
		background-color:#FFF;
		overflow: hidden;
		border-radius: 15px;
		padding-bottom: 30px;
		box-shadow: 1px 1px 0 1px #E1E1E1;
	}
	.main-services > article:empty,
	#ubication-info > article:empty{width: 2.666%; height: 100%; display: table-cell;}
	

h2[data-role*='subtitle']{
margin: 0;
background-color: #849543;
line-height: 70px;
font-size: 2.8em;
color:#EBEBEB;
font-weight: normal;
padding:0 8.3%;
}
h2[data-role*='black']{background-color:#333;}
		
h2[data-role*='subtitlecardiologia']{
margin: 0;
background-color: #CF272C;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitlecardiologia'] img {
float:left;
margin:10px 7px 0 0;	
}		

h2[data-role*='subtitleoncologia']{
margin: 0;
background-color: #A1499B;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitleoncologia'] img {
float:left;
margin:10px 7px 0 0;	
}
	

h2[data-role*='subtitleneurologia']{
margin: 0;
background-color: #373736;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitleneurologia'] img {
float:left;
margin:10px 7px 0 0;	
}



h2[data-role*='subtitlegastroenterologia']{
margin: 0;
background-color: #BB9631;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitlegastroenterologia'] img {
float:left;
margin:10px 7px 0 0;	
}
		
		
h2[data-role*='subtitlenutricion']{
margin: 0;
background-color: #85C448;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitlenutricion'] img {
float:left;
margin:10px 7px 0 0;	
}		



h2[data-role*='subtitleanalisisclinicos']{
margin: 0;
background-color: #82CA9C;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitleanalisisclinicos'] img {
float:left;
margin:10px 7px 0 0;	
}	
	
	

h2[data-role*='subtitleoftalmologia']{
margin: 0;
background-color: #01B89D;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitleoftalmologia'] img {
float:left;
margin:10px 7px 0 0;	
}


h2[data-role*='subtitlecirugiacardiaca']{
margin: 0;
background-color: #F25828;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitlecirugiacardiaca'] img {
float:left;
margin:10px 7px 0 0;	
}




h2[data-role*='subtitlegerontologia']{
margin: 0;
background-color: #676C6F;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitlegerontologia'] img {
float:left;
margin:10px 7px 0 0;	
}



h2[data-role*='subtitleclinicamedica']{
margin: 0;
background-color: #51690D;
line-height: 70px;
font-size: 2.5em;
color:#ffffff;
font-weight: normal;
padding:0 8.3%;
}		
		
h2[data-role*='subtitleclinicamedica'] img {
float:left;
margin:10px 7px 0 0;	
}

	
		
[data-type*='caja-vacia'] {
overflow:hidden;	
/*background-color: #FFF; 
overflow: hidden;
border-radius: 15px;
padding-bottom: 30px;
box-shadow: 1px 1px 0 1px #E1E1E1;*/
}	



		

		[data-role='service']{height: 150px; width:23%;}
		[data-role='service'] p{
			margin: 0;
			font-size: 1.4em;
			line-height: 1.4em;
			color:#333;
			padding:5.5% 8.3%;
			min-height: 222px;
		}
		[data-role='service'] a{
			display: inline-block;
			margin-left: 8.3%;
			background-color: #666;
			color:#FFF;
			font-size: 1.4em;
			border-radius: 4px;
			padding:3px 15px;
			transition:.3s; -webkit-transition:.3s;
		}
		[data-role='service'] a:hover{background-color: #333;}




  /****************************************/
 /*=========   $UBICATION-INFO  =========*/
/****************************************/
.main-services + #ubication-info{margin-top:50px;}
#ubication-info{
	width: 100%;
	max-width: 1200px;
	margin:auto;
	display: table;
}
	
	.map-box{
		border-radius: 15px;
		box-shadow: 1px 1px 0 1px #E1E1E1;
		width: 74.332%;
		position: relative;
	}
		.map-box div{
			position: absolute;
			width: 100%; height: 100%;
			position: absolute;
			left:0; top:0;
			border-radius: 15px;
			overflow: hidden;
		}
		.map-box iframe{
			width: 100%; height: 100%;
			display: block;
			border: none;
			overflow: hidden;
		}

	[data-role='ubication']{height:400px; width:23%;}
		[data-role='ubication'] h3{
			padding: 0 8.3%;
			font-size: 2.3em;
			line-height: 1.2em;
			font-weight: normal;
			color:#28320A;
		}
		[data-role='ubication'] hr{
			border:none;
			border-top: solid 1px #E1E1E1;
			margin:30px 8.3%;
		}
		[data-role='ubication'] p{
			font-size: 1.7em;
			line-height: 1.42em;
			color:#333333;
			padding:0 8.3%;
		}




  /**************************************/
 /*=========     $FOOTER      =========*/
/**************************************/
footer{background-color:#29320A; margin-top: 140px;}
	footer .wrapper{min-height: 130px; text-align: center; }
	footer p{margin: 0; padding-top: 52px;}
	footer a{
		font-size: 1.5em;
		color:#EBEBEB;
		display: inline-block;
		padding-right: 8px;
		margin-right: 8px;
		border-right: solid 1px #EBEBEB;
	}
	footer .wrapper a:last-child{
		border-right: none;
		padding: 0; margin: 0;
	}
	footer a:hover{text-shadow:2px 2px 5px #000; color:#FFF;}









  /***************************************************************************************/
 /*===================================   $INTERNAS   ===================================*/
/***************************************************************************************/
[data-role='side-menu']{
	float: left;
	width: 30%;
	min-height: 350px;
	margin-left: 1.66%;
}
[data-role='side-menu'] h2[data-role='subtitle']{
	line-height: 1.3em;
	padding-top:15px;
	padding-bottom:15px;
}
	.submenu {margin:20px 8.3%;}
	.submenu li{
		font-size: 1.9em;
		border-bottom: solid 1px #E1E1E1;
	}
	.submenu li a{
		color:#4D5924;
		display: block;
		padding: 12px 5px;
		transition:.3s; -webkit-transition:.3s;
	}
	.submenu li a:hover{
		background-color: #4D5924;
		color:#FFF;
	}

[data-role='main-info']{
	float: right;
	width: 63.33%;
	margin-right: 1.66%;
}

	[data-role='main-info'] h2[data-role]{padding:0 3.94%;}
	[data-role='main-info'] p{
		font-size: 1.7em;
		line-height: 1.45em;
		margin:25px 0;
		color:#333333;
		padding:0 3.94%;
	}
	[data-role='main-info'] p[data-color='green']{color:#849443; margin-top:100px;}
	[data-role='main-info'] ol{margin:0 3.94%;}
	[data-role='main-info'] ol li{
		font-size: 1.7em;
		line-height: 1.4em;
		margin-bottom: 3px;
		color:#849443;
	}
	[data-role='main-info'] > #ubication-info{margin:30px auto 10px; width: 92.12%;}
	[data-role='main-info'] > #ubication-info .map-box{width: 60%;}
	[data-role='main-info'] > #ubication-info [data-role='ubication']{width: 35%; box-shadow: none;}
	[data-role='main-info'] > #ubication-info [data-role='ubication'] *{
		padding-left: 0; 
		padding-right: 0; 
		margin-left: 0; 
		margin-right: 0;
	}

p[data-color='green1']{color:#849443;}








  /******************************************************************************************/
 /*===================================  $MEDIA-QUERIES  ===================================*/
/******************************************************************************************/
@media screen and (max-width:1040px) {
	nav ul{float: right;}
	nav li a{padding-left:22px;}
	.banner-info{margin-top:1.2%;}
}





@media screen and (max-width:990px) {
	.logo{min-width: 275px;}
	header h3{margin:10px;}
	nav{
		float: none;
		clear:both;
		width: 100%;
		max-width:920px;
		margin:0 auto;
		padding:10px 0;
	}
	nav ul{float: none;}
	nav ul li{
		width: 16.6%;
		text-align: center;
		display: table;
	}
	nav ul li a{padding: 0; display: table-cell; vertical-align: middle; height: 50px;}
	.banner-image{width: 55%;}
	.banner-info{width:40%;	margin-left:2.5%; margin-top:20px;}
	.ctrls-banner{margin-top:20px;}
	.banner-image-interna{width: 100%;}
	.banner-info h1{font-size: 2.5em;}
	/*.main-services > article:empty, #ubication-info > article:empty, {width:2%;}*/
	/*[data-role='service'], [data-role='ubication']{width: 32%;}*/
	/*.map-box{width: 66%;}*/
	[data-role='service'] > h2{font-size: 2.2em;}
}






@media screen and (max-width:780px) {
	.banner-info p{font-size: 1.4em; margin:10px 0;}
	.main-services > article:empty{display: none;}
	.main-services > article{display: block;}
	[data-role='service']{
		width: 98%; 
		margin:0 auto 30px;
		height: auto;
	}
	[data-role='service'] h2[data-role*='subtitle']{padding:0 3%;}
	[data-role='service'] p{min-height: 0; padding:20px 3%;}
	[data-role='service'] a{margin-left: 3%;}

	/*INTERNAS*/
	[data-role='side-menu']{margin-left:1%; width:33%;}
	[data-role='main-info']{margin-right: 1%;}
	



}





@media screen and (max-width:680px) {
	.logo{float: none; margin:auto;}
	header{padding-bottom: 0;}
	header h3{float: none; text-align: center; margin:20px 0;}
	nav{max-width: 100%;padding: 0; display: none;}
	nav ul li{float: none; display: block; width: 100%; text-align: left;}
	nav ul {border-top: solid 1px rgba(0,0,0,.3);}
	nav ul li a{
		display: block; 
		padding:10px 5px; 
		height:auto;
		border-top: solid 1px rgba(255,255,255,.7);
		border-bottom: solid 1px rgba(0,0,0,.3);
		transition:.3s; -webkit-transition:.3s;
	}
	nav ul li a:hover{background-color: #849443; color:#FFF;}
	nav ul li:first-child a{padding-left: 5px;}
	#responsive-button{
		font-size: 1.4em;
		color:#FFF;
		background-color: rgba(132,148,67,.7);
		border-radius:5px;
		display: inline-block;
		padding:5px 10px 9px;
		margin-bottom: 20px;
		position: relative;
		left:50%;
		box-sizing: content-box;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	#responsive-button span{
		display: inline-block;
		width: 20px; height: 20px;
		border-bottom: solid 3px #FFF;
		border-top: solid 3px #FFF;
		position: relative;
		top:4px;
	}
	#responsive-button span::before{
		content:'';
		background-color: #FFF;
		width: 100%; height: 3px;
		position: absolute;
		top:50%; margin-top: -2px;
	}
	#responsive-button:hover{color:#333;}
	#responsive-button:hover span{border-color: #333;}
	#responsive-button:hover span::before{background-color:#333;}

	.banner-image, .ctrls-banner{display: none;}
	.banner-info{float: none; width: 100%; margin: 0; padding:20px; overflow: hidden;}
	#ubication-info article{display: block;}
	#ubication-info article:empty{display: none;}
	.map-box, [data-role='main-info'] > #ubication-info .map-box
	{width: 98%; padding-top:60%; margin:0 auto 50px; border:solid 1px #ccc;}
	[data-role='ubication'], [data-role='main-info'] > #ubication-info [data-role='ubication']{width:98%; margin:auto; height:auto;}
	[data-role='ubication'] h2[data-role*='subtitle'],
	[data-role='ubication'] h3, [data-role='ubication'] p
	{padding:10px 3%;}
	[data-role='ubication'] hr{margin:30px 3%;}


	/*INTERNAS*/
	[data-role='side-menu']{
		float: none;
		width: 98%;
		min-height:0;
		margin:0 auto 40px;
	}
	[data-role='side-menu'] h2[data-role*='subtitle']{padding: 10px 3%;}
	[data-role='side-menu'] ul{margin:20px 3%;}
	[data-role='main-info']{
		float: none;
		width: 98%;
		margin:0 auto;
	}
	
	
h2[data-role*='subtitleanalisisclinicos'] {
margin: 0;
background-color: #82CA9C;
line-height: 39px;
height:88px;
font-size: 2.5em; 
color: #ffffff;
font-weight: normal;
padding: 0 8.3%;
}

}





@media screen and (max-width:500px) {
	body{font-size:11px;}
	footer .wrapper p {padding: 30px 0;}
	footer .wrapper p a{
		display: block; 
		border-right: none; 
		padding-right: 0;
		margin:0 0 7px 0;
	}
	

	
	
}