@font-face {
    font-family: 'Segoe UI';
    src: url('../../fonts/segoeui.eot');
    src: url('../../fonts/segoeui.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/segoeui.woff') format('woff'),
         url('../../fonts/segoeui.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Segoe UI Light';
    src: url('../../fonts/segoeuil.eot');
    src: url('../../fonts/segoeuil.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/segoeuil.woff') format('woff'),
         url('../../fonts/segoeuil.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*html, body, div, form {margin: 0;padding: 0;border: 0;outline: 0;}*/

p
{
    line-height: 24px;
}


body 
{
 
/*background:url(../images/fondo.jpg) no-repeat center top fixed;*/


background:url('../images/fondo.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

font-family: Segoe UI Light;


color:#ffffff;
margin:0px 0px 100px 0px;

    
}




A:link, A:visited { text-decoration: none }


#caja
{
     top:0px;
        width: 825px;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;

}


#col1
{
    width:325px;
    min-height:1000px;
    float:left;
    top:0px;
   /*   margin:0 30px 30px 0;*/
}

#col1b
{
    width:325px;
    min-height:1000px;
    float:left;
    top:0px;
      margin:0 30px 30px 0;
}


#col2
{
    /*margin-left:375px;*/
    width:500px;
     float:left;
     min-height:300px;
    padding-top:25px;
     
  }
  
#logo
{
    width:171px;
    height:50px;
    float:right;
    border:0px;
       
}
#logo IMG
{
    border:0px;
}


  
  
  
#titulo
{

width:auto;
height:150px;
    
}

#franja
{
    width:auto;
    height:150px;
    margin:-25px -25px 150px -25px;
    
    text-align:center;
     
}

#franja IMG
{
   margin:35px auto;
    height:auto;
    border:0; 
    position: relative;
    z-index: 9999;
}


.franja_routebee
{
background: #fdbd47; /* Old browsers */
background: -moz-linear-gradient(left, #fdbd47 0%, #f58221 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fdbd47), color-stop(100%,#f58221)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #fdbd47 0%,#f58221 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #fdbd47 0%,#f58221 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #fdbd47 0%,#f58221 100%); /* IE10+ */
background: linear-gradient(to right, #fdbd47 0%,#f58221 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbd47', endColorstr='#f58221',GradientType=1 ); /* IE6-9 */
}

.franja_collegehill
{
background: #a7171b; /* Old browsers */
background: -moz-linear-gradient(left, #a7171b 0%, #c70e15 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a7171b), color-stop(100%,#c70e15)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #a7171b 0%,#c70e15 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #a7171b 0%,#c70e15 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #a7171b 0%,#c70e15 100%); /* IE10+ */
background: linear-gradient(to right, #a7171b 0%,#c70e15 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7171b', endColorstr='#c70e15',GradientType=1 ); /* IE6-9 */
}




#contenido
{
     
      
    background-color:rgba(0,0,0,0.7);
    width:auto;
    font-size:16px;
   padding:25px;
         

    
     
}


/*#contenido2
{
     padding: 20px, 40px, 40px, 200px;
     width:auto;
     min-height:550px;
     font-size:16px;

  
    
}
*/



#contenido input[type="text"], textarea
{
    background-color:#707070;
    height:26px;
    width:400px;
     border:0px;
     margin:0px 10px 22px 0px;
     padding:5px;
    font-size:16px;
    color:#ffffff;
    font-family: Segoe UI,Sans-Serif;
    
    
}



#contenido input[type="submit"] {

    color:#ffffff;
    border:3px solid #ffffff;
    background-color:#000000;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    width:70px;
    margin-top:20px;
    cursor: pointer;
    font-family: Segoe UI,Sans-Serif;
}


#contenido input[type="submit"]:active {

    color:#ffffff;
    border:3px solid #ffffff;
    background-color:#000000;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    width:70px;
    margin-top:20px;
    cursor: pointer;
    font-family: Segoe UI,Sans-Serif;
}

#contenido input[type="submit"]:disabled {

    color:#707070;
    border:3px solid #707070;
    background-color:#000000;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    width:70px;
    margin-top:20px;
    cursor: none;
    font-family: Segoe UI,Sans-Serif;
}


#contenido-texto
{
  
     padding-top:5px;
     padding-left:25px;
     padding-right:25px;
  
        
}



contenido-texto P
{
    margin-left:340px;
     
  
  
}



#contenido-fondo
{
    
  background-color:rgba(0,0,0,0.7);
   margin-left:325px;
   width:500px;
   height:922px;
   position:absolute;
   margin-top:228px;
   padding-bottom:43px;
   z-index:-1;
    
    
}

#contenido-fondo2
{
 background-color:rgba(0,0,0,0.7);
 margin-left:0px;
 width:825px;
 position:absolute;
 margin-top:1193px;
 z-index:-1;


}



    
H1
{
       font-size:80px;
       height:100px;
       font-family:Segoe UI Light;
         font-weight: normal;
         font-style: normal;
}
        

H2
{
  
       font-weight:normal;
       margin-top:40px;
       font-family:Segoe UI Light;
        font-weight: normal;
         font-style: normal;
  
}
   
   
.rectangulo
{
    width:310px;
    height:150px;
    clear:both;
    margin-bottom:10px;
    
      text-align:center;
    
    position:relative;
display:block;
}
.cuadrado
{
    width:150px;
    height:150px;
    float:left;
    margin: 0 10px 10px 0;
    text-align:center;
    position:relative;
    display:block;
  
}



.cuadrado IMG
{

    margin:30px auto;
    height:auto;
    border:0;  
    
}




/*
.cuadrado:hover { 
outline: 1px solid  #A80C11; 
     opacity:0.7;
filter:alpha(opacity=70);

} 

*/




 
 .pie
{
position:absolute;
display:block;
bottom:5px;
text-align:left;
color:#ffffff;
padding-left:5px;
font-size:16px;
font-weight:bold; 
}  

 .pie_rectangulo
{
position:absolute;
display:block;
bottom:0px;
width:100%;
text-align:center;
}  


.placeholder { color: #000000; }