/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Raleway);
body{
	background:url(../ima/back.jpg);
	background-size: cover;
	background-repeat:no-repeat}
	
#cont ul{
	margin:160px 0 0 500px
	}
	#cont ul li{
		margin-right:30px;
		float:left }
		#cont ul li a{
			background-repeat:no-repeat;
			background-position:center 30px;
			padding-top:150px;
			display:block;
			width:146px;
			height:50px;
			text-decoration:none;
			color:#fff;
			font-family: 'Raleway', sans-serif;
			font-size:20px;
			text-align:center;
			margin-top:100;
			}
			#link1{
				background-color:#8DCC92;
				
				background-image:url(../ima/linkCrriculum.jpg);
				transition: background-color 0.7s linear;
				}
				#link1:hover{
				background-color: #64B26B;
				
				}
				
				#link2{
				background-color:#5BABC4;
				background-image:url(../ima/linkTerapias.jpg);
				transition: background-color 0.7s linear;
				}
				#link2:hover{
				background-color: #2B94A5;
				}
				
				#link3{
				background-color:#9D9DBF;
				background-image:url(../ima/linkPreguntas.jpg);
				transition: background-color 0.7s linear;
				}
				#link3:hover{
				background-color: #6F6FA3;
				}
				
				#link4{
				background-color:#E29FBA;
				background-image:url(../ima/linkCitas.jpg);
				transition: background-color 0.7s linear;
				}
				#link4:hover{
				background-color: #C6607D;
				}
				
	
.window{
	background-image:url(../ima/pleca.jpg);
	background-repeat:no-repeat;
	width:750px	}
	
#textos{
	float:left;
	width:500px;
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	margin:20px 0 20px 20px;
	line-height:18px;
	text-align:justify
	}
.window h1{
	display:block;
	font-family: 'Raleway', sans-serif;
	font-size:35px;
	color:#7575A0;
	margin:10px 0 0 20px
	}
	.window h2{
	display:block;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#7575A0;
	}
#textos li{
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	list-style:disc;
	margin-left:25px;
	}
	
.ima{
	float:left;
	margin:30px 0 0 30px}