/************************************************************
UNIVERSIDAD SURCOLOMBIANA
Diseño: César Fernández
2015
************************************************************/
@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
}

html, body{
	height: 100%;
}
body{
	margin: 0;
	padding: 0;
	color: #666;
	font: 100% Arial, Helvetica, sans-serif;
	background:#F2F2F2;/* #12517D url(../interfaz/fondo.png) center center repeat-y*/
}

#opciones{
	bottom: 20px;
    position: relative;
    right: 50%;
    height: 20px;
    z-index: 1000;
    float: right;
    top: 0%;
    right: 0%;
}

#header {
    height: 140px;
}

#der{
	padding-left: 15px;
    padding-top: 30px;
}

#iz {
    float: right;    
}

.cuerpo{
	margin: 0 auto;
	width: 960px;
	background:#FFF;
	box-shadow: 2px 2px 5px #999;
}

.rojo {
	background: #980108 !important;
	padding: 10px;
}

}

        div#topnav {
            padding: 10px 10px;
            background-color: #0068A5;
        }
            div#topnav ul {
                list-style: none;
            }
            div#topnav ul li{
                display: inline-block;
            }
            div#topnav ul li a{
                color:#FFF;
                padding: 5px 7px;
                display: block;
                text-decoration: none;
            }            
            div#topnav ul li a:hover{
				background: #ce2932;
			}
        .isStuck {
            width: 960px;
            position: fixed;
			z-index: 10;
            top:0px;
        }
        a.current {
            background-color: #af0b14;            
        }

.formulario {
	margin: 0;
	padding: 30px 30px 0 30px;
	width: 100%;
	font: 90% Arial, Helvetica, sans-serif;
}

.formulario h1{
	margin: 0 0 20px 0;
	font-size: 200%;
	color: #333;
}
.formulario h2{
	margin: 0 0 20px 0;
	font-size: 200%;
	color: #333;
}
.formulario p{
	margin: 0 0 30px 0;
	line-height: 160%;
}

.formulario table{
	width: 100%;
	border-collapse:collapse;
}
.formulario table th{
	padding: 5px;
	text-align: center;
	color: #FFF;
	background: #999;
	border-right: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
}
.formulario table td{
	padding: 5px;
}
.formulario table p{ margin: 0; }

.formulario a{ color: #666; }
.formulario a:hover{ color: #333; }






.contenido{
	margin: 0;
	padding: 70px 30px 0 30px;
	width: 100%;
/*	border: 1px solid orange*/
}

#presentacion.contenido{ margin-top: 270px; }

.contenido h1{
	margin: 0 0 30px 0;
	font-size: 200%;
	color: #333;
}
.contenido h2{
	margin: 0 0 20px 0;
	font-size: 200%;
	color: #333;
}
.contenido p{
	margin: 0 0 30px 0;
	line-height: 160%;
}

.contenido table{
	width: 100%;
	border-collapse:collapse;
	margin-bottom: 20px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.contenido table th{
	padding: 5px;
	text-align: center;
	color: #FFF;
	background: #999;
	border-right: 1px solid #CCC;
	border-bottom: 2px solid #CCC;
}
.contenido table td{
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.contenido table p{ margin: 0; }

.contenido a{ color: #666; }
.contenido a:hover{ color: #333; }


.info{
	float: left;
	padding: 50px 0;
	color: #FFF;
	background: #980108;
}
.info div{
	float: left;
	padding: 33px 1% 0 1%;
	width: 48%;
}
.info div.centro{
	margin: 0 0 70px 0;
	padding: 0 0 50px 0;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #666;
}
.info div.iz{
	padding-top: 0;
	text-align: right;
}
.info div.iz h1{ margin: 0; }
.info h1, .info h2{ color: #FFF; }

.info p{
	margin: 0;
	line-height: 100%;
}
.info div.centro p{ margin: 0 0 20px 0;}

.footer{
	margin: 0;
	padding: 5px 30px;
	width: 100%;
	text-align: center;
	background: #FFF;
}
.footer img{ margin: 20px 5px; }