@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Patua+One');/*font-family: 'Patua One', cursive;*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
h1,h2,h3,h4,h5,h6,div,span,strong,p,a,img,header,footer,section,ol, ul, li,hr,body{margin: 0px; padding: 0px;font-family: 'Roboto', sans-serif; line-height: 25px}
h3{font-size: 1.5em; color:#414141}
body{ background-image: url(../logos/backs1.png)!important}
header{width: 100%} 
section{width: 90%; margin-left: 5%;}
footer{width: 90%; margin-left: 8%; margin-top: 50px; overflow: hidden; position: relative}

/*begin*/
h1{font-family: 'Patua One', cursive; font-size:1.8em; font-weight:bold; color:#0465b2; text-align: center; line-height: 40px}
hr{
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(33,93,154,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(33,93,154,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(33,93,154,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(33,93,154,0.75), rgba(0,0,0,0));
color: #333;
text-align: center;
}
hr::after {
content:" ";
display: inline-block;
position: relative;
top: -2.1em;
font-size: 1.5em;
padding: 19px 1.75em;
background-size: 90px 90px;
height: 50px;}

section #IntropodologiadoctorNails ol li{display: inline-block}
section #IntropodologiadoctorNails ol li h1{margin-top: 50px}

.content1{ margin-bottom:35px; margin-top:15px}
.content2 h1{text-align: center;}
.content3 .compartir{margin-top: 25px; margin-bottom: 35px}
 
/*Testimonios*/
#archivosTesti{border-bottom: 1px dashed #BDB1B1; margin-top:3% }
#archivosTesti ol li{display: inline-block; vertical-align: top}
.panelTestimonio{width:58%; padding-right:5%}
.panelGuest{width: 40%}
.linea{padding-bottom:6px; margin-bottom:15px; border-bottom:1px dashed #BBBBBB}
#tabs-0 h3,#tabs-1 h3,#tabs-0 h3,#tabs-2 h3,#tabs-3 h3,#tabs-4 h3,#tabs-5 h3,#tabs-6 h3,#tabs-7 h3,#tabs-8 h3,#tabs-9 h3,#tabs-10 h3,#tabs-11 h3,#tabs-12 h3,#tabs-13 h3,#tabs-14 h3{padding-bottom:5px; padding-top:5px}
#tabs-0 h3 span,#tabs-1 h3 span,#tabs-0 h3 span,#tabs-2 h3 span,#tabs-3 h3 span,#tabs-4 h3 span,#tabs-5 h3 span,#tabs-6 h3 span,#tabs-7 h3 span,#tabs-8 h3 span,#tabs-9 h3 span,#tabs-10 h3 span,#tabs-11 h3 span,#tabs-12 h3 span,#tabs-13 h3 span,#tabs-14 h3 span{position: absolute;margin-top: -10px;}

.panelGuest fieldset {margin-top:40px; margin-bottom: 12px;border: 1px solid #D0D0D0}
.panelGuest fieldset form { padding:15px}
.panelGuest fieldset form input{ height: 35px; padding: 5px; width:96%; margin-bottom: 12px;border: 1px solid #DCDCDC}
.panelGuest fieldset form textarea{ height: 200px; padding: 5px; width:96%; margin-bottom: 12px; border: 1px solid #DCDCDC}

/*blog*/
section #principal { width:100%; position: relative; margin-top: 3%}
section #principal ol li{display:inline-block; vertical-align: top}
section #principal .principalIzq{width: 70%}
section #principal .principalright{width: 29%}
section #principal .principalright .contentRight #menupnRight{margin-top: 25px; margin-bottom: 25px; padding: 12px; text-align: center; width: 100%}
section #principal .principalright .contentRight{padding: 12px}
section #principal .principalright .contentRight fieldset {padding: 12px; border: 1px dashed #B3B3B3}
section #principal .principalright .contentRight fieldset legend{padding-left: 5px;padding-right: 5px}
section #principal .principalright .contentRight fieldset legend h4{background-color: #FF0004; padding: 5px; color: #F7F5F5}
section #principal .principalright .contentRight fieldset form {margin-bottom: -12px}
section #principal .principalright .contentRight fieldset form input{border: 0px;background-color: transparent; cursor: pointer;color: #215d9a; font-size: 1em;}
section #principal .principalright .contentRight fieldset form input:hover{color: #092f56}
section #principal .principalright .contentRight .docNailsK{margin-top: 35px; margin-bottom: 25px;}
section #principal .principalright .contentRight .docNailsK .tema02{padding: 20px; text-align: justify;}
section #principal .principalright .contentRight .docNailsK .tema02 h1{margin-top: 12px; margin-bottom: 12px; color: #0465b2;text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;}
section #principal .principalright .contentRight #opciones{margin-top: 35px; margin-bottom: 25px; text-align: justify}


.etiquetas{font-size: 1.2em; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; margin-top: 25px; padding-top: 8px; padding-bottom: 8px; text-align: justify; padding: 12px; color:#6E6D6D}
.etiquetas h3{color: #FF0004; font-size: 1em; margin-bottom: 12px}
#formComentario{margin-top:65px;}
#formComentario fieldset{padding: 2%; border: 1px dashed #CCCCCC}
#formComentario fieldset legend{padding-left:5px; padding-right: 5px; color: #215d9a;font-family: 'Patua One', cursive; font-size:1.8em; font-weight:100}
#formComentario fieldset form input,#formComentario fieldset form textarea{width: 95%; margin-bottom:12px; height: 36px; padding: 5px; border: 1px solid #C9C9C9}
#formComentario fieldset form textarea{height: 200px}
#tema{background-color: transparent;border: 0px solid #FFFFFF;font-size:0.95em; color: #B3B3B3}
#enviarC{border: 0px solid #000000; cursor: pointer; }
.comentariosB .testimonio{margin-top: 25px}
.comentariosB .testimonio p{margin-bottom:8px; margin-top: 3%; background-color: #EFF3F7; width: auto; padding: 5px; font-weight: bold}
.comentariosB .testimonio p span{padding-left:6px; border-left: 1px solid #CCCCCC; margin-left: 12px;color:#B3B3B3 }
.comentariosB .testimonio .comentarioP{margin-top: 0px; padding-bottom: 12px;
-webkit-box-shadow: 3px 5px 6px -2px rgba(0,0,0,0.52);-moz-box-shadow: 3px 5px 6px -2px rgba(0,0,0,0.52);box-shadow: 3px 5px 6px -2px rgba(0,0,0,0.52);}

section #principal .principalIzq .contentIzq1{padding-right:10%; border-right: 1px solid #CCCCCC}
section #principal .principalIzq .contentIzq1 h1{margin-bottom: 20px;}
section #principal .principalIzq .contentIzq1 h3{margin-bottom:12px; margin-top: 20px}
section #principal .principalIzq .contentIzq1 ul {margin-left: 35px}
section #principal .principalIzq .contentIzq1 ul li{ margin-bottom: 8px; display: list-item; list-style-image: url(../icons/icon_podologia_peru.png)!important}
section #principal .principalIzq .contentIzq1 ul li ul {margin-top:12px }
section #principal .principalIzq .contentIzq1{border-bottom: 1px dashed #CCCCCC; padding-bottom: 8px; text-align: justify}
section #principal .principalIzq .contentIzq2{width: 100%; right: 0px; color:#848484;font-size: 12px;text-align: right }

/*panelPrincipalSNR*/
#panelPrincipalSNR {width:100%; position: relative; padding-top: 25px}

#panelPrincipalSNR .infoRelated, #panelPrincipalSNR .contenido{margin-top: 35px; text-align: justify;}
#panelPrincipalSNR .infoRelated h3{margin-top:35px; margin-bottom: 12px}

.infoRelated h2, .infoRelated h4,.infoRelated h5,.infoRelated h6,#Accordion1 h3, #Accordion1 h2, #Accordion1 h4, #Accordion1 h5, #Accordion1 h6{margin-bottom: 25px; margin-top: 35px}
.infoRelated ul,#Accordion1 ul{margin-left: 25px; list-style-type: square;}
.infoRelated ul li, #Accordion1 ul li{margin-bottom: 12px}
.infoRelated {line-height: 31px}
.infoRelated p {padding-bottom: 12px }
.infoRelated p a{text-decoration: none; color:#292929 }
.infoRelated p a:hover{color:#000000 }
.infoRelated p a::before{content: "- "}


/*panelPrincipalCNR*/
#panelPrincipalCNR ol li{display: inline-block; vertical-align: top}
#panelPrincipalCNR .contenidoLeft{width: 70%}
#panelPrincipalCNR .contenidoLeft h1{margin-top: 35px}
#panelPrincipalCNR .contenidoLeft .contenido01{margin-top: 20px; text-align: justify}
#panelPrincipalCNR .contenidoLeft .contenido01 h3{margin-bottom:20px; margin-top:35px; line-height:31px; text-align: left; font-size: 1.3em} 
#panelPrincipalCNR .contenidoLeft .contenido01 h3::before{content: url(../icons/icon_podologia_peru.png)!important} 
#panelPrincipalCNR .contenidoLeft .contenido01 h4{margin-top: 25px; margin-bottom: 12px; margin-left: 35px;  text-align: left} 
#panelPrincipalCNR .contenidoLeft .contenido01 h2{margin-top: 25px; margin-bottom: 12px; margin-left: 35px; line-height: 31px; text-align: left} 
#panelPrincipalCNR .contenidoLeft .contenido01 ul li{margin-top: 5px; margin-bottom: 5px; margin-left: 55px; display: list-item; text-align: left; list-style-type: square} 

#panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 35px} 

#panelPrincipalCNR .contenidoRight{width: 29.5%}
#panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 80px} 
#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .doctorNoticias {padding-top: 340px; margin-top: 300px} 
#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .doctorNoticias .doctorNoticiasContent{height: 300px;overflow-y:scroll; text-align: justify; padding: 8px } 
#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .doctorNoticias .doctorNoticiasContent h2{margin-bottom: 12px; margin-top: 12px;line-height: 29px; text-align: left} 
#panelPrincipalCNR .contenidoRight .contenido01 .container{width:100%; text-align: center; margin-top: 50px}
#panelPrincipalCNR .contenidoRight .contenido01 .container .contenedor-slider {
	height: 120px;
	overflow: hidden;
	position: relative;
	margin: 0; border-top: 0px dashed #D1D1D1;
	/*background: #f1f1f1 url(../images/fondo.jpg) repeat-x 0 0;*/} 
#panelPrincipalCNR .contenidoRight .contenido01 .container {border: 1px dashed #A69E9E}
#panelPrincipalCNR .contenidoRight .contenido01 .container h1{background-color: #ff0000;padding: 8px; color:#FDFDFD; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; border:none}


#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .docNailsK {clear:both; float:left; margin-top: -240px; text-align: justify; background-image: url(../images/que-es-un-podologo.jpg)!important; background-repeat: no-repeat; background-size: cover; padding-top: 1px; padding-bottom: 5px; } 
#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .docNailsK .tema02{padding:24px;color: #ECECEC;} 
#panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .docNailsK .tema02 h1{padding-bottom: 25px; font-size: 1.8em;color: #ECECEC; 
	text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;} 


#opciones{ background-color:#F9F9F9; padding: 12px; width: 90%; margin-left: 5%; margin-top: -45px}
#opciones .tema02 h1{color: #FFFFFF}
#opciones .tema02 p{margin-bottom: 12px; margin-top: 12px; color: #E3E3E3}
#opciones .tema03 .opc03{background-color:#F3F3F3; padding: 5px;text-align: center}
.f1,.f2,.f3,.f4{}
.f1,.f2{font-size: 1.5em; line-height: 40px}
.f2{font-size: 3em; line-height: 40px}
.f3{color:#0791DD;font-size: 2em}
.f4{color: #DD0707; font-weight: bold}
#opciones .tema03 h5{text-align: right; padding: 5px; color: #F7F7F7}

.barrainferior{background-color:#fbfbfb!important; position: fixed; bottom:0px;width: 100%;left: 0px; padding-top: 8px;padding-bottom:8px;  z-index:1200; }
.barrainferior ul li{display: inline-block;width:33%; font-size: 2em; margin: 0px; margin-bottom: 0px; margin-top: 0px}
.barrainferior ul li {text-decoration: none;padding: 3px;font-size: 1.5em}
.barrainferior ul li span a{text-decoration: none; color:#058bd5}
#mostrar{cursor: pointer}
#chats{position: fixed; z-index:3500;bottom:65px; right: 20px; width: 270px; height: 330px; background-color:#011131;display: none; color: #F5F5F5}
#chats ol li img{width: 200px;}
#chats ol li{margin-bottom: 6px;margin-top: 6px;width: 250px;}
#chats ol li a{color: #F5F5F5}
.headChat{color:#E8E8E;padding: 12px}
#mostrar{position: fixed; bottom:5px;right: 0px}
#cerrar{position: absolute; right: -15px; top: -15px; border-radius: 50%;color:#FFFFFF; background-color:#011131; border:2px solid #FFFFFF; padding: 6px; width:40px; height:40px; text-align: center;cursor: pointer}
.opc a{text-decoration: none}
.opc{border: 1px solid #F8F8F8; border-radius:20px; box-decoration-break: slice; box-shadow: 2px 1px 3px #000;width:80%; padding-top: 10px;padding-bottom:10px}
.opc:hover{background-color:#0c275f;cursor: pointer;border:none;}
@media screen and (min-width:10px) and (max-width:600px) 
 { 
     #contentNoticias{position: relative; margin-top: 35px; margin-bottom:85px; width: 100%; margin-left: 0%}
	 .content3 .compartir{margin-top:0px; }
	 section #IntropodologiadoctorNails ol li ul li{display: inline-block; width:98%; position: relative; margin: 2%; margin-bottom:3%;padding-top:2%; }
	 h1{font-family: 'Patua One', cursive; font-size:1.5em; font-weight:100; color:#0465b2; text-align: center; line-height: 32px}
	 
	 #panelPrincipalCNR .contenidoLeft{width: 100%}
	 #panelPrincipalCNR .contenidoRight{width:100%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 5px} 
	#panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 5px} 
	 
	 section #principal .principalIzq{width: 100%}
     section #principal .principalright{width: 100%}
	 
#panelPrincipalCNR .contenidoLeft .contenido01 h4{margin-left: 8px;} 
#panelPrincipalCNR .contenidoLeft .contenido01 h2{margin-left: 8px;} 
#panelPrincipalCNR .contenidoLeft .contenido01 ul li{margin-left: 15px;} 
 }

@media screen and (min-width:600px) and (max-width:840px) {
	section #IntropodologiadoctorNails ol li ul li{display: inline-block; width:45%; position: relative; margin: 2%; margin-bottom:3%;padding-top:2%; } 
 	 h1{font-size:1.8em; font-weight:100; color:#0465b2; text-align: center; line-height: 30px}
	
  	 #panelPrincipalCNR .contenidoLeft{width: 100%}
	 #panelPrincipalCNR .contenidoRight{width:100%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 5px} 
	 #panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 5px} 
	 
	 section #principal .principalIzq{width: 100%}
     section #principal .principalright{width: 100%}
	#panelPrincipalCNR .contenidoLeft .contenido01 h4{margin-left: 8px;} 
   #panelPrincipalCNR .contenidoLeft .contenido01 h2{margin-left: 8px;} 
#panelPrincipalCNR .contenidoLeft .contenido01 ul li{margin-left: 15px;} 
 }
    
@media screen and (min-width:840px) and (max-width:900px) 
 { 
  	 #IntropodologiadoctorNails .panel1 .content2 ul li .boobyImgText div {margin-left:15%} 
	 
	  	 #panelPrincipalCNR .contenidoLeft{width: 100%}
	 #panelPrincipalCNR .contenidoRight{width:100%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 5px} 
	#panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 5px} 
	 		 section #principal .principalIzq{width: 100%}
         section #principal .principalright{width: 100%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 h4{margin-left: 8px;} 
#panelPrincipalCNR .contenidoLeft .contenido01 h2{margin-left: 8px;} 
#panelPrincipalCNR .contenidoLeft .contenido01 ul li{margin-left: 15px;} 
 }


@media screen and (min-width:900px) and (max-width:1050px) 
 { 
  #IntropodologiadoctorNails .panel1 .content2 ul li .boobyImgText div {margin-left:20%}
	 
 	 #panelPrincipalCNR .contenidoLeft{width: 60%}
	 #panelPrincipalCNR .contenidoRight{width:39.5%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 30px} 
	#panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 60px} 
	 #panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .doctorNoticias {padding-top: 450px;} 
	#panelPrincipalCNR .contenidoRight .contenido01 .container{width:100%; text-align: center; margin-top: 120px}
	 #panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .docNailsK {clear:both; float:left; margin-top: -230px;}
 }


 @media screen and (min-width:1050px) and (max-width:1200px) 
 { 
  #IntropodologiadoctorNails .panel1 .content2 ul li .boobyImgText div {margin-left:20%}
	 
 	  	 #panelPrincipalCNR .contenidoLeft{width:70%}
	 #panelPrincipalCNR .contenidoRight{width:29.5%}
	 #panelPrincipalCNR .contenidoLeft .contenido01 p{margin-left: 35px} 
	 #panelPrincipalCNR .contenidoRight .contenido01 #contentNoticias .doctorNoticias {padding-top: 450px;} 
	 #panelPrincipalCNR .contenidoRight .contenido01 .container{width:100%; text-align: center; margin-top: 120px}
	#panelPrincipalCNR .contenidoRight .contenido01 {padding-left: 80px}  
 }