head
{
	icon:url(img/sena.ico);
	rel:"shortcut icon" href="img/sena.ico">
}
@import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Yanone+Kaffeesatz);

@font-face{
	
	font-family:MyriadPro-Regular;
	font-family:hand of sean;
	
	src:url('../fonts/MyriadPro-Regular.otf' rel='stylesheet' media='screen');
	src:url('../fonts/Myriad Web Pro Regular.ttf' );
	src:url('../fonts/MyriadPro-Regular.otf');
    src:url('../fonts/HANDSEAN.ttf');
    src:url('../fonts/Hand_Of_Sean_Demo.ttf');
	
}
body
{
	
	background-image:url(body.png);
    font-family:src:url('../fonts/MyriadPro-Regular.otf');
	/*font-family:Myriad Pro;
	/*font-family:MyriadPro-Regular,Hand Of Sean;
    /*font-family:Myriad Pro;*/
	font-size:11pt;
	/*background-color: red;*/
	background-size: 100%;
	margin: 0 auto;
    background-attachment:fixed;
}
#redsemi /****************Hacer el texto en mayuscula*****************/
{  
	text-transform: uppercase;  
} 
div.container
{
	margin:0% auto;
	margin-right:auto;
    margin-bottom: auto;
    margin-left: auto;
	background-image:url(img/fon.png);
	background-size: 100% 100%;
		
}
.banner
{
    background-color: #f1f1f1;
	/*background-attachment:fixed;
	z-index:99;
	position:fixed; top: 0px; left: 0px;*/
	margin: 0% auto;	
	width:100%;
	/*float:center;	
   /* border-bottom: solid 4px #0ca9e4;
    -moz-box-shadow: inset 0px -134px 0px rgba( 255, 255, 255, 0.7);
    -webkit-box-shadow: inset 0px -134px 0px rgba( 255, 255, 255, 0.7);
    box-shadow: inset 0px -134px 0px rgba( 255, 255, 255, 0.7);*/
}
.banner img
{   
	margin: 0px auto;
    /*display:block;
    margin-right:auto;
    margin-left: auto;*/
    /*width: 980px;*/
	width:60%
}
.form-control:focus
 {
    border-color:#D6D3CB;
}
.form-control:focus {
    border-color:#D6D3CB;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*LINK*/
#sena
{
	
	border-top:solid 4px #FF4500;
    background-color:#808080;
    color:white;
    margin-top:0px;
    text-align:center;
	height:auto;
	font-face:Myriad Pro;
	
}
.list-desc ul
{
    list-style-type: disc;
    list-style-image: none;
    padding-right: 5px;	
    list-style:none;
	
      
}
.list-desc ul .li-title
{
    list-style:none; 
}
.list-desc h4
{
    font-weight: normal;
    color:white;
    padding: 0px;
    margin: 0px;
}
.list-desc li
{
    color:white;
	list-style-image:none;
    font-size: 10pt;
    font-weight:MyriadPro;
    line-height:6pt;
    padding: 10px 0px 3px 0px;/*tamñao entre altura*/
    /*border-bottom: solid 2px #696969;*/
}
.list-desc a
{
    Text-decoration: none;
	color:white;
}
/*LINKS*/
#links
{
	
	border-top:solid 1px #A9A9A9;
    background-color:#808080;
    color:white;
    margin-top:0px;
    text-align:center;
	height:auto;
	font-face:MyriadPro;
}
.list-desc1 ul
{
	
    list-style-type: disc;
    list-style-image: url(../img/arrow-line-blue.jpg);
    padding-right:10px;
	list-style:none;
}
.list-desc1 ul .li-title
{
    list-style:none; 	
} 
.list-desc1 h4
{
    font-weight: normal;
    color:white;
    padding: 0px;
    margin: 0px;
}
.list-desc1 li
{
	color:white;
    font-size:10pt;
    font-weight:MyriadPro;
    line-height:5pt;
    padding:15px 0px 10px 0px;/*tamñao entre altura*/
	/*margin:0% 0% 0% -30%;
    border-bottom: solid 2px white;*/
}
.list-desc1 a
{
    Text-decoration: none;
	color:white;
}
/**IMAGENES DE INICIO*/
.list-desc0 ul
{
	
    list-style-type: disc;
    list-style-image: url(../img/arrow-line-blue.jpg);
	list-style:none;
	
}
.list-desc0 ul .li-title
{
    list-style:none; 	
} 
.list-desc0 h4
{
    font-weight: normal;
    color:white;
    padding:0px;
    margin:0px;
}
.list-desc0 li
{
	color:white;
    font-size:10pt;
    font-weight:MyriadPro;
    line-height:3pt;
    padding:5px 0px 5px 0px;/*tamñao entre altura*/
	margin:0% 0% 0% -10%;
    /*border-bottom: solid 2px #696969;*/
}
.list-desc0 a
{
    Text-decoration: none;
	color:white;
}
/*tabla de integrantes cronograma*/
.list-desc2 ul
{
	
    list-style-type: disc;
    list-style-image: url(../img/arrow-line-blue.jpg);
    padding-right:10px;
	list-style:none;
}
.list-desc2 ul .li-title
{
    list-style:none; 	
} 
.list-desc2 h4
{
    font-weight: normal;
    color:white;
    padding: 0px;
    margin: 0px;
}
.list-desc2 li
{
	color:white;
    font-size:10pt;
    font-weight:MyriadPro;
    line-height:5pt;
    padding:15px 0px 10px 0px;/*tamñao entre altura*/
	/*margin:0% 0% 0% -30%;
    border-bottom: solid 2px white;*/
}
.list-desc2 a
{
    Text-decoration: none;
	color:black;
}
/*Floter pie de pagina*/
footer
{
    /*border-top:solid 4px #f97f06;*/
    background-color:#C0C0C0;
    color:black;
    margin-top:0px;
    text-align:center;
	height:auto;
	font-face:MyriadPro;
}
footer span
{
   display:block;
   margin-right:auto;
   margin-left:auto;
   padding:15px 0px 15px 0px;
   font-size:8pt;
   width:940px;
}
/*Formularios centrados*/
. control-group.center {float:non; margin:0 auto; width:400px; margin-bottom:20px ;} 
. control-group.field { width:140px; float:left; } 
. control-group.l { width:120px; float:left; line-height:29px;} 
. row-fluid.offset4
{ 
    display:block !important; 
    float:none !important; 
    width:100% !important; 
    margin-left:0 !important; 
    padding:0 80px; 
	border: red 2px solid;	
} 
@media(max-width:497px)
{ 
    . control - group.center { text - align : center ; float : inherit ; width :  auto } 
    . control - group .field ,.control-group  . l { width : 120px ; float : none ; text - align : center ; width :  auto } 
}
div#formulario
{
	border-radius:2px solid black;
	
}
/*Menu*/

#menu1
{
	background-color:#f97f06;
	color:white;
	font-family:Arial;	
	src:url('../fonts/MyriadPro-Regular.otf.' rel='stylesheet' media='screen');
	src:url('../fonts/MyriadPro-Regular.otf');
   
}
#menu
{
	margin:0% 0% 0% 16%;
	color:white;
}
#men2
{
	margin:0% 0% 0% 16%;
	color:white;
	
}

.navbar-default .navbar-brand
 {
color:#FFFFFF;

}
.navbar-default .navbar-nav > li > a {
color:#FFFFFF;
}

/*****************************Barra de Progreso******************************************/
progress[value] {
    /* Elimino la apariencia por defecto */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
     
    /* Añado mis propios estilos */
    width: 150px;
    height: 20px;
    overflow:hidden;
     
/*  Estos estilos solo se aplicaran al fondo de la barra en mozilla */
    border:1px inset #666;
    background-color:#D8D8D8;
    border-radius : 20px ;
}
progress::-webkit-progress-value {
    background:#ADFF2F;/*color del progreso*/
    border-radius : 20px;  
}
 
progress::-webkit-progress-bar {
    background-color:#FF4500;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; /*esta sombra es para simular el borde que he aplicado arriba para Mozilla*/
    border-radius : 20px ;         
}
/*Panel de la tabla*/
.panel-default
 {
border-color:transparent;
height:600px;
overflow:auto;
background:transparent;
}
.panel-default1
 {
border-color: #ddd;
}
#div
 {
border-color:transparent;
height:300px;
width:150%;
margin: 0% 0% 0% -50%;
overflow:auto;
background:transparent;
}
#div
 {
border-color: #ddd;
}
#agre
{
	background:url("img/mas.png");
	color:transparent;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-size:100% 100%;
	cursor:pointer;
	border:none;
	width:4%;
	height:30px;	
}
#agre:hover
{
	opacity: .8;
}
/***************************************ELIMINAR DE INTEGRANTES FICHA TECNICA********************************/
/*#elimi
{
	background:url("img/menos.png");
	color:transparent;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-size:100% 100%;
	cursor:pointer;
	border:none;
	width:10%;
	height:30px;	
}
*/
.eliminar
{
	background:url("img/mas.png");
	color:transparent;
	text-align:center;
	margin:0px 0px 0px 0px;
	background-size:100% 100%;
	cursor:pointer;
	border:none;
	width:100%;
	height:30px;	
}
.adjuntar
{
	text-align:center;
	margin:0% 0% 0% 10%;
	background:url(img/adju.png) no-repeat;
	width:90 %;
	height:120%;
	background-size:100% 100%;
	font-weight:bold;
	color:transparent;
	cursor:pointer;
	border:none;
}