/* Hospital Austral 2010 v1 */
/* Developed by Avatarla.com */

/* clear fix & cleanUp htm*/
.clearfix:after {content:".";display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;} 
* {padding: 0px;margin: 0px;z-index: 1;}
ul, ul li {padding:0; margin: 0px; list-style:none;}
a {outline:none;}
a {color:#006699;text-decoration: none; }
a:hover {color:#006699;text-decoration:underline;}
a img{border: 0px; outline:none;}
h1, h2, h3, h4, h5, h6, p {padding: 0px;margin: 0px;}
cufon  {z-index:0;!important }

/* COMMON */
body {
	background:#024677 url(../images/bg_body.jpg) repeat-x ;
	font:10px Tahoma; 
	color:#8a8a8a; 
	margin:0;padding:0;
}
#wrapper {
	margin:auto;
	width:970px;
}
#container {
	background:url(../images/container-background.gif) repeat-y;
	float:left;
	width:970px;
}
#header{
	margin:auto;
	width:964px;
}
#content {
	padding:10px 0 0 15px;
	float:left;
	width:610px;
	clear:both;
}



/*--------------------- CONTENT HOME ---------------------*/
#home-mod-search{
	float:left;
	margin:auto;
	width:610px;
}
#home-mod-search .title{
	background: url(../images/home-search-top.gif) no-repeat; 
	width:610px; 
	height:16px; 
	font-size:12px; 
	color:#FFFFFF; 
	padding:5px 0 0 20px;
}
#home-mod-search .title h1{
	font-size:12px; 
	color:#FFFFFF; 
}
#home-mod-search .search-bg-gral{
	background: url(../images/home-search-bg.gif) no-repeat;
	width:610px;
	height:166px;	
}
#home-mod-search .icons{
	width:201px; height:132px; margin:5px 8px 0 12px; float:left;
}
#home-mod-search .search-bg{
	background: url(../images/home-search-bg-form.gif) no-repeat; 
	width:346px; height:125px; 
	margin:10px 0 0 20px;
	padding:0 0 0 10px;
	float:left;
}
#home-mod-search .search-input{	margin:5px 0 0 0;  float:left}
#home-mod-search .search-btn{	margin:5px 0 0 0; width:25px; float:left}
#home-mod-search .search-bg-input{
    width:259px; 
    height:12px; 
    border:1px solid #d5e7d4; 
    font:9px tahoma; 
    color:#848484; 
    background:#f6fff6; 
    padding:2px 0 0 0;
    margin-right: 4px;
    }
    
#home-mod-search  h3{
	padding:7px 0 0 0;
	font:10px Tahoma;
	color:#4db848;
	font-weight:bold;
}


/*news*/
#home-featured-news{
	padding:0 5px 0 5px;
	float:left;
	width:610px;
}
#home-featured-news .detail{
	border-bottom:1px dotted #dad9d8;
	padding:0 0 15px 0;
	margin:0 15px 20px 10px;
	float:left;
	width:278px;
}
#home-featured-news h1{
	margin:0 0 10px 0;
	border-bottom:1px dotted #dad9d8;
	font-size:19px;
	color:#555555;
}
#home-featured-news h1 span{
	color:#4db848;
}
#home-featured-news .detail h2{
	font:10px Tahoma;
	color:#004677;
	font-weight:bold;
}
#home-featured-news .detail h3{
	float:right;
	font:10px Tahoma;
	color:#4db848;
	font-weight:bold;
}

/*consultas*/
#home-featured-vidConsulta{
	padding:0 5px 0 5px;
	float:left;
	width:610px;
}

#home-featured-vidConsulta h1{
	margin:0 0 10px 0;
	border-bottom:1px dotted #dad9d8;
	font-size:19px;
	color:#555555;
}

#home-featured-vidConsulta h1 span{
	color:#4db848;
}

#home-featured-vidConsulta #lastVideo{
	width: 369px;
	height:285px;
	padding-left:5px;
	float:left;
}

#home-featured-vidConsulta #rightVideos {
	width: 226px;
	height:285px;
	margin-left: 379px;
}

/*video: ancho:369px, alto:283px*/

/*vid*/
#home-featured-videos{
	float:left;
	margin:auto;
	width:616px; 
	height:auto;
}
#home-featured-videos .top{
	margin:0 0 5px 0;
	float:left;
	width:616px;
}
#home-featured-videos .top h1{
	margin:0 20px 0 20px;
	padding:19px 0 0 0;
	border-bottom:1px dotted #dad9d8;
	font-size:18px;
	color:#555555;
}
#home-featured-videos .top h1 span{
	color:#004677;
}
#home-featured-videos .detail{
	border-bottom:1px dotted #dad9d8;
	padding:0 0 2px 0;
	margin:0 20px 2px 20px;
	float:left;
	width:580px;
}
#home-featured-videos .detail h2{
	font-size:11px;
	color:#4db848;
}
#home-featured-videos .detail h3{
	float:right;
	font:10px Tahoma;
	color:#004677;
	font-weight:bold;
}

/*blog*/
#home-featured-blog{
	background:url(../images/home-blogs-bg.gif); 
	width:320px; 
}
#home-featured-blog .detail{
	border-bottom:1px dotted #a6a4a2;
	padding:0 0 10px 0;
	margin:0 15px 5px 15px;
	float:left;
	width:290px; 
}
#home-featured-blog .detail h3{
	font:10px Tahoma;
	color:#4db848;
	font-weight:bold;
}
#home-featured-blog .detail h4{
	float:right;
	font:10px Tahoma;
	color:#004677;
	font-weight:bold;
}

/*mag*/
#home-featured-magazine{
	background:url(../esp/images/banner_revista.jpg); 
	width:320px; height:259px; 
	float:left;
	font:10px Tahoma; 
	color:#8a8a8a; 
}
#home-featured-magazine .detail{
	margin:10px 20px 10px 20px;
	float:left;
	width:280px; 
}
#home-featured-magazine span{
		line-height:13px;
}
#home-featured-magazine .detail h2{
	text-align:right;
	padding:10px 0 0 0;
	float:right;
	font:10px Tahoma;
	color:#8a8a8a;
	font-weight:bold;
}
#home-featured-magazine .detail h3{
	font:10px Tahoma;
	color:#4db848;
	font-weight:bold;
}
#home-featured-magazine .detail .imageMag{
	border:1px solid #CCCCCC;
	padding:1px;
	float:right; width:80px;
}

/*---------------------REVISTA VIDA EN INGLES ----------*/

#home-featured-magazine_eng{
	background:url(../eng/images/banner_revista_ingles.jpg); 
	width:320px; height:259px; 
	float:left;
	font:10px Tahoma; 
	color:#8a8a8a; 
}
#home-featured-magazine_eng .detail{
	margin:10px 20px 10px 20px;
	float:left;
	width:280px; 
}
#home-featured-magazine_eng span{
		line-height:13px;
}
#home-featured-magazine_eng .detail h2{
	text-align:right;
	padding:10px 0 0 0;
	float:right;
	font:10px Tahoma;
	color:#8a8a8a;
	font-weight:bold;
}
#home-featured-magazine_eng .detail h3{
	font:10px Tahoma;
	color:#4db848;
	font-weight:bold;
}
#home-featured-magazine_eng .detail .imageMag{
	border:1px solid #CCCCCC;
	padding:1px;
	float:right; width:80px;
}


/*--------------------- IMAGES ---------------------*/

.rounded-image70x70{
	padding:0 10px 0 0;
	float:left;
}
.rounded-image70x70 .marco{
	position: absolute;
	z-index: 10;
}
.rounded-image70x70 .link{
	width: 70px;
	height: 70px;
	position: absolute;
	margin:0;
	z-index: 100;
}
.rounded-image82x82{
	padding:0 10px 0 0;
	float:left;
}
.rounded-image82x82 .marco{
	position: absolute;
	z-index: 10;
}
.rounded-image82x82 .link{
	width: 82px;
	height: 82px;
	position: absolute;
	margin:0;
	z-index: 100;
}
.rounded-image100x70{
	padding:0 10px 0 0;
	float:left;
}
.rounded-image100x70 .marco{
	position: absolute;
	z-index: 10;
}
.rounded-image100x70 .link{
	width: 100px;
	height: 70px;
	position: absolute;
	margin:0;
	z-index: 100;
}
.rounded-image65x61{
	padding:0 10px 0 0;
	float:left;
}
.rounded-image65x61 .marco{
	position: absolute;
	z-index: 10;
}
.rounded-image65x61 .link{
	width: 65px;
	height: 61px;
	position: absolute;
	margin:0;
	z-index: 100;
}


/*--------------------- CONTENT INT ---------------------*/
#content #int{
	font-size:11px;
	margin:auto;
	width:585px;
	padding:10px 0 0 18px;
}
#content #int .int-desc{
	margin:auto;
	width:540px;
	padding:10px 0 0 0;
}
#content #int h1{ /*CUFON*/
	font-size:15px;
	color:#4db848;
	width:100%;
	border-bottom:1px solid #e2e3e4;
}
#content #int h2{
	padding:0 0 5px 0;
	font:12px Tahoma;
	color:#004677;
	font-weight:bold;
}
#content #int h5{ /*tit newa*/
	padding:0 0 5px 0;
	font:16px Arial;
	color:#004677;
	font-weight:bold;
}
#content #int p{
	line-height:15px;
}
#special {}
#special .special-detail span {font:11px arial;color: #666666;font-weight:bold;}
#special .anclas li {margin:5px;font:11px arial;}
#special .anclas ul {padding-left:20px;}
#special .anclas a {text-decoration:underline;}
#special .anclas a:hover {text-decoration:none;color:#3366CC;}

#content #int ul {
	margin:0 0 0 20px;
}
#content #int ul li{
	list-style:circle;
	padding:5px 0 0 0;
	font-size:10px;
	font-weight:bold;
	color:#4db848;
}

#content #int .imagesRight{
	margin:0 0 0 10px;
	float: right;
}
#content #int .imagesRight img{
	padding:1px;
	border:1px solid #CCC;
}
#content #int .imagesLeft{
	margin:0 10px 5px 0;
	float: left;
}
#content #int .imagesLeft img{
	padding:1px;
	border:1px solid #CCC;
}
.epigrafe{
	border:1px dashed #999999;
	padding:2px 0 0 10px;
	width:140px;
	float: right;
	clear:both;
	margin:5px 0 20px 0;
	font:10px Arial;
	color:#999999;
}

/* centro mamario*/
#content #int-centrom{
	margin:auto;
	padding:10px 0 0 4px;
}
#content #int-centrom .bgmenu {
	width:585px;
	background:url(../images/banco_huesos/fon_menu.gif) repeat-y ;
}
#content #int-centrom li {
	width:120px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#5C5C5C;
	margin:5px 0 5px 20px;
}
#content #int-centrom .bullet{
	background: url(../images/banco_huesos/bullet.gif) no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}
#content #int .int-searchResults{
	margin:auto;
	padding:10px 0 0 0;
}

/*-- Exterior --*/
#content #int .exterior{
	text-align:center;
	margin:10px 0 0 0;
	height:24px;
	background:url(../images/menu_fondo.gif) no-repeat;
	padding:5px 12px;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}




/*--------------------- CONTENT INT - LIST ---------------------*/
#list{}
#list .detail{
	font-size:10px;
	width:585px;
	border-bottom:1px dotted #dad9d8;
	padding:0 0 15px 0;
	margin:10px 0 0px 0;
	float:left;
}
#list .detail .imgBorder{
	padding:1px;
	border:1px solid #CCC;
}
#list h3{ /*fecha*/
	color:#4DB848;
	font-size:10px; font-weight:bold;
}
#list h4{ /*tit*/
	padding:3px 0 3px 0;
	font-size:11px; font-weight:bold;
}
#list h4{ /*desc*/

}


/*--------------------- POPUPS ---------------------*/
#popupContainer{
	padding:20px;
	background:#F2F2F2;
	float:left;
	width:410px;
}
/* ----POPUP doc ---- */

#popupDoc {
	padding:10px;
	width:560px;
}
#popupDoc h1 {
	margin:0 0 10px 0;
	border-bottom:1px dashed #999999;
	color:#4DB848;
}
#popupDoc h2 {
	font-size:11px;
	margin:0 0 10px 0;
	color:#004677;
}
#popupDoc h2 span  {
	font-weight:bold;
	color:#4DB848;
	font-size:14px;

}
#popupDoc .detailDoc{
	line-height:13px;
	font-size:11px;
}
#popupDoc .docImg{
	text-align:center;
	margin:10px;
	width:150px;
	float:right;
}
#popupDoc .docImg  .img{
	border:1px solid #CCC;
	padding:1px;
}


/*--------------------- VIDEOS ---------------------*/
#videoContainer{
	padding:10px 0 10px 0;
	background:#FFFFFF;
	width:380px;
}

/*--------------------- SIDEBAR ---------------------*/
#sidebar {
	margin:0 2px 0 0;
	float:right;
	width:330px;
}
#sidebar .bann1{
	padding:0 0 0 16px;
	margin:0 0 1px 0;
	height:200px;
	width:320px;
	background-image: url(../images/home-magazine-bg2.gif);
	background-repeat: no-repeat;
}
#sidebar .bann1 .content{
	padding:5px 90px 0 10px;
	margin:auto;
	width:250px;
}
#sidebar .bann1 span{
	font-size:14px; 
	font-weight:bold;
	color:#4db848;
}
#sidebar .bann2{
	margin:0;
	height:112px;
	width:320px;
	background-image: url(../images/banner-sidebar-02.gif);
	background-repeat: no-repeat;
	clear:both;
}
#sidebar .bann2 .content{
	padding:20px 0 0 20px;
}
#sidebar .bann2 h1{
	padding:0 0 5px 0;
	color:#004677;
	font-size:12px;
}		

	
/* ------------------BANNER Contacto en Ingles-------------- */	

#sidebar .bann3 {
    background-image:url(../eng/images/banner-sidebar-01.gif);
    background-repeat:no-repeat;
    height:140px;
    margin:0 0 1px;
    padding:0 0 0 16px;
    width:320px;
}

#sidebar .bann3 .content{
	padding:5px 90px 0 10px;
	margin:auto;
	width:250px;
}
#sidebar .bann3 span{
	font-size:14px; 
	font-weight:bold;
	color:#4db848;
}


/*--------------------- BANNERS BOTTOM ---------------------*/
#banners-bottom {
	clear:both;
	float:left;
	width:615px;
	margin:0 0 20px 0;
}
#banners-bottom .bg{
	padding:20px 15px 0 17px ;
	background:url(../images/banner-bottom-bg.jpg) no-repeat;
	width:172px;
	height:130px;
	float:left;
}
#banners-bottom  h1{
	padding:0 0 8px 0;
	color:#004677;
	font-size:12px;
}		



/*--------------------- MENU ---------------------*/
#menu{margin:auto;background:url(../images/menu-background.gif) repeat-x;	width:964px;height:40px;padding:0 0 8px 0;}
#menu .search-box{padding:5px 0 0 22px;float:left;background:url(../images/menu-search-bg.gif) no-repeat;	width:203px;height:40px;}

/*--------------------- BLOGS INTERNA --------------------- */
#int-blog{
	font-size:11px;
	line-height:13px;
	width:590px;
	margin:auto;
}
#int-blog h1 {
	width:590px;
	float:left;
	margin:20px 0 10px 0;
	color:#4DB848;
	font-size:16px; font-weight:bold;
	border-bottom:1px dashed #CCCCCC;
}
#int-blog #blogDetail {
	padding:0 0 10px 0;
	margin:10px 0 10px 0;
	border-bottom:1px dashed #CCCCCC;
	float:left;
}
#int-blog #blogDetail h2 {
	margin:10px 0 10px 0;
	color:#006699;
	font:16px Arial; font-weight:bold;
}
#int-blog #blogDetail h3 {
	font-size:10px; font-weight:bold;
	color:#4DB848;
}
#int-blog #blogDetail .image-blog{
	padding:1px;
	border:1px solid #CCCCCC;
	margin:10px 10px 10px 5px;
}
#int-blog .blogs-latest{
	width:370px;
	float:left;
}
#int-blog .blogs-latest a{
	font-size:12px; font-weight:bold;
	color:#006699;
}
#int-blog .blogs-calendar{
	width:200px;
	float:left;
}
#blogs-about-calendar table{
	font-size:11px;
	background-color:#FFFFFF;
}




/*-- PAGINADOR --*/
#paginador{						margin:20px 0 20px 0; float:left; padding:10px; width:95%;}
#paginador .paginado{			font:10px tahoma;color:#616161;line-height:15px;}
#paginador .paginado a{			text-decoration:underline;}
#paginador .paginado a:hover{	text-decoration:none;}
#paginador .paginadoMark{		color:#4db848;}
#paginador .paginadoMark span{	color:#4db848; font-size:18px;}


/*-- FORM --*/
.border {				    background:#F2F2F2; border:1px solid #cccccc; font:11px Arial;color:#666666;}
input.border:focus{			background:#fff; border: 1px solid #595959;}
input:hover {				background:#fff;}
textarea:hover {			background:#fff;}
textarea.borders:focus	{	background:#fff; border: 1px solid #595959;}
select {					background:#F2F2F2;	border: 1px solid #595959; font:11px Arial;color:#666666;}
.button {					background:#333333; border:1px solid #cccccc; font:11px Arial;color: #CCCCCC;font-weight:bold;	width:120px;}

/*-- GOOGLE --*/
.google-input{	margin:5px 0 0 0; width:135px; float:left}
.google-btn{	margin:5px 0 0 0; width:54px; float:left}
.google-input-bg{background: url(../images/menu-search-textfield-bg.gif) repeat-x; width: 130px; height:15px; font:10px tahoma; color:#999999; border:1px solid #CCCCCC;}



/*-- FOOTER --*/
#footer {
	color:#a6a6a6;
	padding:20px;
	margin:0 3px 70px 3px;
	border-bottom:1px solid #e3e1e2;
	border-top:1px solid #e3e1e2;
	background:#fff;
	clear:both;
	height:26px;
}
#footer .copy {width:500px; float:left;}
#footer .copy a{color:#797979; text-decoration:none;}
#footer .copy a:hover{color:#006699;text-decoration:underline;}
#footer .avatar {width:400px; float:right; text-align:right;}
#footer .avatar a{color:#797979; text-decoration:none;}
#footer .avatar a:hover{color: #009966;text-decoration:underline;}