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

/*sector logo*/header{background-image: url(../icons/back.png)!important;background-size:auto; }
header #sectorLogo .opcionesExtras{opacity:1; position:absolute; z-index:3500; margin-left: 1%; top:12px; font-weight: 800; color: #D1D1D1; color: #181818; font-size: 1.2em}
header #sectorLogo .opcionesExtras a{text-decoration: none;}

header #sectorLogo #socialred{position: absolute; top: 0; margin-top:0px;  width: 100%; padding-right: 4%; height:45px; padding-top:5px; background-color:#F5F5F5
} 
header #sectorLogo ul li{display: inline-block; width: 49.5%;}
 .col1 div{padding-left:1%; color:#0083cb; font-weight: bold; font-size: 1.3em; padding-top: 2px; vertical-align: middle}
.col2 .opcionesExtras{margin-top: -6px}
header #sectorLogo #socialred a{text-decoration: none;}
 
header #sectorLogo .logo{position: absolute; z-index: 2000; text-align: center; width:auto; top:120px; margin-left:1%;}
 .logoMenu{display: none}
footer ol li{ display: inline-block; text-align: center; margin-bottom: 50px}
footer #fcol1{ width:100%; vertical-align: top;}
footer #fcol2{width: 100%; vertical-align: top;text-align: right}
footer #fcol2 .frtoFooter1{right:0; margin-left: 1%}
footer #fcol3{width:100%}
footer #fpagelast{margin-top: 50px;position: relative; }
/*fin*/ 
#contactus{border-bottom: 1px solid #D1D1D1; padding-bottom: 25px;}
#contactus .contentContact{margin-top: 35px; line-height:normal}
#contactus .contentContact ul li{ display: inline-block; vertical-align: top;}
#contactus .contentContact .formContact{width:60%; padding-right: 10%}
#contactus .contentContact .formContactInfo{width: 39%; text-align: left; vertical-align: middle; padding-top: 12%}
#contactus .contentContact .formContact form{margin-top: 35px}
#contactus .contentContact .formContact form input{margin-top:5px; margin-bottom: 12px;  width: 100%; height: 35px; padding: 8px}
#contactus .contentContact .formContact form textarea{margin-top: 12px; margin-bottom: 12px; padding: 8px; width: 100%; height:150px}
#cboxCapcha{width:250px;}

/*imagenes banner*/
#mybnrImage{position: relative; margin-top:45px} #mybnrImage img{width:100%}
#mybnrImage .detalleImage ul li{display:inline-block; margin:0px; padding: 8px;}
#mybnrImage .detalleImage{position: absolute;bottom:18px; left:50px;opacity:1}
#mybnrImage .detalleImage .tImage{background-color:#ff0000;color: #FFFFFF; font-weight: 900;padding-right: 5px}
#mybnrImage .detalleImage .dImage{background-color: #fff; color: #215d9a; font-weight: 900; margin-left: -5px}

/*cita
.cita{position: absolute; top: 200px; right: 4%}
.cita p a img{width:auto;height: auto }
.cita p a{color: #E1E1E1;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; }
*/

.cita .citaA{position: fixed; bottom:1px; left: 1%; z-index: 50000}
.cita .citaA p a img{width:auto;height: auto }
.cita .citaA p a{color: #fff;text-shadow: 1px 2px 3px #215d9a, -1px 0 0 #215d9a, 0 1px 0 #215d9a, 0 -1px 0 #215d9a, 1px 1px #215d9a, -1px -1px 0 #215d9a, 1px -1px 0 #215d9a, -1px 1px 0 #215d9a; text-decoration: none}
.cita .aviso{position: absolute; right: 1%; text-align: center; top:160px;}
.cita .aviso h1{color: #FF0004;text-shadow: 1px 2px 3px #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.cita .aviso marquee p{text-shadow:none }
.cita .aviso marquee {width: 300px; height: 100px; background-color: #F7F2F2; opacity: 0.9; padding: 5px }


	 #archivosTesti .panelGuest{margin-top: 35px}
	 #archivosTesti .panelTestimonio #Tabs1 #tabs-0 h3{margin-top: 35px}
#Tabs1{margin-top: 20px}
#Tabs1 #tabs-1 .cssStyle h3::before, #Tabs1 #tabs-2 .cssStyle h3::before, #Tabs1 #tabs-1 .cssStyle h3::before, #Tabs1 #tabs-3 .cssStyle h3::before, #Tabs1 #tabs-1 .cssStyle h3::before,#Tabs1 #tabs-4 .cssStyle h3::before,#Tabs1 #tabs-5 .cssStyle h3::before{content: url(../icons/trekkingItems.png)!important}
#Tabs1 #tabs-1 .cssStyle h3,#Tabs1 #tabs-2 .cssStyle h3, #Tabs1 #tabs-3 .cssStyle h3, #Tabs1 #tabs-4 .cssStyle h3, #Tabs1 #tabs-5 .cssStyle h3{margin-top: 25px; margin-bottom: 12px; line-height:28px}
#Tabs1 #tabs-1 .cssStyle ul li, #Tabs1 #tabs-3 .cssStyle ul li, #Tabs1 #tabs-4 .cssStyle ul li, #Tabs1 #tabs-5 .cssStyle ul li{list-style-type: square; display: list-item; list-style-image: url(../icons/check_amazon_tours.png)!important;margin-bottom: 8px; margin-left: 25px}
#Tabs1 #tabs-1 .cssStyle h3, #Tabs1 #tabs-2 .cssStyle h3, #Tabs1 #tabs-3 .cssStyle h3, #Tabs1 #tabs-4 .cssStyle h3, #Tabs1 #tabs-5 .cssStyle h3{ font-size: 1.2em} 
/*fotos*/
#Tabs1 #tabs-2 .cssStyle ol li{width: 24.5%; display: inline-block}
#Tabs1 #tabs-2 .cssStyle ol li img{ 
	border: 5px solid #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
	 -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;

}
#Tabs1 #tabs-2 .cssStyle ol li img:hover {
	margin-left: 60px;
    opacity: 1;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
	-webkit-transform: scale(2.4);
    -moz-transform: scale(2.4);
    -o-transform: scale(2.4);
    -ms-transform: scale(2.4);
    transform: scale(2.4);
}
	
#panelPrincipalSNR .contenido #Accordion1 .servicios ol li{width: 22%;display: inline-block;height: 300px;vertical-align:bottom; margin: 12px; text-align: center; position: relative; margin-bottom: 25px}
#panelPrincipalSNR .contenido #Accordion1 .servicios ol li .text{padding:15px;font-size:1.2em; line-height: 31px; position: absolute; height: 300px; width: 100%; text-align:center; background-image: url(../images/pies_sanos_podologia_peru.jpg)!important;color: #CCCCCC; bottom: 0px}
#panelPrincipalSNR .contenido #Accordion1 .servicios ol li .text a{color: #00a2f4; text-shadow: 2px 0 0 #0d0d0d, -2px 0 0 #0d0d0d, 0 2px 0 #0d0d0d, 0 -2px 0 #0d0d0d, 1px 1px #0d0d0d, -1px -1px 0 #0d0d0d, 1px -1px 0 #0d0d0d, -1px 1px 0 #0d0d0d; text-decoration: none; background-repeat: no-repeat}
#panelPrincipalSNR .contenido #Accordion1 .servicios ol li .text:hover a{filter: sepia(60%); cursor: pointer}
#panelPrincipalSNR .contenido #Accordion1 .servicios ol li .text:hover {cursor: pointer; background-image: url(../images/pies_sanos_podologia_peru1.jpg)!important; }

.cita{position: absolute; top:12%;padding-right:5px; text-align:left; vertical-align: top; right: 10px; width:50%}
.cita h2{margin-bottom: 8px; color: #49ad00;font-size:2em; font-weight: bold; line-height: 35px;text-shadow: #000 1px 1px 0px;}
.cita h3{color: #000000; font-size:3.6em; font-weight: bold; line-height:48px; margin-top:12px; margin-bottom:12px}
.cita p, .cita strong, .cita p span{color: #0579c2; text-decoration:none; text-align:justify; font-size: 1.4em;line-height: 26px;text-shadow: #333 -1px 1px 0px; }
.cita ul li{list-style-image: url("../icons/check_amazon_tours.png")!important; margin-left:24px}
#tour{width: 100%; position: relative; margin-bottom: 25px; border-bottom-style: dashed; border-bottom-color: #D4D4D4; }
#tour ul li{display: inline-block; vertical-align: top; margin-top: 35px; }
#tour ul li div  ol li{display:list-item; width:100%; vertical-align: top; margin-top: -5px }
.tourCol1{width: 40%}
.tourCol1 .imgSquare{position: relative;}
.tourCol1 .imgSquare h2{position: absolute;top: -35px; width: 100%; padding: 12px; background-color: #000000; opacity: 0.8; color:#EBE6E6}

.tourCol2{width: 59%}
.opc{width: 100%; padding-left: 25px;position: relative}
.tourCol2 .opc p strong em,.tourCol2 .opc p em ,.tourCol2 .opc p strong {font-size: 1.4em;}
.tourCol2 .opc p{padding-bottom: 12px }
.opc h1 {padding: 0px; margin: 0px; margin-top: 25px; margin-bottom: 12px; text-align: left; color: #5E7605	}
.opc ol li{width: 100%; padding: 0px; margin-left: 25px; vertical-align: top;list-style-image: url(../icons/trekking.png)!important}
.opc ol li a{color:#00a2f4; text-decoration: none; font-weight: bold;}
.opc ol li a:hover{color:#00a2f4; text-decoration:underline; font-weight: normal}

.contenido01 #contentOpc{margin-top:100px;}
.contenido01 #contentOpc .podologiaDocNails .tema03, .contenido01 #contentOpc .podologiaDocNails .tema02 {
	margin-top: 25px; margin-bottom: 25px;
}
.contenido01 #contentOpc .podologiaDocNails .tema03 h1,.contenido01 #contentOpc .podologiaDocNails .tema02 h1,.contenido01 #contentOpc .podologiaDocNails .tema01 h1{color:#E8DDDE; background-color: #5e8024; padding-top: 2px; padding-bottom: 2px; font-size: 1.2em; font-weight: normal; letter-spacing: 1px; margin-bottom: 12px; margin-top:22px}
.contenido01 #contentOpc .podologiaDocNails .tema03 ol li,.contenido01 #contentOpc .podologiaDocNails .tema02 ol li,.contenido01 #contentOpc .podologiaDocNails .tema01 ol li{
	display: list-item; list-style-image:url(../icons/listaProg.png)!important;
	margin-top: 0px; margin-bottom:0px; padding-bottom: 0px; margin-left: 45px; font-size: 0.90em;
}

.contenido01 #contentOpc .podologiaDocNails .tema03 ol li:hover,.contenido01 #contentOpc .podologiaDocNails .tema02 ol li:hover,.contenido01 #contentOpc .podologiaDocNails .tema01 ol li:hover{
	background-color: #6F8F3A;list-style-image:none !important; list-style-type: none;cursor: pointer;padding-bottom: 2px; padding-top: 2px}


.contenido01 #contentOpc .podologiaDocNails .tema03 ol li:hover::before,.contenido01 #contentOpc .podologiaDocNails .tema02 ol li:hover::before,.contenido01 #contentOpc .podologiaDocNails .tema01 ol li:hover::before{content: "» ";}

.contenido01 #contentOpc .podologiaDocNails .tema03 ol li a,.contenido01 #contentOpc .podologiaDocNails .tema02 ol li a,.contenido01 #contentOpc .podologiaDocNails .tema01 ol li a{
	color: #000000; text-decoration: none}
.contenido01 #contentOpc .podologiaDocNails .tema03 img,.contenido01 #contentOpc .podologiaDocNails .tema02 img, .contenido01 #contentOpc .podologiaDocNails .tema01 img{ padding:12px}

.reserve{width:90%; margin-left: 5%; background-color: #F4DC04;padding: 12px; text-align: center; margin-bottom: 12px; margin-top: 25px}

/*.contenido01 #contentOpc .podologiaDocNails .tema02*/
.contenido01 #contentOpc .podologiaDocNails .tema02 ul li{ margin-left: 25px; margin-top: 5px; margin-bottom: 5px; color:#CCCCCC;  display: list-item; list-style: none; text-align: left}
.contenido01 #contentOpc .podologiaDocNails .tema02 ul li a{text-decoration: none;}
.contenido01 #contentOpc .fODer fieldset{padding: 12px; margin-bottom:35px}
.contenido01 #contentOpc .fODer .tema01 figure { width: 100%;padding: 0px; margin: 0px;}
.contenido01 #contentOpc .fODer .tema01 figure figcaption {text-align: justify; font-size: 0.8em}
.contenido01 #contentOpc .fODer .tema01 h1,.contenido01 #contentOpc .fODer .tema02 h1 {background-color: #70be44; font-size:2em;color:#E9E6E6; padding: 6px;line-height: 35px}

.contenido01 #contentOpc .fODer .tema01 h2, .contenido01 #contentOpc .fODer .tema02 h2,.contenido01 #contentOpc .fODer .tema03 h2{color:#0465b2; line-height: 48px; font-size: 2.8em; margin-bottom: 15px; margin-top: 15px;word-wrap: break-word; overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.contenido01 #contentOpc .fODer .tema01 h3, .contenido01 #contentOpc .fODer .tema02 h3, .contenido01 #contentOpc .fODer .tema03 h3 {color:#5c88c5; line-height: 25px; font-size: 1.2em;word-wrap: break-word;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; margin-bottom: 15px; text-align: justify}
.contenido01 #contentOpc .fODer .tema01 ol li,.contenido01 #contentOpc .fODer .tema02 ol li, .contenido01 #contentOpc .fODer .tema03 ol li {display: list-item; list-style-image:url("../icons/check_programs_pder.png")!important; margin-left: 25px; margin-bottom: 15px; margin-top:5px}

.contenido01 #contentOpc .fODer .tema03 h1,.contenido01 #contentOpc .fODer .tema03 h1 strong{ padding: 6px; background-color:#6fbf42; font-size:2em;color:#FFFFFF; margin-bottom: 12px }
.contenido01 #contentOpc .fODer .tema03 ul li, .contenido01 #contentOpc .fODer .tema03 ol li, .contenido01 #contentOpc .fODer .tema03 span, .contenido01 #contentOpc .fODer .tema03 p span{ padding: 5px;margin-bottom:2px; margin-top:2px; }
.contenido01 #contentOpc .fODer .tema03 a{text-decoration: none; font-size: 1em; color:#bbcee7}
.contenido01 #contentOpc .fODer .tema03 a:hover{font-size:1.1em; color:#aec5e4}

.reserve a{color: #000000; text-decoration: none }
.idiomaT{position: absolute; top:120px; right: 30px;background-color:#000000; border-radius: 10px; padding: 5px; display: block}

#contacteDoctoruñitas{position: fixed;left: 0px; text-align:center; width:50px; max-width:50px; bottom: 100px; background-color: #0083cb; padding: 2px;opacity: inherit; z-index: 1200;padding-top: 12px; padding-bottom: 4px;border-radius: 5px; box-shadow: 1px 2px 1px}
#contacteDoctoruñitas a{text-decoration: none}
#contacteDoctoruñitas ul li{margin-bottom: 8px}  


@media screen and (min-width:10px) and (max-width:600px) 
  { 
	#sectorLogo{position: relative; overflow: hidden; background-color:#0E0E0E; background-color:#000000; line-height: 32px; padding: 12px; }
    header #sectorLogo .opcionesExtras{opacity:1; z-index:50; height:auto; color:#d3d924;top:2px; left:0px; margin-left:0%;right:4%;text-align: right;font-weight: normal; font-size:0.85em; padding-right: 50px }	 
	.col1,.col2{text-align: right; color:#9EA2A4; height: 35px}
	.col1 div{padding-left:0%;position:absolute; right: 2%; bottom: 2px; padding-right: 80px}
	  
	header #sectorLogo .logo{position: absolute; z-index: 2000; text-align:right; bottom:0px; margin-left:-2%;top:0px; width: 100%}
	header #sectorLogo ul li{display:list-item; position: relative; width: 100%; text-align: center; list-style-type: none}
	.imgBanner{display:none}
	.logoMenu{display:block;}
	 
	 /*#mybnrImage .detalleImage{display: none}*/
	 .cita .citaA{position: absolute; top:70px; left: 0px}
	  	.cita{top:10%;padding-right:5px; text-align:left; vertical-align: top; right:5px; width:41%}
	  	.cita h2{margin-bottom: 8px; font-size:0.9em; line-height:17px}
		.cita h3{font-size:1.3em; line-height:21px; margin-top:5px; margin-bottom:2px}
		.cita ul li, .cita p, .cita strong, .cita p span{color: #0579c2; text-decoration:none; font-size: 12px; line-height: 15px}
	  .cita ul li{margin-left: -24px}

	  #mybnrImage .detalleImage ul li{padding:0px;}
     #mybnrImage .detalleImage{position: absolute;bottom:10px; left:1%;opacity: 0.8}
	  #mybnrImage .detalleImage .tImage{text-align: center;padding-left: 3px; font-weight: 900;padding-right: 5px; font-size: 0.8em}
	  #mybnrImage .detalleImage .dImage{background-color: #fff; padding-right: 3px; color: #215d9a; font-weight: 900; margin-left: -5px; font-size: 0.8em}
	 #archivosTesti ol li{width: 90%}
	 #archivosTesti .panelGuest{margin-top: 35px}
	 #archivosTesti .panelTestimonio #Tabs1 #tabs-0 h3{margin-top: 35px}
	  header #sectorLogo #socialred a{color: #EFEFEF}
	 footer #fcol1{ width: 100%}
	 footer #fcol2{width: 100%}
	 
	 
	 #contactus .contentContact .formContact{width:100%;}
     #contactus .contentContact .formContactInfo{width:100%;}
	 #panelPrincipalSNR .contenido #Accordion1 .servicios ol li{width: 100%;}
	  #mybnrImage{position: relative; margin-top:-15px}
	  #mybnrImage img{height: 250px}
	  .tourCol1{width: 100%}
	  .tourCol2{width: 100%}
	  .opc{padding-left: 5px;}
	  #Tabs1 #tabs-2 .cssStyle ol li{width:90%; display: inline-block}
   } 

@media screen and (min-width:400px) and (max-width:600px) { header #sectorLogo .opcionesExtras{font-size:1em; }}

@media screen and (min-width:600px) and (max-width:800px) 
   { 
	  	.imgBanner{display:none}
		.logoMenu{display:block}
	 #mybnrImage .detalleImage{position: absolute;bottom:-20px; right:0%;opacity: 0.6}
	 #mybnrImage .detalleImage ul li{display:inline-block; margin:0px; padding: 2px;}
	 
	 .cita .citaA{position: absolute; top:80px; right: 3%}
	    .cita{top:12%;padding-right:5px; text-align:left; vertical-align: top; right:5px; width:50%}
	  	.cita h2{margin-bottom: 8px; font-size:1.2em; line-height:17px}
		.cita h3{font-size:2em; line-height:29px; margin-top:5px; margin-bottom:6px}
		.cita p, .cita strong, .cita p span{color: #0579c2; text-decoration:none; font-size: 15px; line-height: 15px}
	   
	 #archivosTesti ol li{width: 100%}
	 #archivosTesti .panelGuest{margin-top: 35px}
	 #archivosTesti .panelTestimonio #Tabs1 #tabs-0 h3{margin-top: 35px}
	 #contactus .contentContact .formContact{width:100%;}
     #contactus .contentContact .formContactInfo{width:100%;}
	 #mybnrImage .detalleImage{position: absolute;bottom:10px; left:1%;opacity: 0.8}
	 footer #fcol1{ width: 100%}
	 footer #fcol2{width: 100%}
	 #panelPrincipalSNR .contenido #Accordion1 .servicios ol li{width: 46%; margin: 5px;}
	 #mybnrImage{position: relative; margin-top:-15px}
 	  .tourCol1{width: 100%}
	  .tourCol2{width: 100%}
	  .opc{padding-left: 5px;}
	  #Tabs1 #tabs-2 .cssStyle ol li{width:49.5%; display: inline-block}
	   
	   #sectorLogo{background-color:#0E0E0E; background-color:#000000;}
	   #sectorLogo .col1  {height: 60px; padding-top: 5px} 
	   header #sectorLogo .opcionesExtras{ font-size:1.1em; color: #d3d924; right:12%;}	 
 header #sectorLogo #socialred a{color: #EFEFEF}
}