/*___________________ANIMACION HOME_________________________*/

body
	{
		text-align:center;
        margin: 0px;
        height: 100%;
        width: 100%;
	}

.animationHome
	{
		width: 100%;
		min-height:870px;
		overflow:hidden;
		margin: 0 auto;
		float:left;
		z-index:101;
		position:relative;
		top:0px;
		background:url(/Assets/images/animation/animation_home.jpg) top center no-repeat;
	}
.animationHomeContainer
	{
		width:860px;
		margin:0 auto;
	}

#wrapper
	{
		width:100%;
		margin:0px auto;
		float:none;
	}
#content
	{
		width:100%;
		height:870px;
		/*overflow:hidden;*/
		float:none;
		position:relative;
	}
#globo
	{
		width:19%;
		position:absolute;
		top:10%;
		left: 150%;
		z-index:24;
		float:none;
	}
#reflexGlobo
	{
		width:26%;
		position:absolute;
		top:39%;
		left:37%;
		z-index:14;
		float:none;
		opacity:0;
	}
#reflexHospital
	{
		width:31%;
		position:absolute;
		top:36.5%;
		left:34%;
		z-index:14;
		float:none;
		opacity:0;
	}
#arbolesBack
	{
		width:99%;
		position:absolute;
		top:-40%;
		left: 4%;
		z-index:15;
		float:none;
	}
#sombraArbolesBack
	{
		width:99%;
		position:absolute;
		top:32%;
		left: 4%;
		z-index:14;
		float:none;
		opacity:0;
	}
#arbolesFront
	{
		width:77%;
		position:absolute;
		top:-40%;
		left: 26%;
		z-index:13;
		float:none;
	}
#sombraArbolesFront
	{
		width:77%;
		position:absolute;
		top:31.5%;
		left: 26%;
		z-index:12;
		float:none;
		opacity:0;

	}
#quodemLogo
	{
		width:15%;
		position:absolute;
		top:-10%;
		left: 0px;
		z-index:30;
		float:none;
	}
#contactHome
	{
		width:5%;
		position:absolute;
		top:-15%;
		left: 95%;
		z-index:31;
		float:none;
	}
#viviendas
	{
		width:30.5%;
		position:absolute;
		top:-45%;
		left: 66%;
		z-index:20;
		float:none;
	}
#sombraViviendas
	{
		width:30.5%;
		position:absolute;
		top:35%;
		left: 66%;
		z-index:19;
		float:none;
		opacity:0;

	}


#universidad
	{
		width:47.3%;
		position:absolute;
		top:-40%;
		left: 24%;
		z-index:18;
		float:none;
	}
#hospital:hover,
#oficinas:hover,
#fabrica:hover,
#farmacia:hover,
#universidad:hover,
#viviendas:hover,
#globo:hover,
#universidad:hover
	{
		z-index:100;
	}

.rollOpen
	{
		width:100%;
		max-height:220px;
		position:relative;
		top:0;
		float:none;
		overflow:hidden;
		-webkit-transition: all 0.75s ease 0s;
		-moz-transition: all 0.75s ease 0s;
		-ms-transition:all 0.75s ease 0s;
		-o-transition: all 0.75s ease 0s;
		transition: all 0.75s ease 0s;
		background:url(/Assets/images/animation/universidad_over_none.png) 13px 130px no-repeat;
	}
.rollOpen:hover
	{
		max-height:1000px;
		top:-20px;
		background:url(/Assets/images/animation/universidad_over.png) 13px 130px no-repeat;
	}

#farmacia .rollOpen
	{
		max-height:275px;
		background:url(/Assets/images/animation/farmacia_over_none.png) -50px 160px no-repeat;
	}
#farmacia .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/farmacia_over.png) -50px 160px no-repeat;
	}
#farmacia .contentOpen
	{
		width:40%;
		height:200px;
		padding-left:10%;
		padding-right:50%;
		position:relative;
		top:-25px;
		text-align:left;
	}

#fabrica .rollOpen
	{
		max-height:260px;
		background:url(/Assets/images/animation/fabrica_over_none.png) 10px 145px no-repeat;
	}
#fabrica .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/fabrica_over.png) 10px 145px no-repeat;
	}
#fabrica .contentOpen
	{
		width:48%;
		height:200px;
		padding-left:20%;
		padding-right:32%;
		position:relative;
		top:-25px;
		text-align:left;
	}
#hospital .rollOpen
	{
		max-height:150px;
		background:url(/Assets/images/animation/hospital_over_none.png) 13px 115px no-repeat;
	}
#hospital .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/hospital_over.png) 13px 115px no-repeat;
	}
#hospital .contentOpen
	{
		width:60%;
		height:200px;
		padding-left:15%;
		padding-right:25%;
		position:relative;
		top:-25px;
		text-align:left;
	}
	
#oficinas .rollOpen
	{
		max-height:280px;
		background:url(/Assets/images/animation/oficinas_over_none.png) 5px 200px no-repeat;
	}
#oficinas .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/oficinas_over.png) 5px 210px no-repeat;
	}
#oficinas .contentOpen
	{
		width:55%;
		height:200px;
		padding-left:15%;
		padding-right:30%;
		position:relative;
		top:-25px;
		text-align:left;
	}

#viviendas .rollOpen
	{
		max-height:300px;
		background:url(/Assets/images/animation/viviendas_over_none.png) 0px 15px no-repeat;
	}
#viviendas .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/viviendas_over.png) 0px 15px no-repeat;
	}
#viviendas .contentOpen
	{
		width:75%;
		height:200px;
		padding-left:10%;
		padding-right:15%;
		position:relative;
		top:-25px;
		text-align:left;
	}


#globo .rollOpen
	{
		max-height:60px;
		background:url(/Assets/images/animation/globo_over_none.png) 0px 50px no-repeat;
	}
#globo .rollOpen:hover
	{
		max-height:1000px;
		background:url(/Assets/images/animation/globo_over.png) 0px 50px no-repeat;
	}
#globo .contentOpen
	{
		width:70%;
		height:auto;
		padding-left:5%;
		padding-right:10%;
		padding-top:40px;
		position:relative;
		top:-25px;
		text-align:left;
	}


.contentOpen
	{
		width:60%;
		height:185px;
		padding-left:15%;
		padding-right:25%;
		padding-top:15px;
		position:relative;
		top:-20px;
		text-align:left;
	}
.contentOpen h2
	{
		font-size:0.9em;
		line-height:1.1em;
		padding-bottom:5px;
		color:#70a83b;
	}
.contentOpen h2 a
	{
		color:#70a83b;
	}
.contentOpen p
	{
		font-size:0.6em;
		color:#333;
		text-align:left;
	}

.rollOpen:hover .contentOpen
	{
	}
	
#sombraUniversidad
	{
		width:47.3%;
		position:absolute;
		top:49%;
		left: 24%;
		z-index:17;
		float:none;
		opacity:0;
	}
#farmacia
	{
		width:37.2%;
		position:absolute;
		top:-35%;
		left: 6%;
		z-index:16;
		float:none;
	}
#farmacia:hover
	{
		z-index:100;
		top:31%;
	}
#sombraFarmacia
	{
		width:37.2%;
		position:absolute;
		top:33%;
		left: 6%;
		z-index:15;
		float:none;
		opacity:0;

	}
#fabrica
	{
		width:34%;
		position:absolute;
		top:-40%;
		left: 11.5%;
		z-index:14;
		float:none;
	}
#sombraFabrica
	{
		width:34%;
		position:absolute;
		top:13%;
		left: 11.5%;
		z-index:9;
		float:none;
		opacity:0;

	}
#oficinas
	{
		width:25.8%;
		position:absolute;
		top:-50%;
		left: 61.5%;
		z-index:12;
		float:none;
	}
#sombraOficinas
	{
		width:25.8%;
		position:absolute;
		top:9%;
		left: 61.5%;
		z-index:11;
		float:none;
		opacity:0;

	}
#hospital
	{
		width:32.5%;
		position:absolute;
		top:-20%;
		left: 36.5%;
		z-index:10;
		float:none;
	}
#sombraHospital
	{
		width:32.5%;
		position:absolute;
		top:17%;
		left: 36.5%;
		z-index:9;
		float:none;
		opacity:0;
	}

#footerContainer
	{
		width:860px;
	}
#contentFooter
	{
		background:none;
		min-height:150px;
	}
#contentFooter article
	{
		display:none;
	}
.footerContextual
	{
		padding:0px;
	}
.recomended
	{
		display:none;
	}
.latest
	{
		display:none;
	}
.islandFooter
	{
		display:none;
	}
.contactPie
	{
		display:none;
	}
.imgLogoPie
	{
		display:none;
	}
.logoPieBottom
	{
		padding:0px;
		float:right;
		text-align:right;
	}
.copyPie
	{
		width:100%;
		padding:0px;
	}


/*___________________FIN ANIMACION HOME_________________________*/