﻿body {
    margin: 0;
    height: 100%;
    font-family:Verdana;
    background-image:url(images/fondo_admin1.png);
}

.beginning {
    width:100%;
    height:100%;
    background-color:black;
    position:absolute;
    top:0px;
    left:0px;
    z-index:50;
    background-image:url(images/InfoVal_Logo.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.banner {
    width: 100%;
    height: 125px;
    background-color: #000;
    background-image:url(images/fondo_banner_intro.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}

.banner_frame {
    width: 100%;
    height: 10px;
    position:absolute;
    background-color: #949494;
    top:125px;
    z-index:10;
    /*background-image:url(images/fondo_banner.jpg);*/
    background-repeat:no-repeat;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}

.intro_slides {
    width:100%;
    height:600px;
    background-color:#FFF;
    position:absolute;
    top:135px;
    left:0px;
    opacity:1;
    z-index:-1;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}

.back{
    width: 100%;
    height: 185px;
    background-color: #000;
    /*background-image: url("images/fondo7.jpg");*/
    background-repeat:no-repeat;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

.kat_frame1 {
    width: 100%;
    height: 7px;
    background-color: #838383;
    position:absolute;
    top:180px;
}

.kat_frame2 {
    width: 100%;
    height: 5px;
    background-color: #555;
    position:absolute;
    top:160px;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

.sar_banner {
    position: relative;
    width: 1000px;
    height: 180px;
    margin: 0px auto;
    color:white;
    background-image: url("images/fondo_banner1.jpg");
}

/*.sar_banner {
    position: relative;
    width: 900px;
    height: 150px;    
    margin: 0px auto;
    margin-bottom:5px;
    color:white;
}*/

.sar_logo {
    position: absolute;
    background-image: url("images/logo_infoval_150.png");
    background-repeat:no-repeat;
    top: 15px;
    left: 35px;
    width: 150px;
    height: 150px;
}

/*.sar_logo {
    position: absolute;
    background-image: url("images/infoval_logo220.jpg");
    background-repeat:no-repeat;
    top: 15px;
    left: 50px;
    width: 220px;
    height: 220px;
}*/

.sar_text {
    position: absolute;
    top: 75px;
    left: 790px;
    font-family: Verdana;
    font-size: 11pt;
    text-align:center;
}

/*.sar_text {
    position: absolute;
    top: 25px;
    left: 700px;
    font-family: Verdana;
    font-size: 11pt;
    text-align:center;
}*/

.mere{
    position: absolute;
    width: 1500px;
    height: 835px;
    left:-60px;
    background-image: url("images/fondo5.jpg");
}

.hanna{
    position: absolute;
    width: 1500px;
    height: 835px;
    left:0px;
    background-color:#DADADA;
    /*background-image: url("images/fondo3.jpg");*/
}

.monnat{
    position: absolute;
    width: 1200px;
    height: 835px;
    top:0px;
    left:-60px;
    background-image: url("images/banner1d.jpg");
}

.monnat_back {
    background-color: black;
    opacity: 0.45;
    position:relative;
    width:100%;
    height:100px;
    top:306px;
}

.bailey{
    position: absolute;
    width: 700px;
    height: 300px;
    top:0px;
    left:0px;
    background-image: url("images/fondo1.jpg");
}

.kate{
    position: absolute;
    width: 700px;
    height: 300px;
    top:0px;
    left:-280px;
    background-color:#222;
    /*background-image: url("images/fondo2.jpg");*/
}

.aali{
    position: absolute;
    width: 700px;
    height: 300px;
    top:0px;
    left:0px;
    background-color:#B6B6B6;
    /*background-image: url("images/fondo2.jpg");*/
}

.han{
    position: absolute;
    width: 5000px;
    height: 4000px;
    background-image: url("images/sliding_image.jpg");
}

.fondo_infoval{
    width: 900px;
    height: 350px;
    position: relative;
    opacity: 1;
}
.arriba, .abajo{
    width: 900px;
    height: 95px;
    position: absolute;
    background: black;
    opacity: 1;
}
.abajo{
    top: 255px;
}
.medio{
    width: 900px;
    height: 160px;
    position: absolute;
    background: black;
    opacity: 1;
    top: 95px;
}
.han_logo{
    position: absolute;
    opacity: 1;
    top: 20px;
    left: 300px;
}


#menu p {
    margin: 0px;
}


.sar{
    position: absolute;
    width: 800px;
    height: 60px;
    top: 340px;
    background-color: rgba(0,0,0,0.5);
}
.sar ul{
    margin-top: 3px;
}
.sar ul li{
    display: block;
    float: left;
    padding-right: 15px;
    cursor: pointer;
}

.bail_text{
    position: absolute;
    color: white;
    width: 900px;
    height: 150px;
    background-color: rgba(0,0,0,0.7);
    opacity:0;
}

.kat_text1_1{
    position:relative;
    width:60px; 
    top: 60px;
    left:-10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
}

.kat_text1_2{
    position:relative;
    width:60px; 
    top: 60px;
    left:-5px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_text1_3{
    position:relative;
    width:60px; 
    top: 60px;
    left:0px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_text2_1{
    position:absolute;
    width:360px; 
    top: 35px;
    left:-30px;
    font-size:15pt;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_b2_img {
    position: absolute;
    top: 70px;
    left: 120px;
}

.kat_text3_1{
    position:relative;
    width:380px; 
    top: 45px;
    left:160px;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";*/
}

.kat_b3_img {
    position: absolute;
    top: 50px;
    left: 65px;
}


.kat_text3_2{
    position:relative;
    width:380px; 
    top: 65px;
    left:165px;
    font-size:10pt;
    font-weight:bold;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";*/
}

.kat_text4_1{
    position:absolute;
    width:360px; 
    top: 76px;
    left:-35px;
    font-size:15pt;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_text4_2{
    position:absolute;
    width:250px; 
    top: 108px;
    left:28px;
    font-size:10pt;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_b4_img {
    position: absolute;
    top: 23px;
    left: 116px;
}


.kat_text5_1{
    position:absolute;
    width:360px; 
    top: 85px;
    left:-30px;
    font-size:13pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_gratis_img {
    position: absolute;
    top: 85px;
    left: 110px;
    width: 200px;
}

.kat_b5_img {
    position: absolute;
    top: 20px;
    left: 125px;
}


.kat_text7_1{
    position:absolute;
    width:360px; 
    top: 66px;
    left:-35px;
    font-size:18pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}

.kat_text7_2{
    position:absolute;
    width:290px; 
    top: 250px;
    left:5px;
    font-size:10pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
}

.kat_text7_3{
    position:absolute;
    width:160px; 
    top: 270px;
    left:74px;
    font-size:10pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";
}


.kat_text8_1{
    position:absolute;
    width:360px; 
    top: 81px;
    left:-30px;
    font-size:13pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}

.kat_text8_2{
    position:absolute;
    width:360px; 
    top: 106px;
    left:-33px;
    font-size:10pt;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}

.kat_b8_img {
    position: absolute;
    top: 27px;
    left: 128px;
}




#kat_text1{
    height: 150px;
    top: 900px;
    left: 1700px;
    padding-left: 230px;
}

#kat_text2{
    height: 90px;
    top: 90px;
    left: 3100px;
    padding-left: 30px;
    line-height:90px;
}

#kat_text3{
    height: 90px;
    top: 1760px;
    left: 0px;
    padding-left: 30px;
    line-height:90px;
}

#kat_text4{
    height: 90px;
    top: 1200px;
    left: 3000px;
    padding-left: 30px;
    line-height:90px;
}

#kat_text5{
    height: 90px;
    top: 2660px;
    left: 1600px;
    padding-left: 30px;
    line-height:90px;
}

.han_circle1{
    position: absolute;
    opacity: 0.7;
    top: 780px;
    left: 1900px;
    opacity:0;
}



.kat_buttons {
    position: relative;
    width: 950px;
    height: 80%;
    margin: 0px auto;
    overflow:hidden;
}

.kat_b1 {
    position: absolute;
    overflow:hidden;
    background-color:#29A1F1;
    top: 10px;
    left: 20px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:white;
    text-align:center;
    cursor:pointer;
}

.kat_b2 {
    position: absolute;
    overflow:hidden;
    background-color:gray;
    /*top: 165px;*/
    top: 320px;
    left: 20px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:black;
    text-align:center;
    cursor:pointer;
}

.kat_b3 {
    position: absolute;
    overflow:hidden;
    background-color:#29A1F1;
    /*top: 320px;*/
    top: 165px;
    left: 20px;
    width:605px;
    height: 150px;
    font-family:Verdana;
    font-size:11pt;
    color:black;
    text-align:center;
    cursor:pointer;
}

.kat_b4 {
    position: absolute;
    overflow:hidden;
    background-color:green;
    top: 10px;
    left: 325px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:black;
    text-align:center;
    cursor:pointer;
}

.kat_b5 {
    position: absolute;
    overflow:hidden;
    top: 320px;
    /*top: 165px;*/
    left: 325px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:white;
    text-align:center;
    cursor:pointer;
}

.kat_b6 {
    position: absolute;
    overflow:hidden;
    background-color:#29A1F1;
    top: 320px;
    left: 325px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:white;
    text-align:center;
    cursor:pointer;
}

.kat_b7 {
    position: absolute;
    overflow:hidden;
    background-color:#29A1F1;
    top: 10px;
    left: 630px;
    width:300px;
    height: 305px;
    font-family:Verdana;
    color:white;
    text-align:center;
    cursor:pointer;
}

.kat_b8 {
    position: absolute;
    overflow:hidden;
    background-color:#3C3C3C;
    top: 320px;
    left: 630px;
    width:300px;
    height: 150px;
    font-family:Verdana;
    color:white;
    text-align:center;
    cursor:pointer;
}


.button2_img {
    position: relative;
    top: 10px;
    left: 10px;
}



.contenido{
    font-family: verdana;
    font-size: 12pt;
    width: 100%;
    height: 600px;
    min-height: 100%;
    margin: 0px auto;
    padding-top: 30px;
    padding-left: 0px;
    background-color:black;
    background-image: url(images/fondo_blanco1.jpg);

    /*border: 1px solid #ccc;*/
    /*box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.4);
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-linear-gradient(top, white, #666);
    background: -moz-linear-gradient(top, white, #666);
    background: -o-linear-gradient(top, white, #666);
    background: linear-gradient(top, white, #666);*/
}



.footer {
   position: fixed;
   width: 100%;
   height: 170px;
   left:0px;
   bottom:0px;
   right:0px;
   background: #111;
   padding-top: 1px;
   font-family: verdana;
   font-size: 10pt;
   box-shadow: -3px -3px 8px rgba(0,0,0,0.5);
}
.footer_content{
    width: 900px;
    height: 130px;
    margin: 0px auto;
    position: relative;
    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
    /*border-left: 1px solid rgba(255, 255, 255, 0.2);*/
}

.logo{
    width: 150px;
    height: 150px;
    position: absolute;
    background-image: url("images/logo_infoval_150.png");
    top: 10px;
    left: 44px;
    z-index:25;
}
.info{
    width: 400px;
    height: 165px;
    position: absolute;
    color: white;
    top: 20px;
    left: 450px;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.www_infoval {
    position: absolute;
    top: 50px;
    right: 40px;
    color: white;
    font-size: 11pt;
    font-style:italic;
}





.cass_screen{
	width: 900px;
	height: 400px;
    position:relative;
    top:80px;
	margin: 0 auto;
	background-color: #bbb;
    border-radius:20px;
    overflow:hidden;
    box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}

#cass_slide1, #cass_slide2, #cass_slide3, #cass_slide4, #cass_slide5, #cass_slide6, #cass_slide7, #cass_slide8{
	position: absolute; 
	/*top: 230px;*/  	
	/*border: 1px solid #ccc;*/	
	border-radius: 20px;
    width:900px;
    height:400px;
	z-index: 1;
}

#cass_slide1 { background-image: url('images/infoval_01.jpg') }
#cass_slide2 { background-image: url('images/infoval_02.jpg') }
#cass_slide3 { background-image: url('images/infoval_angel.jpg') }
#cass_slide4 { background-image: url('images/infoval_04.jpg') }
#cass_slide5 { background-image: url('images/infoval_05.jpg') }
#cass_slide6 { background-image: url('images/infoval_07.jpg') }
#cass_slide7 { background-image: url('images/sala_de_juntas.jpg') }

#sarm_nav{
	position: absolute; 
	top: 140px;  	
	width: 900px;
	height: 200px;
	margin: 0 auto;
	z-index: 99;
}

#han_prev {
        width: 90px;
        height: 90px;
	float: left;
	cursor: pointer;
	z-index: 100;
}

#han_next {
        width: 90px;
        height: 90px;
	float: right;
	cursor: pointer;
	z-index: 100;
}

#mere_controls{
    position:relative;
    margin:0 auto;
    top:-380px;
    z-index:-1;
	width: 900px;
	height: 30px;
	margin: 20px auto;
	text-align: center;
}

#kat_control1, #kat_control2, #kat_control3, #kat_control4, #kat_control5, #kat_control6, #kat_control7, #kat_control8{
	cursor: pointer;
}


.cass_image{
	position: absolute; 
	top: 230px;  	
	border: 1px solid #ccc;	
	border-radius: 20px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}

.saltar_intro {
    position:relative;
    width:300px;
    height:60px;
    line-height:60px;
    margin:0 auto;
    border-radius:20px;
    border:2px solid #c3c3c3;
    color:#777777;
    background-color:#e6e6e6;
    text-align:center;
    top:40px;
    left:0px;
    cursor:pointer;
    font-size:9pt;
    transition:all 1s;
}


.content{
	width: 900px;
	height: 400px;
	margin: 40px auto;
	background-image: url('images/content back.jpg');
	border: 1px solid #ccc;
	border-radius: 20px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.6);
}

.content_text{
	width: 580px;
	margin-left: 30px;
	margin-top: 20px;
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
	color: #fff; 

}

.content_text2{
	width: 500px;
	margin-left: 30px;
	margin-top: 65px;
	font-family: Verdana;
	font-size: 12pt;
	color: #fff; 
}

.content_text3{
	width: 500px;
	margin-left: 30px;
	margin-top: 15px;
	font-family: Verdana;
	font-size: 12pt;
	color: #fff; 
}


.text_base {
    position: absolute;
    top: 0px;
    left:0px;
    width: 900px;
    height: 50px;
    background-color: rgba(0,0,0,0.3);
    color:white;
    font-size:14pt;
}

    .text_base h3{
            /*background: rgba(0,0,0,0.3);*/
            margin: 0;
            margin-bottom:20px;
            padding: 10px;
            padding-left: 30px;
            height:30px;
            line-height:30px;
            text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
            -ms-filter: "glow(color=black,strength=1)";
            /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=200, Color='#000000')";*/
       }

    .text_base p{
        padding: 0px 30px 0px 195px;
    }


.text_gral {
    position: absolute;
    top: 55px;
    left: 380px;
    width: 480px;
    height: 400px;
    /*background-color: rgba(0,0,0,0.5);*/
    color: white;
    font-size:15pt;
    font-weight:bold;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=200, Color='#000000')";*/
}


.text_gral2 {
    position: absolute;
    top: 60px;
    left: 430px;
    width: 420px;
    height: 400px;
    /*background-color: rgba(0,0,0,0.5);*/
    color: white;
    font-size:15pt;
    font-weight:bold;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}

.text_gral3 {
    position: absolute;
    top: 130px;
    left: 390px;
    width: 480px;
    height: 400px;
    /*background-color: rgba(0,0,0,0.5);*/
    color: white;
    font-size:17pt;
    font-weight:bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=200, Color='#000000')";*/
}

.text_gral4 {
    position: absolute;
    top: 100px;
    left: 390px;
    width: 460px;
    height: 400px;
    /*background-color: rgba(0,0,0,0.5);*/
    color: white;
    font-size:17pt;
    font-weight:bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}

.text_gral5 {
    position: absolute;
    top: 70px;
    left: 380px;
    width: 450px;
    height: 400px;
    /*background-color: rgba(0,0,0,0.5);*/
    color: white;
    font-size:15pt;
    font-weight:bold;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    -ms-filter: "glow(color=black,strength=1)";
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=200, Color='#000000')";*/
}



.laptop {
    position: absolute;
    background-image: url("images/laptop_with_infoval.png");
    background-repeat:no-repeat;
    top: 600px;
    left: 980px;
    width: 200px;
    height: 150px;
}

.infobest {
    position: absolute;
    background-image: url("images/logo_infobest.png");
    background-repeat:no-repeat;
    top: 608px;
    left: 810px;
    width: 800px;
    height: 150px;
}


.info_avaluo{
    position: absolute;
    color: #FFF;
    top: 30px;
    left: 210px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 80px;
    text-align:center;
}

.info_avaluo2{
    position: absolute;
    color: white;
    top: 50px;
    left: 220px;

}

.valor_avaluo_span{
    display: inline-block;
    color: #FF9B00;
    position: absolute;
    left: 320px;
    top: 50px;
    font-size: 11pt;
    width:420px;
    text-align:left;
}

.info_label{
    display: block;
    width: 320px;
    margin-bottom: 20px;
    font-size: 12pt;
    color:#9c9c9c;
}

.button_descargar{
    width:100px; 
    height: 30px;
    color: #A6A6A6;
    background-color: #2D2D2D; 
    border: solid thin #808080; 
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 80px;
    left: 160px;
    border-radius: 5px;
    transition: all 1s;
}
