#alert {
	position: fixed;
	left: 40%;
	background-color: #333;
	color: #CCC;
	width: 140px;
	z-index: 3;
	visibility: visible;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #F2F2F2;
	right: 40%;
	top: 10%;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	display: inline;
}
{
 margin:0;
 }
body{
   @charset "utf-8";
   margin:0;
   font-family: sans-serif;
   font-size:14px;
   font-color:green;
}
header{
       border:2px solid black;
       display:inline:block;
       padding:20px;
       
}    
webs{
     background:red;
}

webs article{ 
       background:#ccc;
       border:1px solid white;
       display:inline:block;
       padding:10px;
       width:150px;     
}   
.avatar,.personal{
        float:left;
}
.avatar{
      background-image:url(imagenes/logoSime.jpg);
      border:5px #ccc;
      margin-left:20px;
}

.container{
margin: 0 auto; 
}

.fondo {
	background-repeat: no-repeat;
	text-align: center;
	background-position: center 0px;
	background-color:white;
}
.tituloBlanco{
	font-family:Arial;
        font-size:16px;
        color: #333;
}

.tituloNegro{
	font-family=Arial;
        font-size:20px;
        color: black;
        font-weight: bold;
}

.fondolinea1{
     background:="red";
}

#menu-wrapper ul{
 padding:0;
 list-style:none;
}

#hmenu{
  width: 412px;
  margin: 0 auto;
}

#hmenu a{
   color:fff;
   text-decoration: none;
   font-weight: bold;
}

#hmenu > li{
  display: inline-block;
}

#hmenu >li > a{
  display: block;
  padding: 10px 5px;
  width: 90px; 
}

li ul{
    position: absolute;
    display:none;
}

.sub-menu a{
    display: block;
    padding: 10px 5px;
    width: 130px;
}

li:hover ul{
    display: block;
}
    
    textarea {
	resize: none;
    }
    
    .negrita{
       color:#000000;
       text-decoration: none;
       font-size: 12px;
       font-weight: bold;
    }
    
    .negritaRoja{
       color:#8A0808;
       text-decoration: none;
       font-size: 12px;
       font-weight: bold;
    }
    
    .negritaAzul{
       color:#34495E;
       text-decoration: none;
       font-size: 12px;
       font-weight: bold;
    }
    
    
    .negrita1{
       color:#000000;
       text-decoration: none;
       font-size: small;
       font-weight: bold;
    }
    
    .fondo {
	    background-repeat: no-repeat;
	    background-position: center 0px;
	    background-image: url(imagenes/fondoBlanco.jpg);
	    background-repeat: repeat;
         }
    .fondoOd {
	    background-repeat: no-repeat;
	    background-position: center 0px;
	    background-image: url(imagenes/fondoOd.jpg);
	    background-repeat: repeat;
         }     
    .subtutulosTabla{
		background-color: rgba(41, 128, 185, 0.4);
		margin: 0px;
	        padding: 0px;
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 12px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color:#003;
		background-repeat: no-repeat;
	     }
    .titulosTabla {
	  background-color: rgba(41, 128, 185, 1);
	  background-repeat: no-repeat;
          margin: 0px;
	  padding: 0px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
          font-weight: normal;
          text-align: center;
          text-decoration: none;
          color: #FFF;
          
         }
         
    .titulosTabla1 {
          margin: 0px;
	  padding: 0px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: small;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
          color: #036;
          background-repeat: no-repeat;
         }
         
   .titulosTabla3 {
          background-color:#e74c3c;
          margin: 0px;
	  padding: 0px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
           font-weight: normal;
          text-align: center;
          text-decoration: none;
          color: #fff;
          background-repeat: no-repeat;
         }      
         
   .dientes{
         text-align: center; 
         font-size: 16px; 
         color:#FFFFFF; 
         background-color: #016662; 
         width:80  
         }      
         
    .titulosTabla2 {
          background-color: rgba(41, 128, 185, 1);
          margin: 0px;
	  padding: 0px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 16px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
          color: #FFF;
          background-repeat: no-repeat;
         }     
         

    .camposTabla{
		    text-align:left;
                    font-family: Arial, Helvetica, sans-serif;
	            font-size: 11px;
	            font-weight: normal;
		    color: #000;
         }
    .camposTabla1{
		    text-align:left;
                    font-family: Arial, Helvetica, sans-serif;
	            font-size: 10px;
	            font-weight: normal;
		    color: #036;
         }          
    .camposTabla2{
                    font-family: Arial, Helvetica, sans-serif;
	            font-size: 10px;
	            font-weight: normal;
		    color: #036;
         }               
    .subtitulos{
                    text-align:center;
                    font-family: Arial, Helvetica, sans-serif;
	            font-size: 14px;
	            font-weight: normal;
	            font-style:oblique;
		    color: #Fff;
         }
         
    .login{
                    font-family: Arial, Helvetica, sans-serif;
	            font-size: 14px;
	            font-weight: normal;
	            color: #FFF;
         }
  
  .estilotextarea3 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
    } 

.tablaProductos{
   margin-bottom: 15px;
   border:1px solid #bdc3c7;
   border-spacing: 6px;
   border-radius:5px;
   color: #2980b9;
   font-family: Arial, sans-serif;
   font-size: 2em;
   font-weight: 700;
   box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); 
}

.tablaProductos:hover{
   border:1px solid #2980b9; 
   border-radius:5px;
   color: #bdc3c7;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); 
}

.titulosLista{
    display:block;
    border: 1px solid #bdc3c7;
    background: rgba(0,0,0,0.1);
    padding: 10px 10px 10px 10px;
    color: #34495e;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    border-radius:7px;
}

.camposLista{
    display:block;
    border: 1px solid #bdc3c7;
    background: rgba(255,255,255,0.2);
    padding: 10px 10px 10px 10px;
    color: #34495e;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin-top: 1px;
    border-radius:3px;
}

.camposLista1{
    display:block;
    border: 1px solid #bdc3c7;
    background: rgba(255,255,255,0.2);
    padding: 10px 10px 10px 10px;
    color: #34495e;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin-top: 1px;
    border-radius:3px;
}

.titulos{
    display:block;
    border: 1px solid #bdc3c7;
    background: rgba(0,0,0,0.1);
    padding: 5px 5px 5px 5px;
    color: #34495e;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    border-radius:7px;
}


.activo{
    background:#16a085;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin-left: 10px;
    border-radius: 3px 3px 3px 3px;
}

.inactivo{
    background:#e74c3c;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    font-family: Arial, sans-serif;
    border-radius: 3px 3px 3px 3px;
} 

.botOpcion{
  width: 200px;
  height: 35px;;
  font-size: 120px;
}

.style-2{
  text-transform: capitalize;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  padding: 16px;
  border: solid 2px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}

.style-2:focus, .style-2.focus {
  border: solid 2px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
} 

.style-1{
  text-transform: capitalize;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 5px;
  border: solid 2px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1:focus, .style-1.focus {
  border: solid 2px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
} 
 

 

.style-3{
  text-transform: uppercase;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px;
  border: solid 2px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-3:focus, .style-3.focus {
  border: solid 2px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
}  


.style-4{
  text-transform: capitalize;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px;
  border: solid 2px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-4:focus, .style-4.focus {
  border: solid 2px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696;
} 

input[type=submit] 
{
  border: 1px solid #999;
  color:#2c3e50;
  border: 2px solid white; 
  -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.8), 0 0 16px rgba(0,0,0,0.2); 
  -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.8), 0 0 16px rgba(0,0,0,0.2); 
  box-shadow: inset 0 0 8px rgba(0,0,0,0.8), 0 0 16px rgba(0,0,0,0.2); 
  padding: 5px;
  background: rgba(255,255,255,0.5);  
}

input[type="submit"]:hover{ 
  border: 1px solid #999;
  padding: 5px; 
  background:#2980b9; 
  border: 2px solid white; 
  cursor:pointer;
  color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
} 

.button {
	background:#7f8c8d;
	color:#fff;
	display:inline-block;
	font-size:1.25em;
	margin:20px;
	padding:10px 0;
	text-align:center;
	width:200px;
	text-decoration:none;
	box-shadow:0px 3px 0px #373c3c;
}
 
.button span {
	margin-right:10px;
}
 
/*Colores*/
.button.blue {
	background:#3498db;
	box-shadow:0px 3px 0px #266792;
}
 
.button.yellow {
	background:#e67e22;
	box-shadow:0px 3px 0px #b55704;
}
 
 
/*Tamaños*/
.button.medium {
	width:350px;
}
 
 
.button.large {
	width:450px;
}
 
 
.button.radius {
	border-radius:50px;
}
 
/*Efectos, Hover*/
.button:hover {
	box-shadow:0px 0px 0px;
	padding-top:7px;
}