@charset "utf-8";
/* CSS Document */
    	html{
    		-webkit-font-smoothing: antialiased;
    		font-family: arial,sans-serif;
    	}
    	body{
    		-webkit-font-smoothing: antialiased;
    		font-family: arial,sans-serif;

    		background-color: #658465;
    		/*background-image: url(../assets/images/bg/bg.png);
    		background-size: cover;
    		background-position: center;
    		background-attachment: fixed;*/

    		
    		background-image: url(images/texture_04.png);
    		
    		position: relative;
    	}
		
		
		.total-pedido{
			display: none;
		}
		
    	.website_dots{
		    display:inline-block;
		    width:180px;
		    white-space: nowrap;
		    overflow:hidden !important;
		    text-overflow: ellipsis;
		    text-transform: lowercase;
		}


    	#btn_menu_movil{
    		background-color:#42024d;
    		display:none; 
    		position:fixed; 
    		z-index: 99998; 
    		width:100%; 
    		font-weight:bold; 
    		font-size:25px; 
    		outline-color: transparent; 
    		outline-style: none;
    		border: 1px solid #42024d;
    		border-radius: 0px;
    		 		    color: #fff;
		    

		   	box-shadow: 1px 1px 1px #8c8c8c;

    	}



    	.section_top{
    		margin-top: 30px;
    		height: auto;
    	}

    	.main_container{
			background-color: #fff;
						height: 600px;

						box-shadow: 0px 0px 18px 1px #000;

			
    		
    	}

    	.profile{
    					height: 600px;
			background-color: #000;
			
			
			padding: 0px;
    	}

    	.foto_profile{
    		width: 100%;
    		    		height: 480px;
    		    		background-color: #000;
    		    		background-image: url(https://siltitt.villacarlospaz.org/images/sil.jpg);
    		    		background-size: cover;
    		background-position: top;
    	}



    	.titulo_profile{
    		width: 100%;
    		height: 110px;
    		padding: 0px 20px;
			
			    		    
    	}

    	.nombre_profile{
    		    		color: #fff;
    		    		font-size: 22px;
    		padding: 0px;
    		font-weight: bold;
    		width: 100%;
    		float: left;
    	}
    	.titulo_persona{
    		width: 100%;
    		    		color: #fff;
    		    		font-size: 22px;
    		float: left;
    	}
    	.titulo_empresa{
    		width: 100%;
    		    		color: #fff;
    		    		font-size: 15px;
    		font-style: oblique;
    		float: left;
    	}

    	.contenedor_principal{
    		    		height: 600px;

    		    		background-color: #fff;
    		padding-top: 0px;
    		padding-right: 0px;
    		padding-left: 0px;
    		

    	}

    	.card_main{
			background-color: rgba(238, 238, 238, 0.5);
			padding: 30px 10px;
			width: 100%;
			float:left;

    	}

    	.border_color{
			/*border-left: 5px solid #42024d;*/
    		border-radius: 5px;
    		border: 1px solid #eaeaea;
    	}

    	.border_color_r{
    		/*border-left: 5px solid #42024d;*/
			
			border: 1px solid #eaeaea;
    		border-radius: 5px;
    	}
    	.textos{
			display: inline;
		    font-size: 15px;
		    margin: 0px;
		    line-height: 1.5;
		    color: #7b7b7b;
		    font-style: oblique;
    	}

    	.quotes{
			position: absolute;
		    width: 50px;
		    height: 50px;
		    border: 5px solid #fff;
		    top: -25px;
		    right: 20px;
		    background-color: #42024d;
		    color: #fff;
		    background-image: url(images/quotes.png);
		    background-size: 25px;
		    background-repeat: no-repeat;
		    background-position: center;
    	}

    	.firma{
			position: absolute;
		    bottom: -24px;
		    right: 18px;
		    background-image: url(https://siltitt.villacarlospaz.org/images/);
		    background-size: contain;
		    width: 90px;
		    height: 60px;
		    background-repeat: no-repeat;
		    background-position: center;
    	}

    	.vcard_btn{

    		text-transform: capitalize;
		    font-weight: 600;
		    font-size: 13px;
		    letter-spacing: 0.5px;
		    padding: 5px 8px;
		    border-radius: 100px;

		    		    color: #fff;
		    		    margin: 0 5px;
		    border-radius: 4px;
		    border: 1px solid #999;
		  
		    background-color:  #42024d;

		    margin-right: 20px;
		    box-shadow: 0px 1px 0px #888888;

    	}


    	.vcard_btn2{

    		text-transform: capitalize;
		    font-weight: 600;
		    font-size: 13px;
		    letter-spacing: 0.5px;
		    padding: 5px 8px;
		    border-radius: 100px;

		    
		    color: #fff;
		   
		    margin: 0 5px;
		    border-radius: 4px;
		    border: 1px solid #999;
		  
		    background-color:  #42024d;

		    margin-right: 20px;
		    box-shadow: 0px 1px 0px #888888;

    	}

    	.vcard_btn2:hover{
			background-color:  #fff;
			color:   #42024d;
    	}

    	.vcard_btn:hover{
			background-color:  #fff;
			color:   #42024d;
    	}


    	.vcard_btn_social{
			display: block;
		    border-radius: 100%;
		    border: 1px solid #999;
		    color: #999;
		    height: 26px;
		    width: 26px;
		    float: right;
		    background-color: #fff;
		    margin-right: 5px;
		    text-align: center;
		    padding: 0px;
    	}
    	.icono_btn{
			margin-top: 6px;
    	}
    	.title_table{
			font-weight: bolder;
    	}
    	.row_table{
    		height: 30px;
    	}

    	.section_logo{
        	width: 100%;
        	padding: 10px 0px;
        	margin-top: 20px;
        	text-align: center;


        }

        .tab_name{
        	font-size: 14px;
        	color:#42024d;
        }
        .titulos_internos{

        	width: 100%;
		    padding: 5px;
		    background-color: #42024d;
		    text-align: center;
		    font-size: 30px;
		    margin-bottom: 10px;
		    border: 1px solid #ccc;
		    		    color: #fff;
		    
		    float:left;

        }

        .foto_testimonio{
			width:100px; 
			height:100px; 
			margin-right:auto;
			border-radius:50%;
			background-color:#42024d;
			padding:5px; 
			background-size:cover;
			background-position:center;
			border:3px solid #42024d;
			margin-left:auto; 
        }

        .cliente{
        	width: 100%;
        	float: left;
        	background-position: center;
        	background-size: contain;
        	background-repeat: no-repeat;
        	height: 90px;

        }

		
		.foto_gal{
			 min-height:180px; 
			 width:100%;  
			 background-position:center; 
			 background-size:contain;
			 background-repeat: no-repeat;
			 cursor: pointer;

		}

		.foto_gal:hover{
			/*background-size: 0px 0px;*/
			opacity: 0.5;
		}

		.foto_gal:before {
   			 content: ' ';
   			 display: block;
    		position: absolute;
    		z-index: 1;
   		}

		.foto_gal:hover > .titulo_gal{
			
			opacity: 1 !important;
			display: block;

		}

		.bottom_gal{
			
			min-height:150px; 
			width:100%;  
		}

		.bottom_gal:hover{
			background-color:  #42024d;
		}

		.titulo_gal{
			float: left;
			color: #fff;
			font-size: 15px;
			text-align: center;
			width: 100%;
			margin-top: 65px;
			display: none;
			 position: relative;
			 z-index: 2;
		}

		.head_precios{
			width: 100%;
			height: auto;
			float:left;
			background-color:  #42024d;
			padding: 10px 20px;
			border-radius: 10px 10px 0px 0px;
			text-align: center;
			color:#fff;
		}

		.titulo_plan{
			font-size: 20px;

		}

		.precio_plan{
			font-size: 40px;
		}

		.container_car_plan{
			width: 100%;
			float: left;
			padding-bottom: 10px;
			border: 1px solid #42024d;
			border-radius: 0px 0px 10px 10px;

		}
		.item_plan{
			width: 100%;
			float: left;
			padding: 10px 20px;
			border-top:1px solid #42024d;
			color: #42024d;
			text-align: center;

		}

		.item_plan > table{
			width: 100%;
		} 

		.contenedor_principal2{
			margin-top:10px; 
			overflow-y: auto;	
			overflow-x: hidden; 
						height:535px;
					}

		.nav_princ{
			/*position:fixed; 
			z-index:999;*/
					    color: #fff;
		    		}

		.nav_princ  li a{
			/*position:fixed; 
			z-index:999;*/
					   
		    		}

		.menu_mobil li{
					    color: #fff;
		    		}

		.menu_mobil span{
					    color: #fff;
		    		}

		.nav_princ_contain{
			width:100%; background-color:#f5f5f5; position:relative; height:auto;
		}

		.nav_princ_contain2{
			width:100%; background-color:#f5f5f5; position:relative; height:auto;
		}

		.nav_princ2{
			display: none;
			width: 100%;
			float: none;
			margin-right: auto;
			margin-left: auto;

		}

		.img_share{
			position: absolute; 
			top: -42px; 
			left: -88px; 
			width: 100px;
		}

		#logo_princ_movil{
			display: none;
        }

        .boton_share{
			
			width: 50px;
			height: 50px;
			
			border-radius: 50%;
			border: 2px solid #fff;
			background-color: #42024d;
			box-shadow: 2px 2px 2px #000;
					    color: #fff;
		    			font-size: 23px;
			outline-color: transparent;
  			outline-style: none;
		}

		.boton_share:hover{
			background-color: #c30;
		}

		.boton_share:active{
			background-color: #c30;
			box-shadow: 0px 0px 0px #000;
			border: 1px solid #fff;

		}

		.logo_principal{
			height: auto;
			
			
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			width: 100%;
			
							
				background-color: #000000; 

						
		}

		#logo_movil{
    		width:100%; 
    						
				background-color: #000000; 

			    		display:none; 
    		padding-bottom: 14px;
    	}
		

		.boton_share_contain{
			position: fixed;
			top: 101px;
			right: 10px;
			z-index: 99999;
		}


		.menu_mobil{
			width: 80%;
			position: fixed;
			
			height: 100%;
			background-color: #42024d;
			z-index: 9999991;
			left: -100%;
			margin-top: 49px;
			box-shadow: 1px 1px 1px #8c8c8c;
		}


		.menu_mobil > ul{
			 padding: 0px;
			 
		}

		.menu_mobil > ul > a{
			display: block;
			padding: 12px;
			border-bottom: 1px solid rgba(255,255,255,0.3);
			width: 100%;
			color: #fff;
			text-decoration: none;
			font-size: 16px;
		}

		.menu_mobil > ul > a >li{
			list-style: none;
		}	
		
    	nav > ul > li  > a{
			font-size: 16px;
    	}


    	.td-dinam{
    		width: 25%;
    	}

    	.clinfo1{
    		display: none;
    	}


		
		.boton-tallas-colores{
			padding: 5px 21px;
		    border: 1px solid #ccc;
		    display: inline-block;
		    margin-left: 3px;
		    border-radius: 60px;
		    margin-top: 8px;
		    cursor: pointer;
		    background-color: #fff;
		}

		.boton-tallas-colores-activo{
			background-color:#42024d;
			color:#fff;
		}

		.h4-variacion{
			font-weight: bold;
		    margin: 0px;
		    padding: 5px;
		    background: #757575;
		    color: #fff;
		    border-radius: 14px;
		}

		.cant-regisro{
			width: 20px;
			height: 20px;
			color: #fff;
			background-color: red;
			border-radius: 50%;
			position: absolute;
			top: 0px;
    		right: -5px;
    		text-align: center;
    		font-size: 12px;
    		padding-top: 3px;
		}


		iframe.custom-iframe {
                border: 0 none;
                min-height: 100%;
                min-width: 100%;
				zoom: 0.75; 
				-moz-transform: scale(1.5); 
				-moz-transform-origin: 0 0;
				
				top:0;
				left: 0;
				width: 100%;
				height: 100vh;
            }
			
			#customIframe{				
			 	width: 100%;
				min-width: 100%;
				*width: 100%;
				
				 
				top:0;
				left: 0;
				width: 100%;
				height: 100vh;
			}

    	
		

		.container-shop{
			width: 50px;
		    height: 50px;
		    position: relative;
		    
		    z-index: 99999;
		    display: none;
		}

		.btn-shop{
			width: 50px;
		    height: 50px;
		    border-radius: 50%;
		    border: 2px solid #fff;
		    background-color: #42024d;
		    box-shadow: 2px 2px 2px #000;
		    color: #fff;
		    font-size: 23px;
		    outline-color: transparent;
		    outline-style: none;
		   
		    z-index: 99999;
		    padding:0px;
		}

		

	
		.contenedor-loyalty-item{
			width: 45px; 
			height: 45px; 
			border-radius: 3px; 
			background-color: #fafafa; 
			color: #000; 
			text-align: center; 
			border:  2px solid #efefef; 
			margin-right: 5px; 
			margin-bottom: 5px; 
			display: inline-block;
		}

		.texto-loyalty-item{
			font-weight: 700;  font-size: 25px; color: #b3b3b3;
		}
		
		
		@media only screen and (max-width: 991px) {

			    .share{
			    	display: block;
			    }

			.boton-tallas-colores{
				width: 100%;
			}

			
			
						


							.foto_profile{
					margin-top: 99px !important;
				}
			

			h1{
				text-align: center;
			}
			

			.section_footer{
				display: none;
			}


			.div-cel{
				margin-top: 10px;
			}

			#logo_movil{
				display: block !important;
			}

			.logo_principal{
				display: none;
			}

			.contenedor_principal2{
				margin-top: 0px;
			}
			body{
	    		
	    		background-size: cover !important;
	    		background-position: center !important;
				background-attachment: none !important;
				-webkit-background-size: cover !important;
  				-moz-background-size: cover !important;
  				-o-background-size: cover !important;

				
				
    		background-image: url(images/texture_04.png);
    		background-size: 230px !important;

	    		
	    	}

	    

	    	#btn_menu_movil{
				display: block !important;
			}

			.nav_princ_contain{
				display: none;
			}

			.titulo_profile{
				height: auto !important;
			    margin-bottom: 24px;
			    float: left;
			}

			.titulo_profile > span{
			
					    color: #fff;
		    text-shadow: 1px 1px #000;
		    			

			
			
		   	

				
			}

			.titulo_profile{
				height: 150px;
				text-align: center;
			}

			.main_container{
				color:#000;
				background-color: transparent;
				box-shadow: none;
			}

			.profile{
				height: auto;
				background-color: transparent;
			}

			
							
		.foto_profile{
				position: relative;
			    
				width: 180px;
			    height: 180px;
			    margin-left: auto;
			    margin-right: auto;
			    border-radius: 50%;
			    margin-top: 22px;
			    margin-bottom: 24px;
			    background-color: transparent;
			    border: 3px solid #fff;

			}
			
			.contenedor_principal2{
				height: auto;
				overflow-y:none;	
				overflow-x: none; 
				float: left;
    			background-color: #fff;
    			width: 100%;
			}

			.nav_princ{
				display: none;
			}

			.contenedor_principal{
				height: auto;
				background-color: transparent !important;
			}

			.section_logo {
			    width: 100%;
			    padding: 0px 0px;
			    margin-top: 12px;
			    text-align: center;
			}

			.social_contain{
				float: none;
				margin-top: 10px;
				margin-left: auto;
				margin-right: auto;
				display: table;
				text-align: none;
			}

			.vcard_btn{
				width: 100%;
				margin-bottom: 10px;
			}

			.nav_princ2{
				display: block;
			}

			.icon_menu{
				font-size: 30px;
			}

			.tab-pane {
				padding-top: 20px;
			}

			.titulo-item-curriculum{
				font-size: 14px !important;
			}

			.td-dinam{
	    		width: 110px;
	    	}
           
        }

        

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


         	.boton_share_contain{
				top: 55px;
			}

			.vcard_btn_social{
			
			    height: 38px;
			    width: 38px;
			    font-size: 24px;

	    	}


        	.icon_menu{
				font-size: 30px;
			}
			.img_share{
				display: none;
			}

			.foto_gal{
				 min-height:320px; 
			}

			.titulo-item-curriculum{
				font-size: 14px !important;
			}

        }

        @media only screen and (max-width: 426px) {
        	.icon_menu{
				font-size: 30px;
			}

			.foto_gal{
				 min-height:280px; 
			}
        }

        @media only screen and (max-width: 375px) {
        	.icon_menu{
				font-size: 25px;
			}
        }

        @media only screen and (max-width: 320px) {
        	.icon_menu{
				font-size: 16px;
			}
        }