@charset "utf-8";

/* CSS Document */
.responsive {
	width: 100%;
	height: auto;
}



.bxslider {
	list-style: none;
}

.bxslider1 {
	list-style: none;
}

.bxslider1 li {

	display: block;
	float: left;
	width: 45%;
	padding-right: 45px;


}

header,
nav,
section,
article,
aside,
figure,
footer {
	display: block;
}

@font-face {
	font-family: myFirstFont;
	src: url(fonts/FuturaLightBT.ttf);
}

@font-face {
	font-family: FuturaLightBT;
	src: url(fonts/FuturaLightBT.ttf);
}

html {
	overflow-y: scroll;
}

body {
	background: url(../images/fnd-web_01.jpg) repeat-y center #FFF;
	font-family: "myFirstFont";
	margin: 0 auto;
	width: 1159px;
	/*overflow-x: hidden;*/
}

a {
	color: #555351;

	text-decoration: none;
}

a:hover {
	color: #006235;
	text-decoration: underline;
}

h3 {
	color: #555351;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 19px;
}

h3 strong {
	color: #585656;
	font-weight: normal;
	margin-top: 0px;
	font-weight: bold;
	font-size: 14px;
}

h4 {
	color: #006235;
	margin: 5px 0 45px 0;
}

.gris {
	color: #717171;
	font-weight: normal;
	margin: 5px 0 45px 0;
}

.fin {
	margin-bottom: 90px;
}

/*cabecera*/
#cabecera {
	width: 1157px;
	height: 354px;
	position: relative;
}

#menu {
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	border-top: 11px solid #006235;
	color: #FFF;
	font-family: "myFirstFont";
	position: absolute;
	z-index: 9;
	height: 73px;
}

#menu img {
	display: block;
	float: left;
	margin-top: 7px;
	margin-left: 110px;
}

.imagen {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

#menu p {
	float: right;
	font-size: 14px;
	margin-right: 108px;
	margin-top: 10px;
}

@-moz-document url-prefix() {
	#menu p {
		margin-right: 108px;
	}
}

#menu nav ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: 673px;
	margin-right: 52px;
}

@-moz-document url-prefix() {
	#menu nav ul {
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		float: right;
		width: 547px;
		margin-right: 52px;
	}
}

#menu nav li a {
	float: left;
	display: block;
	padding: 6px;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	font-family: 'MyFirstFont';
	font-weight: normal;
}

#menu nav li a:hover {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 5px;
}

nav select {
	display: none;
}

/*slider*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	width: 1159px;
	display: block;
}

.bxslider {
	margin: 0;
	padding: 0;
}

.bxslider1 {
	margin: 0;
	padding: 0;
}

.txtslider {
	width: 50px;
	float: left;
	margin-left: 67px;
	padding: 0;
	margin-top: 10px;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	z-index: -1;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	padding-left: 53px;
	width: 200px;
	z-index: 1;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d6d6d6;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #5a5b5d;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls1.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls1.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*cuerpo*/
#contenedor {
	width: 100%;
	min-height: 350px;
	margin-top: 85px;
	padding-bottom: 15px;
}

#principal .btn-online {
	width: 172px;
	height: 22px;
	padding-top: 5px;
	color: #FFF;
	display: block;
	float: right;
	background: #880746;
	text-decoration: none;
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 14px;
	margin-right: 108px;
}

.btn-online {
	width: 172px;
	height: 22px;
	padding-top: 5px;
	color: #FFF;
	display: block;
	float: right;
	background: #880746;
	text-decoration: none;
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 14px;
}

.btn-online:hover {
	background: #630031;
	color: #FFF;
	text-decoration: none;
}

#contenedor h2 {
	font-family: "FuturaLightBT";
	font-size: 28px;
	margin: 5px 0 15px 0;
	padding: 0;
	color: #006235;
	font-weight: normal;
	text-indent: 342px;
	display: block;
	float: left;
	width: 100%;
	height: 27px;
}

.home,
.home a {
	font-size: 23px;
	color: #006235;
	margin: 0;
	font-weight: normal;
}

#principal {
	height: 335px;
}

#principal ul {
	clear: both;
	padding: 0;
	margin: auto;
	width: 962px;
	display: block;
}

#principal ul li:last-child {
	float: right;
	width: 460px;
}

#principal ul li:last-child img {
	width: 65%;
	height: 65%;
}

#principal li {
	width: 230px;
	/*310*/
	float: left;
	display: block;
	padding: 0 5px 0 5px;
	text-align: center;
}

#principal li p {
	padding: 0 7px 0 7px;
	font-size: 14px;
	color: #585656;
	margin: 11px 0 11px 0;
}

#principal img {
	width: 231px;
	/*301*/
	height: 157px;
}

#principal li a.bloque p {
	font-weight: normal !important;
}

#principal li a.bloque:hover {
	text-decoration: none !important;
}

.borde {
	border-left: 1px solid rgba(204, 204, 204, 1);
}

/*pagina interna*/
#contenedor {
	width: 943px;
	margin: 0 auto;
}

#izquierda {
	width: 311px;
	float: left;
	/*border-right: rgba(204,204,204,1) 1px solid;*/
	margin-right: 30px;
	height: 141px;
}

#izquierda2 {
	width: 311px;
	float: left;
	/*border-right: rgba(204,204,204,1) 1px solid;*/
	margin-right: 30px;
	height: 185px;
}

#izquierda2 img {
	float: left;
	padding-right: 10px;
}

#izquierda img {
	float: left;
	padding-right: 10px;
}

#contenedor article {
	width: 590px;
	float: left;
}

.separador {
	height: 285px;
	width: 1px;
	background: rgba(204, 204, 204, 1);
	float: left;
	margin-right: 34px;
	margin-top: 40px;
}

article p {
	font-size: 14px;
	color: #585656;
	margin-top: 0;
}

#contenedor article .listado {
	margin: 0;
	padding: 0;
	clear: none;
	width: auto;
	list-style-type: none;
	list-style-image: url(../images/iconos/linea.png);
	font-size: 14px;
	padding-left: 16px;
}

#contenedor article .listado li {
	text-align: left;
	color: #585656;
}

.clear {
	clear: both;
}

/*SERVICIOS*/
#contenedor .full {
	width: 100%;
}

#contenedor .full .servicios {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contenedor article .servicios img {
	margin-right: 40px;
	float: left;
}

#contenedor article .servicios li {
	width: 100%;
	text-align: left;
	display: block;
	min-height: 200px;
}

#contenedor .full .servicios li span {
	color: #585656;
	text-align: left;
	width: 591px;
	float: left;
	margin-bottom: 30px;
	font-size: 14px;
}

#contenedor h2.titulo2 {
	margin-left: 344px;
}

.listadoi {
	margin: 0;
	padding: 0;
	width: 602px;
	list-style-type: none;
	height: auto;
	float: right;
	margin-bottom: 30px;
}

.listadoi span {
	margin-bottom: 0 !important;
}

.especial {
	margin-bottom: 15px !important;
}

#contenedor article .listadoi li {
	text-align: left;
	color: #585656;
	min-height: 0;
	background: url(../images/iconos/linea.png) no-repeat;
	padding-left: 16px;
}



#contenedor article .staffd {
	display: block;
	float: right;
	width: 194px;
	padding-top: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 18px;
}

#contenedor article .staffd li:before {
	content: "";
}

#contenedor article .staffd li {
	text-align: left;
	margin-bottom: 20px;
	float: left;
}

#contenedor article .staffd li span {
	color: #006235;
	text-transform: uppercase;
}

/*#contenedor article .staff li:nth-child(even) {
	float: right;
	width: 33%;
}*/
#contenedor article .staffi {
	display: block;
	float: left;
	width: 383px;
	list-style-type: none;
	margin: 0;
	margin-top: 18px;
	padding: 0;
}

#contenedor article .staffi li:before {
	content: "";
}

#contenedor article .staffi li {
	text-align: left;
	margin-bottom: 20px;
	width: 65%;
	float: left;
}

#contenedor article .staffi li span {
	color: #006235;
	text-transform: uppercase;
}

/*ENFERMEDADES*/

#contenedor article .triple {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../images/iconos/linea.png);
	display: inline-table;
	margin-bottom: 40px;
	padding-left: 16px;
}

.alto {
	margin-bottom: 30px !important;
}

#contenedor article .triple li {
	width: 33%;
	text-align: left;
	padding: 0;
	float: left;
	color: #585656;
}

#contenedor article .triple li a {
	font-weight: normal;
}

#contenedor article .triple li a:hover {
	text-decoration: none;
}

/*CONTACTO*/
input {
	width: 290px;
	padding: 5px;
	margin-bottom: 5px;
	border: rgba(204, 204, 204, 1) solid 1px;
}

.mensaje {
	width: 430px;
	height: 100px;
	padding: 6px;
	border: rgba(204, 204, 204, 1) solid 1px;
}

.limpiar {
	width: 100px;
	height: 30px;
	background: rgba(128, 128, 128, 1);
	color: #FFF;
}

.limpiar:hover {
	width: 100px;
	height: 30px;
	background: #006235;
	color: #FFF;
}

/*pie de pagina*/
#pie {
	width: 100%;
	height: 102px;
	clear: both;
	margin-top: 5px;
	padding-top: 15px;
}

#pie-fondo {
	width: 933px;
	margin: 0 auto;
	background: url(../images/fnd-pie.jpg) no-repeat;
	background-position: 0 10px;
}

.menu-bottom {
	font-family: "Arial";
	color: #bbbab9;
	font-size: 11px;
	margin: 0;
}

.menu-bottom a {
	font-family: "Arial";
	color: #82817f;
	font-size: 11px;
	text-decoration: none;
	padding: 0 10px 0 10px;
}

.menu-bottom a:hover {
	color: #006235;
	text-decoration: none;
}

.privacidad {
	float: right;
}

.telefono {
	color: #82817f;
	font-family: 'myFirstFont';
	font-size: 15px;
	height: 21px;
	/*margin: 0;*/
	padding-top: 10px;
}

.telefono img {
	float: right;
	display: block;
}

.icon {
	float: left !important;
}

.copyright {
	color: #888685;
	font-family: "Arial";
	font-size: 10px;
	margin: 0 0 0 20px;
	text-transform: capitalize;
	padding-top: 14px;
	padding-bottom: 2px;
}

.logom {
	display: none;
}

/*PRIVACIDAD*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background: #000;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

#colorbox {
	outline: 0;
}

#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #000;
	border: 10px solid #CCC;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	background: #000;
	padding: 0px;
}

#cboxLoadingGraphic {
	background: url(images/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #000;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url(images/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}

#cboxPrevious {
	background-position: 0px 0px;
	right: 44px;
}

#cboxPrevious:hover {
	background-position: 0px -25px;
}

#cboxNext {
	background-position: -25px 0px;
	right: 22px;
}

#cboxNext:hover {
	background-position: -25px -25px;
}

#cboxClose {
	background-position: -27px -2px;
	right: 0;
}



.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
	right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -75px -25px;
	right: 44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
	background-position: -100px 0px;
	right: 44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -75px -25px;
}

.telefono2 {
	display: none;
}


/****************************/
/*** DISE??0??5O PARA PROYECTOR ANTIGUO ***/
/****************************/
@media only screen and (max-width:1024px) {
	body {
		margin: 0;
		width: 100%;
	}

	#cabecera {
		width: 100%;
	}

	#principal {
		width: 933px;
		margin: 0 auto;
	}

	#menu img {
		margin-left: 60px;
	}

	#menu p {
		margin-right: 69px;
	}

	#menu nav ul {
		width: 580px;
	}

	#menu nav li a {
		letter-spacing: 1px;
	}

	.bx-wrapper .bx-pager {
		padding-left: 57px;
	}

}

/****************************/
/*** DISE??0??5O PARA TABLETAS ***/
/****************************/

@media only screen and (max-width:768px) {


	body {
		margin: 0;
		width: 100%;
	}

	#contenedor h2 {
		text-indent: 0;
		text-align: center;
		float: none;
		text-indent: 8px !important;
		margin-top: 40px;
	}

	#cabecera {
		height: auto;
	}

	#menu img {
		margin-left: 25px;
		width: 200px;
	}

	#menu p {
		margin-right: 25px;
	}

	/*#menu nav ul {
margin-right: 0;
width:522px;
}
#menu nav li a {
letter-spacing: 0px;
}*/
	#menu nav ul {
		display: none;
	}

	nav select {
		display: block;
		width: 146px;
		float: right;
		position: absolute;
		right: 29px;
		top: 34px;
		padding: 3px;
		border-radius: 5px;
		font-family: "myFirstFont";
		text-align: center;
		color: #000;
		font-weight: bold;
	}

	nav select option {
		color: #000;
		font-weight: bold;
	}

	.imagen {
		height: auto;
	}

	#principal {
		width: 100%;
		margin: 0;
	}

	#contenedor {
		width: 100%;
		clear: both;
	}

	#izquierda {
		width: 100%;
		border: none;
	}

	#izquierda img {
		margin: 0 auto;
		padding: 0;
		float: none;
		display: block;
	}

	.btn-online,
	#principal .btn-online {
		margin: 0 auto;
		float: none;
		position: static;
	}

	#principal ul {
		margin: 5px 0;
		width: 100%;
		display: block;
	}

	#principal li {
		width: 228px;
	}

	#principal li img {
		width: 240px;
		margin: 0 auto;
		height: auto;
	}

	#principal h2.home {
		height: 60px;
		vertical-align: middle;
		display: table-cell;
		width: 238px;
	}

	#contenedor article {
		width: 94%;
		padding: 2%;
		margin-top: 25px;
	}

	#contenedor .full {
		width: 98%;
		padding: 1%;
	}

	article p {
		padding: 0px 3px 0px 3px;
		text-align: justify;
	}

	#contenedor article .servicios img {
		margin: 0 auto;
		float: none;
		display: block;
	}

	#contenedor .full .servicios li span {
		color: #585656;
		text-align: left;
		width: 98%;
		padding: 1%;
		float: left;
		margin-bottom: 30px;
	}

	#contenedor article .staff {
		display: block;
		float: none;
		width: 98%;
		padding: 1%;
		list-style-type: none;
	}

	#pie-fondo {
		width: 100%;
	}

	.menu-bottom {
		text-align: center;
	}

	.telefono {
		text-align: center;
		height: auto;
	}

	.telefono img {
		float: none !important;
		display: inline;
	}

	.logo {
		display: none !important;
	}

	.logom {
		display: block;
		margin: 0 auto;
	}

	.copyright {
		margin: 15px 0;
		text-align: center;
	}

	form {
		width: 80%;
		margin: 0 auto;
	}

	input {
		width: 90%;
		padding: 10px;
		margin-bottom: 5px;
		border: rgba(204, 204, 204, 1) solid 1px;
		margin: 0 auto;
	}

	.mensaje {
		width: 90%;
		height: 200px;
		padding: 12px;
		border: rgba(204, 204, 204, 1) solid 1px;
		margin: 0 auto;
	}

	.limpiar {
		width: 100px;
		height: 30px;
		background: rgba(128, 128, 128, 1);
		color: #FFF;
	}

	.enviar {
		width: 100px;
		height: 30px;
		background: #006235;
		color: #FFF;
	}

	#colorbox {
		width: 100% !important;
	}

	#izquierda2 {
		width: 311px;
		float: none;
		height: 185px;
		margin: 0 auto;
	}

	.informes {
		text-align: center;
	}

	.informes span {
		width: 100%;
		text-align: center;
		display: block;
	}

	.informes a {
		font-size: 14px !important;
	}

	.informes p {
		text-align: center;
		margin-top: 30px !important;
		font-size: 14px !important;
	}

	.listadoi {
		width: 100%;
	}


}

/****************************/
/*** DISE??0??5O PARA TABLETAS ***/
/****************************/
@media only screen and (max-width:640px) {

	/*.faz1 {
	display:none;
}*/
	.faz2 {
		display: block;
	}

	#menu {
		background: #606060;
		position: static;
		height: 85px;
	}

	#menu nav ul {
		margin-right: 0;
	}

	nav select {
		top: 49px;
		right: 25px;
		color: #000;
		font-weight: bold;
	}

	nav select option {
		color: #000;
		font-weight: bold;
	}

	#principal li {
		width: 98%;
		height: auto;
	}

	#principal h2.home {
		width: 98%;
		margin: 0 auto;
		display: block;
	}

	#pie {
		clear: both;
	}

	.separador {
		height: 325px;
	}

	#principal article .servicios h3 {
		margin: 5px;
	}

	#principal article .servicios img {
		margin-right: 10px;
		margin-bottom: 30px;
	}

	#principal article .servicios li {
		width: 98%;
		padding: 1%;
		text-align: left;
	}

	p.menu-bottom.telefono1 {
		padding: 20px;
		/* margin: 20px; */
	}

	#contenedor article .listadoi li {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#contenedor article .staffi {
		width: 48%;
	}

	#contenedor article .staffd {
		width: 48%;
	}

	.wasap-icon {
		width: 30px;
		height: auto;
	}
}

/****************************/
/*** DISE??0??5O PARA TABLETAS ***/
/****************************/
@media only screen and (max-width:480px) {

	/*.faz1 {
	display:none;
}*/
	.faz2 {
		display: block;
	}

	#menu {
		height: 117px;
	}

	/*#menu nav ul {
 display: table;
 margin-right: 0;
 width: 100%;
 float: none;
}
#menu nav li a {
 float: left;
 display: table-cell;
 padding: 7px;
 vertical-align: middle;
 width: auto;
 font-size: 13px;
}*/

	#menu img {
		float: none;
		width: 200px;
		margin: 0 auto;
	}

	#menu p {
		width: 100%;
		text-align: center;
	}

	#menu p {
		font-size: 11px;
		margin: 10px 0;
	}

	nav select {
		position: relative;
		margin: 0 auto;
		float: none;
		right: auto;
		margin: 0 auto;
		height: 25px;
		top: auto;
		color: #000;
		font-weight: bold;
	}

	nav select option {
		color: #000;
		font-weight: bold;
	}

	#principal li {
		width: 98% !important;
		padding: 1%;
		
	}

	#principal h2.home {
		vertical-align: middle;
		display: inherit;
		width: 100%;
		text-align: center;
		height: auto;
	}

	.bloque {
		display: block;
		width: 100%;
	}

	article img {
		width: 98%;
		margin: 0 auto;
		padding: 1%;
	}

	#contenedor article .listado {
		min-height: 168px;
	}

	.listado>li {
		width: 95%;
		padding: 1%;
	}

	.separador {
		display: none;
	}

	#contenedor h2.titulo2 {
		margin-left: 0;
	}

	#contenedor article .servicios h3 {
		margin: 5px;
	}

	#contenedor article .servicios img {
		width: 98%;
		margin: 0 auto;
		padding: 1%;
	}

	#contenedor article .servicios li {
		width: 98%;
	}

	#contenedor article .staff li {
		text-align: left;
		margin-bottom: 20px;
		width: 32%;
		float: left;
		min-height: 95px;
	}

	#contenedor article .staff li:nth-child(even) {
		float: left;
		width: 32%;
	}

	#contenedor article .triple li {
		width: 100%;
		text-align: left;
		padding: 0;
		float: none;
	}

	#pie-fondo {
		background: none;
		border-bottom: 1px solid #ccc;
	}

	.menu-bottom {
		border-bottom: 1px solid #ccc;
	}

	.menu-bottom a {
		width: 100%;
	}
}

/****************************/
/*** DISE??0??5O PARA TABLETAS ***/
/****************************/
@media only screen and (max-width:360px) {
	html {
		overflow-y: auto;
	}

	/*.faz1 {
	display:none;
}*/
	.faz2 {
		display: block;
	}

	#menu {
		height: 125px;
		padding-top: 15px;
	}

	#menu nav li a {
		width: 100%;
	}

	nav select {
		color: #000;
		font-weight: bold;
	}

	nav select option {
		color: #000;
		font-weight: bold;
	}

	#menu p {
		float: none;
		display: block;
		padding: 7px;
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin: 0;
	}

	#menu img {
		width: 250px;
	}

	#principal ul {
		margin-top: 43px;
	}

	#contenedor {
		margin-top: 46px;
	}

	#contenedor h2 {
		min-height: 27px;
		height: auto;
	}

	#contenedor article {
		width: 241px;
		margin: 0 auto;
		padding: 0;
		float: none;
	}

	#contenedor article p {
		font-size: 16px;
	}

	.fin {
		margin-bottom: 0;
	}

	#contenedor article .staff li {
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
		float: none;
	}

	#contenedor article .staff li:nth-child(even) {
		float: none;
		width: 100%;
	}

	.btn-online,
	#principal .btn-online {
		display: none;
	}

	#izquierda {
		float: none;
		margin-bottom: 30px;
		border: 0;
	}

	#izquierda img {
		margin-bottom: 10px;
	}

	form {
		width: 100%;
		margin: 0;
	}

	#contenedor form p {
		margin-bottom: 5px;
	}

	input {
		width: 221px;
		margin: 0;
	}

	.mensaje {
		height: 100px;
		margin-bottom: 15px;
	}

	.limpiar {
		color: #333;
		font-weight: bold;
		text-transform: capitalize;
		border-radius: 2px;
		background: #e8e8e8;
		/* Old browsers */
		background: -moz-linear-gradient(top, #e8e8e8 0%, #c3c3c3 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #c3c3c3));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e8e8e8 0%, #c3c3c3 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e8e8e8 0%, #c3c3c3 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e8e8e8 0%, #c3c3c3 100%);
		/* IE10+ */
		background: linear-gradient(to bottom, #e8e8e8 0%, #c3c3c3 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#c3c3c3', GradientType=0);
		/* IE6-9 */
	}

	.telefono1 {
		display: none;
	}

	.telefono2 {
		display: block;
	}

	.bordes {
		padding: 5px 0;
		border-bottom: 1px solid #CCC;
		border-top: 1px solid #CCC;
		margin: 10px auto;
		width: 96%;
	}

	.telefono2 strong {
		font-size: 13px;
	}

	#map-canvas {
		height: 177px !important;
	}

	#contenedor article .staffd {
		float: none;
	}

	#pie {
		float: left;
		margin-top: 73px;
	}

	.menu-bottom {
		border-bottom: none;
	}

	.menu-bottom a {
		padding: 0;
	}

	#izquierda2 {
		border: none;
		margin: 0;
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}

	#izquierda2 img {
		margin: 0 auto;
		float: none;
		padding: 0;
		display: block;
	}

	nav {
		width: 146px;
		margin: 0 auto;
		background: #CCC url(../images/selecto.png) no-repeat right;
		overflow: hidden;
		border-radius: 5px;
		border: 1px solid #999;
	}

	nav select {
		background: transparent;
		width: 160px;
		margin: 0 auto;
	}
}

/****************************/
/*** DISE??0??5O PARA TABLETAS ***/
/****************************/
@media only screen and (max-width:320px) {

	/*.faz1 {
	display:none;
}*/
	.faz2 {
		display: block;
	}

	.txtslider {
		margin-left: 45px;
	}

	.copyright {
		font-size: 9px;
	}

	nav select {
		color: #000;
		font-weight: bold;
	}

	nav select option {
		color: #000;
		font-weight: bold;
	}
}