@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	15;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */
.banner {
	width: 100%;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	background-image: url(image/bg_main.jpg);
	clear: both;
	display: block;
	background-repeat: repeat-x;
	height: 100%;
}
	.banner ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	display: block;
	}
	.banner ul li {
	float: left;
	padding: 0px;
	min-height: 350px;
	/*		-webkit-background-size: 100% 100%;*/
	margin: 0px;
	}
	
	.banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 25%;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
		
.features {
	overflow: hidden;
	padding: 50px 0;
	
	background: #f7f7f6;
	box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
    }
.features li {
		position: relative;
		padding: 0 25px 0 40px;
		list-style: none;
		
		width: 25%;
		float: left;
	}
.features li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			
			display: block;
			width: 24px;
			height: 22px;
			
			background: url('img/icons.png');
	}
			.features li.browser:before { background-position: 0 -44px; }
			.features li.height:before { background-position: 0 -22px; }
			.features li.responsive:before { background-position: 0 -66px; }
	.features b {
		display: block;
		padding-bottom: 6px;
	}
.how li {
		position: relative;
		width: 375px;
		margin: 0 0 40px 15px;
		padding-left: 10px;
	}
.how pre {
		position: absolute;
		left: 450px;
		top: 0;
		
		width: 495px;
		padding: 20px 25px;
		
		background: #f8f5f0;
		color: #8a785d;
		
		font-size: 12px;
		line-height: 18px;
		
		border-radius: 5px;
		box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
	}
	.how p {
		padding-bottom: 15px;
	}
	
.options {
	padding: 60px 0;
	
	background: #39342d;
	color: #7b7368;
	
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
	.options a {
		opacity: .7;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-decoration: none;
	}
		.options a:hover {
			opacity: 1;
			border-bottom-color: rgba(255,255,255,.3);
		}
	.options p {
		font-size: 16px;
		line-height: 25px;
		
		padding-bottom: 20px;
	}
	.options h2 {
		color: #fff;
		padding-bottom: 15px;
	}
	.options pre {
		padding: 20px 25px;
		
		background: #342f29;
		color: #988f81;
		
		font-size: 13px;
		line-height: 19px;
		
		box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
		border-radius: 5px;
	}
		.options pre span {
			color: #706657;
		}
.wrap {
	margin: 0 auto;
	width: 960px;
}
#message {
	clear: both;
	float: left;
	width: 75%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 12.5%;
	padding-right: 12.5%;
}

#email {
	clear: both;
	float: left;
	width: 75%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 12.5%;
	padding-right: 12.5%;
}


#titulo_02 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url(image/fond_07.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	padding-top: 2px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#titulo_03 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url(image/fond_08.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	padding-top: 2px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#titulo_04 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url(image/fond_09.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	padding-top: 2px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#titulo_05 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url(image/fond_09.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	padding-top: 2px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0px;
	height: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-image: url(image/bg_top_01.png);
	background-repeat: repeat-x;
	height: 70px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#menu1 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin-left: 12.5%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 12.5%;
}
#menu2 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin-left: 12.5%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 12.5%;
	margin-top: 25px;
}
#menu3 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin-left: 12.5%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 12.5%;
}
#menu4 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin-left: 12.5%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-right: 12.5px;
}
#menu5 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin-left: 12.5%;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 25px;
	margin-right: 12.5%;
}
#banner01 {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url(image/bg_main.jpg);
	background-repeat: repeat;
	background-position: center center;
}
#banner02 {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #C4037D;
	background-image: url(image/bg_top_02.PNG);
	background-repeat: repeat;
	margin: 0;
	padding: 0px;
}

#banner03 {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #454F99;
	background-image: url(image/bg_top_02.PNG);
	background-repeat: repeat;
	margin: 0;
	padding: 0px;
}

#banner04 {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #0097BA;
	background-image: url(image/bg_top_02.PNG);
	background-repeat: repeat;
	margin: 0;
	padding: 0px;
}

#banner05 {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #8DBB1D;
	background-image: url(image/bg_top_02.PNG);
	background-repeat: repeat;
	margin: 0;
	padding: 0px;
}

#content {
	clear: both;
	float: left;
	width: 90%;
	display: block;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10px;
	text-decoration: none;
	text-align: justify;
	height: auto;
	padding-bottom: 0px;
	margin: 0px;
}
#content02 {
	clear: both;
	float: left;
	width: 90%;
	display: block;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 0px;
	text-decoration: none;
	text-align: justify;
	height: auto;
	padding-bottom: 0px;
	margin: 0px;
}

#content1 {
	clear: both;
	float: left;
	width: 90%;
	display: block;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10px;
	text-decoration: none;
	text-align: center;
	height: auto;
	padding-bottom: 0px;
	margin: 0px;
}

#footer {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-decoration: none;
	text-align: center;
	height: 20px;
	background-color: #e84d4e;
	color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#redes_sociales01 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: 25px;
	margin-bottom: 25px;
	text-align: center;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
}
#redes_sociales02 {
	clear: none;
	float: left;
	margin-left: 12.5%;
	width: 75%;
	display: block;
	height: 50px;
	margin-right: 12.5px;
	margin-bottom: 10px;
}
#redes_sociales03 {
	clear: none;
	float: left;
	margin-left: 12.5%;
	width: 75%;
	display: block;
	height: 50px;
	margin-right: 12.5px;
	margin-bottom: 10px;
}
#redes_sociales04 {
	clear: none;
	float: left;
	margin-left: 12.5%;
	width: 75%;
	display: block;
	height: 50px;
	margin-right: 12.5px;
	margin-bottom: 25px;
}
#img_01 {
	clear: both;
	float: left;
	width: 80%;
	display: block;
	margin: 0%;
	height: 90%;
	text-align: center;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
}
#img_02 {
	clear: both;
	float: left;
	width: 80%;
	display: block;
	margin: 0%;
	height: 95%;
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 5px;
}
#img_03 {
	clear: both;
	float: left;
	width: 80%;
	display: block;
	margin: 0%;
	height: 95%;
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 5px;
}


#titulo_01 {
	clear: none;
	float: left;
	margin-left: 2.5%;
	width: 95%;
	display: block;
	height: 23px;
	margin-top: 25px;
	margin-right: 2.5%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-image: url(image/fond_06.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
#bacio_056 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
}
#texto01 {
	clear: both;
	float: left;
	width: 75%;
	display: block;
	margin: 0px;
	padding-right: 12.5%;
	padding-left: 12.5%;
}
#name {
	clear: both;
	float: left;
	width: 75%;
	display: block;
	margin: 0px;
	padding-right: 12.5%;
	padding-left: 12.5%;
	height: auto;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.banner {
	width: 100%;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	background-image: url(image/bg_main.jpg);
	clear: both;
	display: block;
	height: 100%;
}
	.banner ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	display: block;
	}
	.banner ul li {
	float: left;
	padding: 0px;
	min-height: 350px;
	/*		-webkit-background-size: 100% 100%;*/
	margin: 0px;
	}
#message {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding-right: 25%;
	padding-left: 25%;
	height: auto;
}

#email {
	clear: both;
	float: left;
	width: 75%;
	display: block;
	margin: 0px;
	padding-right: 12.5%;
	padding-left: 12.5%;
	height: auto;
}


#titulo_02 {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	height: 24px;
	margin-top: 25px;
	margin-right: 5%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-image: url(image/fond_07.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
#titulo_03 {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	height: 24px;
	margin-top: 25px;
	margin-right: 5%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-image: url(image/fond_08.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
#titulo_04 {
	clear: none;
	float: left;
	margin-left: 5%;
	width: 90%;
	display: block;
	height: 24px;
	margin-top: 25px;
	margin-right: 5%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-image: url(image/fond_09.png);
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}






.gridContainer {
	width: 91.4836%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: none;
	float: left;
	width: 40%;
	display: block;
	height: 34px;
	padding: 0px;
	margin-top: 0%;
	margin-bottom: 10px;
	margin-left: 5%;
	margin-right: 5%;
}
#menu2 {
	clear: none;
	float: left;
	width: 40%;
	display: block;
	padding: 0px;
	height: 34px;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 10px;
	margin-left: 5%;
}
#menu3 {
	clear: none;
	float: left;
	width: 40%;
	display: block;
	padding: 0px;
	height: 34px;
	margin-top: 25px;
	margin-right: 5%;
	margin-bottom: 10px;
	margin-left: 5%;
}
#menu4 {
	clear: none;
	float: left;
	width: 40%;
	display: block;
	padding: 0px;
	height: 34px;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 10px;
	margin-left: 5%;
}
#menu5 {
	clear: none;
	float: left;
	width: 40%;
	display: block;
	height: 34px;
	margin-top: 0%;
	margin-right: 5%;
	margin-bottom: 25px;
	margin-left: 5%;
	padding: 0px;
}
#banner01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	width: 60%;
	display: block;
	padding-top: 10px;
	padding-right: 20%;
	padding-bottom: 0px;
	padding-left: 20%;
	height: auto;
	margin: 0%;
}
#content02 {
	clear: both;
	float: left;
	width: 60%;
	display: block;
	padding-top: 0px;
	padding-right: 20%;
	padding-bottom: 0px;
	padding-left: 20%;
	height: auto;
	margin: 0%;
}

#content1 {
	clear: both;
	float: left;
	width: 60%;
	display: block;
	padding-top: 10px;
	padding-right: 20%;
	padding-bottom: 0px;
	padding-left: 20%;
	height: auto;
	margin: 0%;
	text-align: center;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#redes_sociales01 {
	clear: none;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
}
#redes_sociales02 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 100%;
	display: block;
}
#redes_sociales03 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 100%;
	display: block;
}
#redes_sociales04 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	width: 100%;
	display: block;
}
#img_01 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	margin: 0%;
	text-align: center;
	height: 95%;
	padding-top: 2.5%;
	padding-right: 25%;
	padding-bottom: 2.5%;
	padding-left: 25%;
}
#img_02 {
	clear: none;
	float: left;
	width: 75%;
	display: block;
	margin: 0%;
	text-align: center;
	height: 100%;
	padding-right: 12.5%;
	padding-left: 12.5%;
}

#titulo_01 {
	clear: both;
	float: left;
	margin-left: 2.5%;
	width: 95%;
	display: block;
	background-image: url(image/fond_06.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 24px;
	margin-right: 2.5%;
	padding-top: 2px;
}
#bacio_056 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
}
#texto01 {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	padding-right: 25%;
	padding-left: 25%;
}
#name {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 25%;
	padding-bottom: 0px;
	padding-left: 25%;
}
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.banner {
	width: 100%;
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	background-image: url(image/bg_main.jpg);
	clear: both;
	display: block;
	background-repeat: repeat-x;
	height: 100%;
}
	.banner ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	float: left;
	height: 100%;
	width: 100%;
	}
	.banner ul li {
	float: left;
	padding: 0px;
	min-height: 350px;
	/*		-webkit-background-size: 100% 100%;*/
	margin: 0px;
	}
#message {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 25%;
	padding-bottom: 0px;
	padding-left: 25%;
}

#email {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 25%;
	padding-bottom: 0px;
	padding-left: 25%;
}


#titulo_02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(image/fond_07.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 24px;
	padding-top: 2px;
	vertical-align: middle;
}
#titulo_03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(image/fond_08.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 24px;
	padding-top: 2px;
	vertical-align: middle;
}
#titulo_04 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(image/fond_09.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 24px;
	padding-top: 2px;
	vertical-align: middle;
}



.gridContainer {
	width: 88.826%;
	max-width: 1232px;
	padding-left: 0.5869%;
	padding-right: 0.5869%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu1 {
	clear: both;
	float: left;
	margin-left: 1%;
	width: 18%;
	display: block;
	margin-right: 1%;
}
#menu2 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 23%;
	display: block;
	margin-right: 1%;
}
#menu3 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 23%;
	display: block;
	margin-right: 1%;
}
#menu4 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 23%;
	display: block;
	margin-right: 1%;
	margin-top: 25px;
}
#menu5 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 23%;
	display: block;
	margin-right: 1%;
	margin-top: 25px;
}
#banner01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	padding-right: 25%;
	padding-left: 25%;
	margin: 0%;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content02 {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	padding-right: 25%;
	padding-left: 25%;
	margin: 0%;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
}

#content1 {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	padding-right: 25%;
	padding-left: 25%;
	margin: 0%;
	text-align: center;
}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#redes_sociales01 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#redes_sociales02 {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 100%;
	display: block;
}
#redes_sociales03 {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 100%;
	display: block;
}
#redes_sociales04 {
	clear: none;
	float: left;
	margin-left: 1.3215%;
	width: 100%;
	display: block;
}
#img_01 {
	clear: none;
	float: left;
	width: 80%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 25px;
	margin-left: 0%;
	height: 95%;
	padding-top: 2.5%;
	padding-right: 10%;
	padding-bottom: 2.5%;
	padding-left: 10%;
}
#img_02 {
	clear: none;
	float: left;
	width: 80%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 25px;
	margin-left: 0%;
	height: 100%;
	padding-right: 10%;
	padding-left: 10%;
}

#titulo_01 {
	clear: both;
	float: left;
	margin-left: 2.5%;
	width: 95%;
	display: block;
	text-align: center;
	height: 24px;
	margin-right: 2.5%;
	padding-top: 2px;
}
#bacio_056 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
}
#texto01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	padding-right: 25%;
	padding-left: 25%;
}
#name {
	clear: both;
	float: left;
	width: 50%;
	display: block;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25%;
	padding-right: 25%;
}
}




a.inicio:link {
	color: #FFF;
	background-image: url(image/btn01.PNG);
	float: left;
	text-decoration: none;
	text-align: center;
	height: 27px;
	width: 100%;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: center center;
}
a.inicio:hover {
	background-image: url(image/btn01_sobre.PNG);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
	background-position: center center;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}
a.inicio:visited {
	color: #FFF;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
	background-image: url(image/btn01.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}
a.servicios:link {
	background-image: url(image/btn02.PNG);
	float: left;
	height: 27px;
	width: 100%;
	background-repeat: no-repeat;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	padding-top: 7px;
	background-position: center center;
}
a.servicios:hover {
	background-image: url(image/btn02_sobre.PNG);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 100%;
	text-align: center;
	padding-top: 7px;
	background-position: center center;
	color: #FFF;
	text-decoration: none;
}
a.servicios:visited {
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background-image: url(image/btn02.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.tratamiento:link {
	background-image: url(image/btn03.PNG);
	background-repeat: no-repeat;
	float: left;
	height: 27px;
	width: 100%;
	background-position: center center;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 7px;
}
a.tratamiento:hover {
	background-image: url(image/btn03_sobre.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 27px;
	width: 100%;
	padding-top: 7px;
	float: left;
	color: #FFF;
	text-decoration: none;
}
a.tratamiento:visited {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn03.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.terapia:link {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn04.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
	text-align: center;
}
a.terapia:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn04_sobre.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.terapia:visited {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn04.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.contacto:link {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn05.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.contacto:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn05_sobre.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
a.contacto:visited {
	color: #FFF;
	text-decoration: none;
	background-image: url(image/btn05.PNG);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	float: left;
	height: 27px;
	width: 100%;
	padding-top: 7px;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #000;
}