@charset "utf-8";
/* CSS Document */

#todo {
	height: auto;
	width: 100%;

}
#logo {
	float: left;
	height: auto;
	width: 20%;
	background-color: #FFF;
}
#logo img{
	height: 75%;
	width: 75%;
	vertical-align: middle;
	margin-top: 10%;
	margin-bottom:10%;
	margin-left: 5%;
}

section {
	background-color: #D8EAED;
	width: 100%;
	clear: both;
	padding-bottom: 0.5%;
}
#otros {
	background-color: #D8EAED;
	width: 100%;
	clear: both;
	padding-bottom: 0.5%;
}
section h1, #psiquiatra h1, #otros h1{
	font-size: 1.5em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 2%;
	}
section h2, #psiquiatra h2, #otros h2{
	font-size: 1.3em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 2%;
	padding-bottom: 0.8%;
	}

section h3, #psiquiatra h3, #otros h3{
	font-size: 1.1em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 1%;
	padding-bottom: 0.8%;
	}

section h3 a, #psiquiatra h3 a, #otros h3 a{
	text-decoration: none;	
	color:#009FE3;
	}	

section h3 a:hover, #psiquiatra h3 a:hover, #otros h3 a:hover{
	color: #000;
	text-decoration: none;	
	}		
	
section ul li, #psiquiatra ul li, #otros ul li{
	width:50%;
	font-size: 1.0em;
	color: #000;
	text-align: justify;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	list-style-type: disc;
	/*list-style-position: inside;*/
	margin-right: auto;
	margin-left: auto;
	}
	
section p{
	font-size: 1.0em;
	font-family: Tahoma, Geneva, sans-serif;
	line-height:20px;
	}	

#psiquiatra{
	background-color: #FFF;
	width: 100%;
	clear: both;
	padding-bottom:1%;
	}
#caracteristicas{
	width: 80%;
	margin-top: 2%;
	margin-bottom: 2%;
	margin-right: auto;
	margin-left: auto;
	}			
#instalacion, #nube, #seguro, #facil{
	margin-top: 1%;
	margin-bottom: 1%;
	}
	
#instalacion h1, #nube h1, #seguro h1, #facil h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.3em;	
	text-align: center;
	vertical-align: middle;	
	}	
	
#instalacion span, #nube span, #seguro span, #facil span{
	font-size: 8em;
	text-align: center;
	vertical-align: middle;
	color: #009fe3;
	display: block;
	}	

#instalacion p, #nube p, #seguro p, #facil p{
	width:40%;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	margin-right: auto;
	margin-left: auto;	
	}	
	
#banner {
	width: 100%;
	height: auto;
	/*z-index:200;*/
}

#menu {
	float: right;
	height: auto;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	background:#FFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
footer{
	float: left;
	height: auto;
	width: 100%;
	/*margin-top: 2%;*/
	padding-top: 1%;
	padding-bottom: 1%;
	background-color: #0463b5;
	}
footer h1{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	color: #ffffff;
	padding-left: 10%;
	font-weight: bold;
	}		
footer p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.850em;
	color: #ffffff;
	padding-left: 12%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	}	
footer span{
	color: #ffffff;
	/*color: #D8EAED;*/
	}
	
footer .imgderecha{
	padding-right: 10%;
	float: right;
	}		
	
footer a{
	color: #ffffff;
	text-decoration: underline;	
	}
/*Desde aqui el codigo para el menu*/
* {
	margin:0;
	padding:0;
}


header {
	width:75%;
	float: right;
	margin-top: 3%;
}

header nav {
	width:100%;
	/*max-width:1000px;*/
	margin:20px auto;
	background:#009FE3;
}

.menu_bar {
	display:none;
}

header nav ul {
	overflow:hidden;
	list-style:none;
}

header nav ul li {
	float:left;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a:hover {
	background:#D8EAED;
	color: #009fe3;	
	
}

/*Codigo para el formulario*/
#formucontactenos{
	margin-left: auto;
	width: 25%;
	margin-right: auto;
	}	
.mayusculas  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
}
.etiqueta {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.800em;
	font-weight: bold;
	color: #000000;
}
#formucontactenos input, #formulariocontactenos textarea, #resultado_mensaje{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	}

#formucontactenos h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.000em;
	color: #000000;
	text-align: center;	
	}
			
#resultado{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.00em;
	color: #000000;
	text-align: center;	
	}	
#enviar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	padding: 8px;
	margin-left: 10px;
	font-weight: bold;
}	
.error {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
	background-color: #F66;
}

/* Estilos para pantalla de ingreso*/
#contenedorlogin{
	width: 20%;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #706f6f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0.2%;
	margin-bottom: 1%;
}

#contenidologin{
	width: 100%;
	background-color: #004077;
	box-sizing:border-box;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#contenidologinpsi{
	width: 100%;
	background-color: #c7e2cc;
	box-sizing:border-box;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#contenidologin p, #contenidologinpsi p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	margin: 0px;
	padding: 0px;	
}

#contenidologin #etiqueta{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

#contenidologinpsi #etiqueta{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#contenidologin .dato, #contenidologinpsi .dato{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contenidologin h2, #contenidologinpsi h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666666;
}

#contenidologin h3, #contenidologinpsi h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #336600;
	font-style: italic;
	font-weight: bold;
}

.botonder {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #004077;
	background-color: #ffffff;
	padding: 5px;
	text-decoration: none;
	float: right;
}

@media screen and (max-width:850px ) {
header {
	float: right;
	margin: 0px;
}
#logo img{
	height: 75%;
	width: 75%;
	vertical-align: middle;
	margin-left: 5%;
}
#instalacion, #nube, #seguro, #facil{
	float: left;
	width: 100%;
	clear: both;
	}
#instalacion h1, #nube h1, #seguro h1, #facil h1{
	text-align: center;
	vertical-align: middle;	
	}
#instalacion p, #nube p, #seguro p, #facil p{
	width:90%;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	margin-right: auto;
	margin-left: auto;	
	}	
section ul li, #psiquiatra ul li, #otros ul li{
	width:80%;
	font-size: 0.900em;
	color: #000;
	text-align: justify;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	list-style-type: disc;
	/*list-style-position: inside;*/
	margin-right: auto;
	margin-left: auto;
	}

#contenedorlogin{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #706f6f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0.2%;
	margin-bottom: 1%;
}	
}

@media screen and (max-width:650px ) {
section h1, #psiquiatra h1, #otros h1{
	font-size: 1.1em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 2%;
	}
section h2, #psiquiatra h2, #otros h2{
	font-size: 0.900em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 2%;
	padding-bottom: 2%;
	}
section h3, #psiquiatra h3, #otros h3{
	font-size: 0.850em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	padding-top: 1%;
	padding-bottom: 0.8%;
	}
		
#instalacion, #nube, #seguro, #facil{
	float: left;
	width: 100%;
	clear: both;
	}
#instalacion h1, #nube h1, #seguro h1, #facil h1{
	text-align: center;
	vertical-align: middle;	
	}
#instalacion p, #nube p, #seguro p, #facil p{
	width:90%;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	margin-right: auto;
	margin-left: auto;	
	}
	
#menu{
	width:100%;
	float: left;
	background-color: #FFF;
	}
#logo{
	float: left;
	width: 60%;
	}	
header{
	float: right;
	width: 30%;
}	

	header nav {
		width:75%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
		z-index:100;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#ffffff;
		color:#009fe3;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}
	section ul li, #psiquiatra ul li, #otros ul li{
	width:90%;
	font-size: 0.800em;
	color: #000;
	text-align: justify;
	vertical-align: middle;
	font-family: Tahoma, Geneva, sans-serif;
	list-style-type: disc;
	/*list-style-position: inside;*/
	margin-right: auto;
	margin-left: auto;
	}
#formucontactenos{
	width: 100%;
	float: left;
	background-color: #D8EAED;
	padding-left: 4%;
	padding-bottom: 2%;
	}
#contenedorlogin{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #706f6f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 0.2%;
	margin-bottom: 1%;
}	
footer .imgderecha{
	padding-right: 2%;
	float: right;
	width:10%;
	height:10%;
	}	
	
}

@font-face {
  font-family: 'softhealth';
  src:  url('fonts/softhealth.eot?ka2add');
  src:  url('fonts/softhealth.eot?ka2add#iefix') format('embedded-opentype'),
    url('fonts/softhealth.ttf?ka2add') format('truetype'),
    url('fonts/softhealth.woff?ka2add') format('woff'),
    url('fonts/softhealth.svg?ka2add#softhealth') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'softhealth' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e9e0";
}

.icon-home:before {
  content: "\e9b8";
}

.icon-mail:before {
  content: "\e9da";
}

.icon-new-message:before {
  content: "\e9ea";
}

.icon-shop:before {
  content: "\ea10";
}

.icon-upload-to-cloud:before {
  content: "\e955";
}

.icon-browser:before {
  content: "\e974";
}

.icon-thumbs-up:before {
  content: "\ea2a";
}
.icon-lock:before {
  content: "\e9d4";
}
.icon-mobile:before {
  content: "\e9e4";
}
.icon-old-phone:before {
  content: "\e9f0";
}
.icon-facebook:before {
  content: "\ea67";
}
.icon-key:before {
  content: "\e9c1";
}
.icon-whatsapp:before {
  content: "\ea93";
}

.centrar {
	text-align: center;
}