/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* @font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica.otf') format('opentype');
} */

body {

	width: 100%;
	height: 100%;
	background-color: #56bfcd;
}

#wrapper_menu {

	width: 600px;
	height: 550px;
	margin: 60px auto;
	position: relative;
}

.menu_principal {

	width: 180px;
	height: 200px;
	float: left;
	background-image: url(../img/sprite_menu.png);
	background-repeat: no-repeat;
	cursor: pointer;
	position: absolute;
}

#contacto {

	background-position: -1150px -250px ;
	top: 185px;
  	left: 385px;


}
#contacto:hover {

	background-position: -1150px -30px ;
}

#contacto:hover #globo_contacto {

	display: block;
}

#documentacion {

	background-position: -705px -255px ;
	top: 350px;
  	left: 110px;

}
#documentacion:hover {

	background-position: -705px -30px ;

}
#documentacion:hover #globo_documentacion {

	display: block;
}
#electromedica {

	background-position: -260px -255px ;

	top: 185px;
	left: 10px;

}
#electromedica:hover {

	background-position: -260px -30px ;

}
#electromedica:hover #globo_electromedica {

	display: block;
}

#instrumentos{

	background-position: -483px -255px ;

	top: 25px;
	left: 110px;

}
#instrumentos:hover{

	background-position: -483px -30px ;

}
#instrumentos:hover #globo_instrumentos {

	display: block;
}

#servicios {

  background-position: -928px -255px;
  top: 25px;
  left: 288px;

}
#servicios:hover {

  background-position: -928px -30px;

}
#servicios:hover #globo_servicios {

	display: block;
	right: -150px;
}

#logo_centro {

	background-position: -35px  -25px ;
	top: 185px;
	left: 195px;
	cursor: auto;
	width: 180px;
	height: 200px;
	float: left;
	background-image: url(../img/sprite_menu.png);
	background-repeat: no-repeat;
	position: absolute;

}

#logo_marca{

	background-image: url(../img/logo_electromedica.png);
	width: 228px;
	height: 43px;
	float: left;
	left: 325px;
	top: 425px;
	position: absolute;

}

.img_globos {
	display: none;
	position: absolute;
	top:76px;
	left: -150px;
}
#globo_contacto, #globo_servicios {

	left: 150px;
}

.wrappers_secciones {
	display: none;
}

.wrappers_secciones{

	width: 725px;
	height: 725px;
	position: relative;
	margin: 100px auto 50px;
	background-image: url("../img/ventana.png");
	background-position: -15px -20px;
    background-repeat: no-repeat;
}

.close {
	width: 35px;
	height: 45px;
	position: absolute;
	top: 27px;
	right: 36px;
	cursor: pointer;
}

.img_sellos {
    position: absolute;
    top: -95px;
    left: -95px;
    opacity: 0.6;
}

#sello_instrumentos{
    top: -65px;
    left: -65px;
}
#sello_electromedica{
    left: -45px;
}

#sello_contacto, #sello_documentacion{
    top: -85px;
    left: -85px;
}

.titulos {

	margin: 30px 235px 60px;
}

#list_servicios {
	margin: 50px 0 0;
}

.li_lista_servicios {

	list-style: none;
	padding: 0 50px 15px;
	font-family: Helvetica;
	font-size: 18px;
	color:#878787;
	letter-spacing: 1px;

}

.li_lista_instrumentos {

	list-style: none;
	margin: 0 50px;
	padding: 0 0 0 180px;
	font-family: Helvetica;
	font-size: 18px;
	color:#878787;
	letter-spacing: 1px;
	height: 37px;
	border-top: solid 3px #56bfcd;
	line-height: 38px;
	cursor: pointer;

}
#incu {

	border-bottom: solid 3px #56bfcd;

}

.wrapper_li_lista_instrumentos{

	display: none;
	height: 300px;
	border-top: solid 3px #56bfcd;
	margin: 0 50px;
	padding: 30px 0 0;
}

#wrapper_impulse {

	display: block;

}

#impulse {

	display: none;
}


.txt_titulo_instrumentos {

	font-family: Helvetica;
	font-size: 18px;
	color:#878787;
	text-transform: uppercase;
}

.txt_bajada_instrumentos {

	font-family: Helvetica;
	font-size: 18px;
	color:#878787;
	padding: 20px 0 0;
	line-height: 22px;
}


.wrapper_img_lista_instrumentos {
    float: left;
    margin: 0 20px 0 0;
    width: 165px;
    height: 240px;
}

.wrapper_txt_electromedica {

	list-style: none;
	margin: 0 50px 20px;
	float: left;

}
.txt_electromedica {

	font-family: Helvetica;
	font-size: 18px;
	color:#878787;
	float: left;
	margin: 0 5px 0 0;
	line-height: 20px;

}

.txt_electromedica_bold {

	font-size: 18px;
	color:#878787;
	float: left;
	font-family: Helvetica;
	margin: 0 5px 0 0;
	line-height: 20px;
}


.txt_documentacion {
    font-family: Helvetica;
    font-size: 18px;
    color: #878787;
    margin: 0 5px 0 0;
    line-height: 20px;
    padding: 0px 60px 30px;
}

.li_list_documentacion{
	list-style: none;
	margin: 0 80px 10px 50px;
}

.li_list_documentacion:hover {

	opacity: 0.6;
}

#li_list_documentacion_last {

	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #878787;
}

.li_contacto {

	list-style: none;
	margin: 0 50px;
	float: left;
	width: 580px;

}

.li_contacto input, .li_contacto textarea {

	font-size: 21px;
	color:#878787;
	font-family: Helvetica;
	line-height: 20px;
	width: 580px;
	border: none;
	border-bottom: solid 3px #56bfcd;
	height: 50px;

}

.txt_contacto {

	font-family: Helvetica;
    font-size: 18px;
    color: #878787;
    line-height: 20px;
    text-align: center;
    margin: 0 0 0 50px;

}
.txt_contacto a {

	text-decoration: none;
	font-family: Helvetica;
    font-size: 18px;
    color: #878787;
    line-height: 20px;
    text-align: center;
}
#form_exito{

	display: none;
    float: left;
    margin: 0 0 0 20px;

}
.txt_exito_contacto {

	font-size: 21px;
	color:#878787;
	float: left;
	font-family: Helvetica;
	margin: 0 5px 0 0;
	line-height: 20px;
}



textarea {
	height: 170px !important;
}

#btn_enviar_contacto {

	background-color: #fff;
	float: right;
	width: 110px;
	font-size: 21px;
	color:#56bfcd;
	font-family: Helvetica;
	border: none;
	margin: 0 0 80px;
	cursor: pointer;

}
#rayo_conctacto {

	width: 25px;
	margin: 0 20px;
}


::-webkit-input-placeholder {
   color:#878787;
}

:-moz-placeholder { /* Firefox 18- */
   color:#878787;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#878787;
}

:-ms-input-placeholder {
   color:#878787;
}

footer {

	width: 800px;
	margin: 20px auto;
}

#menu_redes {
	width: 110px;
	height: 50px;
	margin: 0 auto 15px;
}

.li_redes {

	width: 50px;
	height: 50px;
	margin: 0 5px 0 0;
	background-image: url(../img/redes.png);
	background-repeat: no-repeat;
	float: left;
	list-style: none;
	opacity: 0.7;
}

.li_redes:hover {
	opacity: 1;
}

#facebook {
	background-position: 0 0;
}

#twitter {
	background-position: -75px 0;
}

.txt_footer{

	text-align: center;
	color:#fff;
	font-family: Helvetica;
}
.txt_footer a {

	color: #fff;
	text-decoration: none;
	font-family: Helvetica;
    letter-spacing: 2px;
}